diff inteligent_robot/io2012slides/scripts/md/slides.md @ 3:fea44bb81877 default tip

many change
author taiki
date Tue, 10 Dec 2013 15:31:33 +0900
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/inteligent_robot/io2012slides/scripts/md/slides.md	Tue Dec 10 15:31:33 2013 +0900
@@ -0,0 +1,78 @@
+title: Slide Title
+subtitle: Subtitle
+class: image
+
+![Mobile vs desktop users](image.png)
+
+---
+
+title: Segue Slide
+subtitle: Subtitle
+class: segue dark nobackground
+
+---
+
+title: Agenda
+class: big
+build_lists: true
+
+Things we'll cover (list should build):
+
+- Bullet1
+- Bullet2
+- Bullet3
+
+---
+
+title: Today
+class: nobackground fill
+
+![Many kinds of devices.](image.png)
+
+<footer class="source">source: place source info here</footer>
+
+---
+
+title: Big Title Slide
+class: title-slide
+
+---
+
+title: Code Example
+
+Media Queries are sweet:
+
+<pre class="prettyprint" data-lang="css">
+@media screen and (max-width: 640px) {
+  #sidebar { display: none; }
+}
+</pre>
+
+---
+
+title: Once more, with JavaScript
+
+<pre class="prettyprint" data-lang="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;
+}
+</pre>
+
+---
+
+title: Centered content
+content_class: flexbox vcenter
+
+This content should be centered!