diff options
author | Pacien TRAN-GIRARD | 2014-05-12 21:40:42 +0200 |
---|---|---|
committer | Pacien TRAN-GIRARD | 2014-05-12 21:40:42 +0200 |
commit | 765d63c299db8b75217b578b3a295fbce5d7abd3 (patch) | |
tree | b055b96d69467a696c5a062c69b8886b8c6ea4b5 /scripts/md/base.html | |
parent | a94a99dad32b86e04d70f18f5b49401e43fc0a1d (diff) | |
download | io-slides-remote-765d63c299db8b75217b578b3a295fbce5d7abd3.tar.gz |
Import and format code
Diffstat (limited to 'scripts/md/base.html')
-rw-r--r-- | scripts/md/base.html | 179 |
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 @@ | |||
2 | Google IO 2012 HTML5 Slide Template | 2 | Google IO 2012 HTML5 Slide Template |
3 | 3 | ||
4 | Authors: Eric Bidelman <ebidel@gmail.com> | 4 | Authors: Eric Bidelman <ebidel@gmail.com> |
5 | Luke Mahe <lukem@google.com> | 5 | Luke Mahe <lukem@google.com> |
6 | 6 | ||
7 | URL: https://code.google.com/p/io-2012-slides | 7 | URL: 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><Thank You!></h2> | 74 | <article class="flexbox vleft auto-fadein"> |
70 | <p>Important contact information goes here.</p> | 75 | <h2><Thank You!></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> |
88 | var _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> |