diff options
-rw-r--r-- | images/chart.png | bin | 91914 -> 94688 bytes | |||
-rw-r--r-- | images/chrome-logo-tiny.png | bin | 4125 -> 1381 bytes | |||
-rw-r--r-- | template.html | 12 | ||||
-rw-r--r-- | theme/css/default.css | 299 | ||||
-rw-r--r-- | theme/scss/_base.scss | 6 | ||||
-rw-r--r-- | theme/scss/default.scss | 16 |
6 files changed, 188 insertions, 145 deletions
diff --git a/images/chart.png b/images/chart.png index 09b5451..016ca90 100644 --- a/images/chart.png +++ b/images/chart.png | |||
Binary files differ | |||
diff --git a/images/chrome-logo-tiny.png b/images/chrome-logo-tiny.png index 6dcf46e..88ef9bd 100644 --- a/images/chrome-logo-tiny.png +++ b/images/chrome-logo-tiny.png | |||
Binary files differ | |||
diff --git a/template.html b/template.html index 3b81007..070b539 100644 --- a/template.html +++ b/template.html | |||
@@ -26,9 +26,9 @@ URL: https://code.google.com/p/io-2012-slides | |||
26 | <slides class="layout-widescreen"> | 26 | <slides class="layout-widescreen"> |
27 | 27 | ||
28 | <slide class="logoslide nobackground"> | 28 | <slide class="logoslide nobackground"> |
29 | <section class="flexbox vcenter"> | 29 | <article class="flexbox vcenter"> |
30 | <span><img src="images/google_developers_logo.png"></span> | 30 | <span><img src="images/google_developers_logo.png"></span> |
31 | </section> | 31 | </article> |
32 | </slide> | 32 | </slide> |
33 | 33 | ||
34 | <slide class="title-slide segue nobackground"> | 34 | <slide class="title-slide segue nobackground"> |
@@ -197,7 +197,7 @@ function helloWorld(world) { | |||
197 | <h2>Slide with Image</h2> | 197 | <h2>Slide with Image</h2> |
198 | </hgroup> | 198 | </hgroup> |
199 | <article> | 199 | <article> |
200 | <img src="images/chart.png" alt="Description" title="Description"> | 200 | <img src="images/chart.png" class="reflect" alt="Description" title="Description"> |
201 | <footer class="source">source: place source info here</footer> | 201 | <footer class="source">source: place source info here</footer> |
202 | </article> | 202 | </article> |
203 | </slide> | 203 | </slide> |
@@ -206,7 +206,7 @@ function helloWorld(world) { | |||
206 | <hgroup> | 206 | <hgroup> |
207 | <h2>Slide with Image (Centered horz/vert)</h2> | 207 | <h2>Slide with Image (Centered horz/vert)</h2> |
208 | </hgroup> | 208 | </hgroup> |
209 | <article class="flexbox vcenter" style="height: 80%;"> | 209 | <article class="flexbox vcenter"> |
210 | <img src="images/barchart.png" alt="Description" title="Description"> | 210 | <img src="images/barchart.png" alt="Description" title="Description"> |
211 | <footer class="source">source: place source info here</footer> | 211 | <footer class="source">source: place source info here</footer> |
212 | </article> | 212 | </article> |
@@ -323,8 +323,8 @@ function helloWorld(world) { | |||
323 | <li class="gray4">class="gray4"</li> | 323 | <li class="gray4">class="gray4"</li> |
324 | </ul> | 324 | </ul> |
325 | </div> | 325 | </div> |
326 | <div> | 326 | <div class="centered" style="margin-top:2em"> |
327 | <button>Button</button> <button disabled>Disabled</button> | 327 | I am centered text with a <button>Button</button> and <button disabled>Disabled</button> button. |
328 | </div> | 328 | </div> |
329 | </article> | 329 | </article> |
330 | </slide> | 330 | </slide> |
diff --git a/theme/css/default.css b/theme/css/default.css index 722620f..7cfbdb1 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -66,13 +66,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, | |||
66 | /** | 66 | /** |
67 | * Base SlideDeck Styles | 67 | * Base SlideDeck Styles |
68 | */ | 68 | */ |
69 | /* line 42, ../scss/_base.scss */ | 69 | /* line 48, ../scss/_base.scss */ |
70 | html { | 70 | html { |
71 | height: 100%; | 71 | height: 100%; |
72 | overflow: hidden; | 72 | overflow: hidden; |
73 | } | 73 | } |
74 | 74 | ||
75 | /* line 47, ../scss/_base.scss */ | 75 | /* line 53, ../scss/_base.scss */ |
76 | body { | 76 | body { |
77 | margin: 0; | 77 | margin: 0; |
78 | padding: 0; | 78 | padding: 0; |
@@ -92,22 +92,22 @@ body { | |||
92 | -o-transition: opacity 800ms ease-in 100ms; | 92 | -o-transition: opacity 800ms ease-in 100ms; |
93 | transition: opacity 800ms ease-in 100ms; | 93 | transition: opacity 800ms ease-in 100ms; |
94 | } | 94 | } |
95 | /* line 63, ../scss/_base.scss */ | 95 | /* line 69, ../scss/_base.scss */ |
96 | body.loaded { | 96 | body.loaded { |
97 | opacity: 1; | 97 | opacity: 1; |
98 | } | 98 | } |
99 | 99 | ||
100 | /* line 68, ../scss/_base.scss */ | 100 | /* line 74, ../scss/_base.scss */ |
101 | input, button { | 101 | input, button { |
102 | vertical-align: middle; | 102 | vertical-align: middle; |
103 | } | 103 | } |
104 | 104 | ||
105 | /* line 72, ../scss/_base.scss */ | 105 | /* line 78, ../scss/_base.scss */ |
106 | slides > slide[hidden] { | 106 | slides > slide[hidden] { |
107 | display: none !important; | 107 | display: none !important; |
108 | } | 108 | } |
109 | 109 | ||
110 | /* line 76, ../scss/_base.scss */ | 110 | /* line 82, ../scss/_base.scss */ |
111 | slides { | 111 | slides { |
112 | width: 100%; | 112 | width: 100%; |
113 | height: 100%; | 113 | height: 100%; |
@@ -125,7 +125,7 @@ slides { | |||
125 | transform-style: preserve-3d; | 125 | transform-style: preserve-3d; |
126 | } | 126 | } |
127 | 127 | ||
128 | /* line 87, ../scss/_base.scss */ | 128 | /* line 93, ../scss/_base.scss */ |
129 | slides > slide { | 129 | slides > slide { |
130 | display: block; | 130 | display: block; |
131 | position: absolute; | 131 | position: absolute; |
@@ -346,31 +346,35 @@ slides > slide.backdrop:after, slides > slide.backdrop:before { | |||
346 | slides > slide > hgroup + article { | 346 | slides > slide > hgroup + article { |
347 | margin-top: 45px; | 347 | margin-top: 45px; |
348 | } | 348 | } |
349 | /* line 213, ../scss/default.scss */ | 349 | /* line 214, ../scss/default.scss */ |
350 | slides > slide > hgroup + article.flexbox.vcenter, slides > slide > hgroup + article.flexbox.vleft, slides > slide > hgroup + article.flexbox.vright { | ||
351 | height: 80%; | ||
352 | } | ||
353 | /* line 219, ../scss/default.scss */ | ||
350 | slides > slide > hgroup + article p { | 354 | slides > slide > hgroup + article p { |
351 | margin-bottom: 1em; | 355 | margin-bottom: 1em; |
352 | } | 356 | } |
353 | /* line 218, ../scss/default.scss */ | 357 | /* line 224, ../scss/default.scss */ |
354 | slides > slide > article:only-child { | 358 | slides > slide > article:only-child { |
355 | height: 100%; | 359 | height: 100%; |
356 | } | 360 | } |
357 | /* line 221, ../scss/default.scss */ | 361 | /* line 227, ../scss/default.scss */ |
358 | slides > slide > article:only-child > iframe { | 362 | slides > slide > article:only-child > iframe { |
359 | height: 100%; | 363 | height: 100%; |
360 | } | 364 | } |
361 | 365 | ||
362 | /* line 227, ../scss/default.scss */ | 366 | /* line 233, ../scss/default.scss */ |
363 | slides.layout-faux-widescreen > slide { | 367 | slides.layout-faux-widescreen > slide { |
364 | padding: 40px 160px; | 368 | padding: 40px 160px; |
365 | } | 369 | } |
366 | 370 | ||
367 | /* line 236, ../scss/default.scss */ | 371 | /* line 242, ../scss/default.scss */ |
368 | slides.layout-widescreen > slide, | 372 | slides.layout-widescreen > slide, |
369 | slides.layout-faux-widescreen > slide { | 373 | slides.layout-faux-widescreen > slide { |
370 | margin-left: -550px; | 374 | margin-left: -550px; |
371 | width: 1100px; | 375 | width: 1100px; |
372 | } | 376 | } |
373 | /* line 241, ../scss/default.scss */ | 377 | /* line 247, ../scss/default.scss */ |
374 | slides.layout-widescreen > slide.far-past, | 378 | slides.layout-widescreen > slide.far-past, |
375 | slides.layout-faux-widescreen > slide.far-past { | 379 | slides.layout-faux-widescreen > slide.far-past { |
376 | display: block; | 380 | display: block; |
@@ -386,26 +390,26 @@ slides.layout-faux-widescreen > slide.far-past { | |||
386 | -o-transform: translate3d(-2260px, 0, 0); | 390 | -o-transform: translate3d(-2260px, 0, 0); |
387 | transform: translate3d(-2260px, 0, 0); | 391 | transform: translate3d(-2260px, 0, 0); |
388 | } | 392 | } |
389 | /* line 248, ../scss/default.scss */ | 393 | /* line 254, ../scss/default.scss */ |
390 | slides.layout-widescreen > slide.past, | 394 | slides.layout-widescreen > slide.past, |
391 | slides.layout-faux-widescreen > slide.past { | 395 | slides.layout-faux-widescreen > slide.past { |
392 | display: block; | 396 | display: block; |
393 | opacity: 0; | 397 | opacity: 0; |
394 | } | 398 | } |
395 | /* line 255, ../scss/default.scss */ | 399 | /* line 261, ../scss/default.scss */ |
396 | slides.layout-widescreen > slide.current, | 400 | slides.layout-widescreen > slide.current, |
397 | slides.layout-faux-widescreen > slide.current { | 401 | slides.layout-faux-widescreen > slide.current { |
398 | display: block; | 402 | display: block; |
399 | opacity: 1; | 403 | opacity: 1; |
400 | } | 404 | } |
401 | /* line 262, ../scss/default.scss */ | 405 | /* line 268, ../scss/default.scss */ |
402 | slides.layout-widescreen > slide.next, | 406 | slides.layout-widescreen > slide.next, |
403 | slides.layout-faux-widescreen > slide.next { | 407 | slides.layout-faux-widescreen > slide.next { |
404 | display: block; | 408 | display: block; |
405 | opacity: 0; | 409 | opacity: 0; |
406 | pointer-events: none; | 410 | pointer-events: none; |
407 | } | 411 | } |
408 | /* line 270, ../scss/default.scss */ | 412 | /* line 276, ../scss/default.scss */ |
409 | slides.layout-widescreen > slide.far-next, | 413 | slides.layout-widescreen > slide.far-next, |
410 | slides.layout-faux-widescreen > slide.far-next { | 414 | slides.layout-faux-widescreen > slide.far-next { |
411 | display: block; | 415 | display: block; |
@@ -421,39 +425,39 @@ slides.layout-faux-widescreen > slide.far-next { | |||
421 | -o-transform: translate3d(2260px, 0, 0); | 425 | -o-transform: translate3d(2260px, 0, 0); |
422 | transform: translate3d(2260px, 0, 0); | 426 | transform: translate3d(2260px, 0, 0); |
423 | } | 427 | } |
424 | /* line 277, ../scss/default.scss */ | 428 | /* line 283, ../scss/default.scss */ |
425 | slides.layout-widescreen #prev-slide-area, | 429 | slides.layout-widescreen #prev-slide-area, |
426 | slides.layout-faux-widescreen #prev-slide-area { | 430 | slides.layout-faux-widescreen #prev-slide-area { |
427 | margin-left: -650px; | 431 | margin-left: -650px; |
428 | } | 432 | } |
429 | /* line 281, ../scss/default.scss */ | 433 | /* line 287, ../scss/default.scss */ |
430 | slides.layout-widescreen #next-slide-area, | 434 | slides.layout-widescreen #next-slide-area, |
431 | slides.layout-faux-widescreen #next-slide-area { | 435 | slides.layout-faux-widescreen #next-slide-area { |
432 | margin-left: 550px; | 436 | margin-left: 550px; |
433 | } | 437 | } |