Mercurial > hg > Members > taiki > slides
view notstudy/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 source
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!