diff options
Diffstat (limited to 'scripts/md/base.html')
-rw-r--r-- | scripts/md/base.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/scripts/md/base.html b/scripts/md/base.html new file mode 100644 index 0000000..a469806 --- /dev/null +++ b/scripts/md/base.html | |||
@@ -0,0 +1,66 @@ | |||
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="only screen and (max-device-width: 480px)" href="theme/css/phone.css"> | ||
22 | <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> | ||
23 | <script data-main="js/slides" src="js/require-1.0.8.min.js"></script> | ||
24 | </head> | ||
25 | <body style="opacity: 0"> | ||
26 | |||
27 | <slides class="layout-widescreen"> | ||
28 | |||
29 | <slide class="logoslide nobackground"> | ||
30 | <article class="flexbox vcenter"> | ||
31 | <span><img src="images/google_developers_logo.png"></span> | ||
32 | </article> | ||
33 | </slide> | ||
34 | |||
35 | <slide class="title-slide segue nobackground"> | ||
36 | <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside> | ||
37 | <!-- The content of this hgroup is replaced programmatically through the slide_config.json. --> | ||
38 | <hgroup class="auto-fadein"> | ||
39 | <h1 data-config-title><!-- populated from slide_config.json --></h1> | ||
40 | <h2 data-config-subtitle><!-- populated from slide_config.json --></h2> | ||
41 | <p data-config-presenter><!-- populated from slide_config.json --></p> | ||
42 | </hgroup> | ||
43 | </slide> | ||
44 | |||
45 | {% for slide in slides %} | ||
46 | <slide class="{{ slide.class }}"> | ||
47 | <hgroup> | ||
48 | <h1>{{ slide.h1 }}</h1> | ||
49 | <h2>{{ slide.title }}</h2> | ||
50 | </hgroup> | ||
51 | <article> | ||
52 | {{ slide.content }} | ||
53 | </article> | ||
54 | </slide> | ||
55 | {% endfor %} | ||
56 | |||
57 | <slide class="backdrop"></slide> | ||
58 | |||
59 | </slides> | ||
60 | |||
61 | <!--[if IE]> | ||
62 | <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> | ||
63 | <script>CFInstall.check({mode: 'overlay'});</script> | ||
64 | <![endif]--> | ||
65 | </body> | ||
66 | </html> | ||