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