From f208307cbdd403d3fa92a1aae1dc9c094c7ec9d8 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Wed, 11 Jul 2012 10:43:37 -0700 Subject: Bringing in upstream changes --- scripts/md/slides.md | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 scripts/md/slides.md (limited to 'scripts/md/slides.md') diff --git a/scripts/md/slides.md b/scripts/md/slides.md new file mode 100644 index 0000000..064b8db --- /dev/null +++ b/scripts/md/slides.md @@ -0,0 +1,64 @@ +title: Slide Title +class: image + +![Mobile vs desktop users](image.png) + +--- + +title: Agenda +class: big + +Things we'll cover: + +- Bullet1 +- Bullet2 +- Bullet3 + +--- + +title: Today +class: nobackground fill + +![Many kinds of devices.](image.png) + + + +--- + +h1: Big Title Slide +class: title-slide + +--- + +title: Code Example + +Media Queries are sweet: + +
+@media screen and (max-width: 640px) {
+  #sidebar { display: none; }
+}
+
+ +--- + +title: Once more, with JavaScript + +
+function isSmall() {
+  return window.matchMedia("(min-device-width: ???)").matches;
+}
+
+function hasTouch() {
+  return Modernizr.touch;
+}
+
+function detectFormFactor() {
+  var device = DESKTOP;
+  if (hasTouch()) {
+    device = isSmall() ? PHONE : TABLET;
+  }
+  return device;
+}
+
+ -- cgit v1.2.3