Mercurial > hg > Members > taiki > slides

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
many change
author taiki
date Tue, 10 Dec 2013 15:31:33 +0900
parents
children
comparison
equal deleted inserted replaced
2:7f4128b2369a 3:fea44bb81877
1 title: Slide Title
2 subtitle: Subtitle
3 class: image
4
5 ![Mobile vs desktop users](image.png)
6
7 ---
8
9 title: Segue Slide
10 subtitle: Subtitle
11 class: segue dark nobackground
12
13 ---
14
15 title: Agenda
16 class: big
17 build_lists: true
18
19 Things we'll cover (list should build):
20
21 - Bullet1
22 - Bullet2
23 - Bullet3
24
25 ---
26
27 title: Today
28 class: nobackground fill
29
30 ![Many kinds of devices.](image.png)
31
32 <footer class="source">source: place source info here</footer>
33
34 ---
35
36 title: Big Title Slide
37 class: title-slide
38
39 ---
40
41 title: Code Example
42
43 Media Queries are sweet:
44
45 <pre class="prettyprint" data-lang="css">
46 @media screen and (max-width: 640px) {
47 #sidebar { display: none; }
48 }
49 </pre>
50
51 ---
52
53 title: Once more, with JavaScript
54
55 <pre class="prettyprint" data-lang="javascript">
56 function isSmall() {
57 return window.matchMedia("(min-device-width: ???)").matches;
58 }
59
60 function hasTouch() {
61 return Modernizr.touch;
62 }
63
64 function detectFormFactor() {
65 var device = DESKTOP;
66 if (hasTouch()) {
67 device = isSmall() ? PHONE : TABLET;
68 }
69 return device;
70 }
71 </pre>
72
73 ---
74
75 title: Centered content
76 content_class: flexbox vcenter
77
78 This content should be centered!