aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--images/chart.pngbin91914 -> 94688 bytes
-rw-r--r--images/chrome-logo-tiny.pngbin4125 -> 1381 bytes
-rw-r--r--template.html12
-rw-r--r--theme/css/default.css299
-rw-r--r--theme/scss/_base.scss6
-rw-r--r--theme/scss/default.scss16
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 */
70html { 70html {
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 */
76body { 76body {
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 */
96body.loaded { 96body.loaded {
97 opacity: 1; 97 opacity: 1;
98} 98}
99 99
100/* line 68, ../scss/_base.scss */ 100/* line 74, ../scss/_base.scss */
101input, button { 101input, 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 */
106slides > slide[hidden] { 106slides > 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 */
111slides { 111slides {
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 */
129slides > slide { 129slides > 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 {
346slides > slide > hgroup + article { 346slides > 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 */
350slides > 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 */
350slides > slide > hgroup + article p { 354slides > 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 */
354slides > slide > article:only-child { 358slides > slide > article:only-child {
355 height: 100%; 359 height: 100%;
356} 360}
357/* line 221, ../scss/default.scss */ 361/* line 227, ../scss/default.scss */
358slides > slide > article:only-child > iframe { 362slides > 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 */
363slides.layout-faux-widescreen > slide { 367slides.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 */
368slides.layout-widescreen > slide, 372slides.layout-widescreen > slide,
369slides.layout-faux-widescreen > slide { 373slides.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 */
374slides.layout-widescreen > slide.far-past, 378slides.layout-widescreen > slide.far-past,
375slides.layout-faux-widescreen > slide.far-past { 379slides.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 */
390slides.layout-widescreen > slide.past, 394slides.layout-widescreen > slide.past,
391slides.layout-faux-widescreen > slide.past { 395slides.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 */
396slides.layout-widescreen > slide.current, 400slides.layout-widescreen > slide.current,
397slides.layout-faux-widescreen > slide.current { 401slides.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 */
402slides.layout-widescreen > slide.next, 406slides.layout-widescreen > slide.next,
403slides.layout-faux-widescreen > slide.next { 407slides.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 */
409slides.layout-widescreen > slide.far-next, 413slides.layout-widescreen > slide.far-next,
410slides.layout-faux-widescreen > slide.far-next { 414slides.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 */
425slides.layout-widescreen #prev-slide-area, 429slides.layout-widescreen #prev-slide-area,
426slides.layout-faux-widescreen #prev-slide-area { 430slides.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 */
430slides.layout-widescreen #next-slide-area, 434slides.layout-widescreen #next-slide-area,
431slides.layout-faux-widescreen #next-slide-area { 435slides.layout-faux-widescreen #next-slide-area {
432 margin-left: 550px; 436 margin-left: 550px;
433} 437}
434 438