diff options
Diffstat (limited to 'slides/final/scripts/md/base.html')
-rw-r--r-- | slides/final/scripts/md/base.html | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/slides/final/scripts/md/base.html b/slides/final/scripts/md/base.html new file mode 100644 index 0000000..5e01a30 --- /dev/null +++ b/slides/final/scripts/md/base.html | |||
@@ -0,0 +1,101 @@ | |||
1 | <!-- | ||
2 | Google IO 2012 HTML5 Slide Template | ||
3 | |||
4 | Authors: Eric Bidelman <ebidel@gmail.com> | ||
5 | Luke Mahe <lukem@google.com> | ||
6 | |||
7 | URL: https://code.google.com/p/io-2012-slides | ||
8 | --> | ||
9 | <!DOCTYPE html> | ||
10 | <html> | ||
11 | <head> | ||
12 | <title>Google IO 2012</title> | ||
13 | <meta charset="utf-8"> | ||
14 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> | ||
15 | <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> | ||
16 | <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> | ||
17 | <!--This one seems to work all the time, but really small on ipad--> | ||
18 | <!--<meta name="viewport" content="initial-scale=0.4">--> | ||
19 | <meta name="apple-mobile-web-app-capable" content="yes"> | ||
20 | <link rel="stylesheet" media="all" href="theme/css/default.css"> | ||
21 | <link rel="stylesheet" media="all" href="theme/css/app.css"> | ||
22 | <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css"> | ||
23 | <base target="_blank"> | ||
24 | <!-- This amazingness opens all links in a new tab. --> | ||
25 | <script data-main="js/slides" src="js/require.js"></script> | ||
26 | </head> | ||
27 | <body style="opacity: 0"> | ||
28 | |||
29 | <slides class="layout-widescreen"> | ||
30 | |||
31 | <!-- <slide class="logoslide nobackground"> | ||
32 | <article class="flexbox vcenter"> | ||
33 | <span><img src="images/google_developers_logo.png"></span> | ||
34 | </article> | ||
35 | </slide> | ||
36 | --> | ||
37 | <slide class="title-slide segue nobackground"> | ||
38 | <aside class="gdbar"><img src="images/google_developers_icon_128.png"> | ||
39 | </aside> | ||
40 | <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> | ||
41 | <hgroup class="auto-fadein"> | ||
42 | <h1 data-config-title><!-- populated from slide_config.json --></h1> | ||
43 | <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> | ||
44 | <p data-config-presenter> | ||
45 | <!-- populated from slide_config.json --> | ||
46 | </p> | ||
47 | </hgroup> | ||
48 | </slide> | ||
49 | |||
50 | {% for slide in slides %} | ||
51 | <slide {% if slide.class %}class="{{- slide.class -}}"{% endif %} {% if slide.image %}style="background-image: url({{- slide.image -}})"{% endif %}> | ||
52 | {% if 'segue' in slide.class %} | ||
53 | <aside class="gdbar"><img src="images/google_developers_icon_128.png"> | ||
54 | </aside> | ||
55 | <hgroup class="auto-fadein"> | ||
56 | <h2>{{- slide.title -}}</h2> | ||
57 | <h3>{{- slide.subtitle -}}</h3> | ||
58 | </hgroup> | ||
59 | {% else %} | ||
60 | <hgroup> | ||
61 | <h2>{{- slide.title -}}</h2> | ||
62 | <h3>{{- slide.subtitle -}}</h3> | ||
63 | </hgroup> | ||
64 | <article {% if slide.content_class %}class="{{- slide.content_class -}}"{% endif %}> | ||
65 | {{- slide.content -}} | ||
66 | </article> | ||
67 | {% endif %} | ||
68 | </slide> | ||
69 | {% endfor %} | ||
70 | |||
71 | <slide class="logoslide dark nobackground"> | ||
72 | <article class="flexbox vcenter"> | ||
73 | <span><img src="images/ESIEE_Paris_logo_white.png"></span> | ||
74 | </article> | ||
75 | </slide> | ||
76 | |||
77 | <slide class="backdrop"></slide> | ||
78 | |||
79 | </slides> | ||
80 | |||
81 | <script> | ||
82 | var _gaq = _gaq || []; | ||
83 | _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); | ||
84 | _gaq.push(['_trackPageview']); | ||
85 | |||
86 | (function() { | ||
87 | var ga = document.createElement('script'); | ||
88 | ga.type = 'text/javascript'; | ||
89 | ga.async = true; | ||
90 | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
91 | var s = document.getElementsByTagName('script')[0]; | ||
92 | s.parentNode.insertBefore(ga, s); | ||
93 | })(); | ||
94 | </script> | ||
95 | |||
96 | <!--[if IE]> | ||
97 | <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> | ||
98 | <script>CFInstall.check({mode: 'overlay'});</script> | ||
99 | <![endif]--> | ||
100 | </body> | ||
101 | </html> | ||