diff options
| author | Eric Bidelman | 2012-04-14 14:39:08 -0700 |
|---|---|---|
| committer | Eric Bidelman | 2012-04-14 14:39:08 -0700 |
| commit | ba1842bd2162d4fa3c7189621825afd765bea5fa (patch) | |
| tree | a001e4f56275a0c19ce889b5aa44c2d7dc34e6c7 /template.html | |
| parent | 92d59f701df13fe8e99d2c908dcf18450c53b762 (diff) | |
| download | io-slides-remote-ba1842bd2162d4fa3c7189621825afd765bea5fa.tar.gz | |
Hammer.js instead. Touch working on mobile
style sheets now in main .html file. Better for mobile rather than dynamically loading in js
matcMedia polyfill
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/template.html b/template.html index 4ff22b0..ce03ecf 100644 --- a/template.html +++ b/template.html | |||
| @@ -9,9 +9,13 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 9 | <!DOCTYPE html> | 9 | <!DOCTYPE html> |
| 10 | <html> | 10 | <html> |
| 11 | <head> | 11 | <head> |
| 12 | <title>Title</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">--> | ||
| 16 | <!--<meta name="viewport" content="initial-scale=0.4">--> | ||
| 17 | <link rel="stylesheet" media="all" href="theme/css/default.css"> | ||
| 18 | <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css"> | ||
| 15 | </head> | 19 | </head> |
| 16 | <body style="opacity: 0;"> | 20 | <body style="opacity: 0;"> |
| 17 | 21 | ||
| @@ -59,9 +63,9 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 59 | <article> | 63 | <article> |
| 60 | <p>A list where items build:</p> | 64 | <p>A list where items build:</p> |
| 61 | <ul class="build"> | 65 | <ul class="build"> |
| 62 | <li>Blah</li> | 66 | <li>Pressing 'h' will highlight code snippets</li> |
| 63 | <li>Blah</li> | 67 | <li>Pressing 'n' will toggle extra notes</li> |
| 64 | <li>Blah</li> | 68 | <li>Pressing 'f' will toggle fullscreen viewing</li> |
| 65 | </ul> | 69 | </ul> |
| 66 | <p>Another list, but items fade as they build:</p> | 70 | <p>Another list, but items fade as they build:</p> |
| 67 | <ul class="build fade"> | 71 | <ul class="build fade"> |
| @@ -368,7 +372,7 @@ function helloWorld(world) { | |||
| 368 | settings: { | 372 | settings: { |
| 369 | title: 'Title Goes Here<br>Up To Two Lines', | 373 | title: 'Title Goes Here<br>Up To Two Lines', |
| 370 | subtitle: 'Subtitle Goes Here', | 374 | subtitle: 'Subtitle Goes Here', |
| 371 | theme: 'default', | 375 | //theme: ['mytheme'], |
| 372 | hashtag: '#html5', //TODO | 376 | hashtag: '#html5', //TODO |
| 373 | useBuilds: true, | 377 | useBuilds: true, |
| 374 | usePrettify: true, | 378 | usePrettify: true, |
| @@ -402,7 +406,7 @@ function helloWorld(world) { | |||
| 402 | 406 | ||
| 403 | <script src="js/prettify/prettify.js" defer></script> | 407 | <script src="js/prettify/prettify.js" defer></script> |
| 404 | <script src="js/yepnope.1.5.3-min.js" defer></script> | 408 | <script src="js/yepnope.1.5.3-min.js" defer></script> |
| 405 | <script src="js/touch.js" defer></script> | 409 | <script src="js/hammer.js" defer></script> |
| 406 | <script src="js/slides.js" defer></script> | 410 | <script src="js/slides.js" defer></script> |
| 407 | 411 | ||
| 408 | <!-- TODO: Add to slides.js --> | 412 | <!-- TODO: Add to slides.js --> |