Mercurial > hg > Members > taiki > slides
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!