aboutsummaryrefslogtreecommitdiff
path: root/scripts/md/slides.md
diff options
context:
space:
mode:
Diffstat (limited to 'scripts/md/slides.md')
-rw-r--r--scripts/md/slides.md64
1 files changed, 64 insertions, 0 deletions
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 @@
1title: Slide Title
2class: image
3
4![Mobile vs desktop users](image.png)
5
6---
7
8title: Agenda
9class: big
10
11Things we'll cover:
12
13- Bullet1
14- Bullet2
15- Bullet3
16
17---
18
19title: Today
20class: nobackground fill
21
22![Many kinds of devices.](image.png)
23
24<footer class="source">source: place source info here</footer>
25
26---
27
28h1: Big Title Slide
29class: title-slide
30
31---
32
33title: Code Example
34
35Media Queries are sweet:
36
37<pre class="prettyprint" data-lang="css">
38@media screen and (max-width: 640px) {
39 #sidebar { display: none; }
40}
41</pre>
42
43---
44
45title: Once more, with JavaScript
46
47<pre class="prettyprint" data-lang="javascript">
48function isSmall() {
49 return window.matchMedia("(min-device-width: ???)").matches;
50}
51
52function hasTouch() {
53 return Modernizr.touch;
54}
55
56function detectFormFactor() {
57 var device = DESKTOP;
58 if (hasTouch()) {
59 device = isSmall() ? PHONE : TABLET;
60 }
61 return device;
62}
63</pre>
64