diff options
-rw-r--r-- | template.html | 41 | ||||
-rw-r--r-- | theme/css/default.css | 255 | ||||
-rw-r--r-- | theme/sass/default.scss | 73 |
3 files changed, 183 insertions, 186 deletions
diff --git a/template.html b/template.html index 821cb47..aa5ae3f 100644 --- a/template.html +++ b/template.html | |||
@@ -28,7 +28,9 @@ | |||
28 | </slide> | 28 | </slide> |
29 | 29 | ||
30 | <slide> | 30 | <slide> |
31 | <h2>Slide with Bullets</h2> | 31 | <hgroup> |
32 | <h2>Slide with Bullets</h2> | ||
33 | </hgroup> | ||
32 | <article> | 34 | <article> |
33 | <ul> | 35 | <ul> |
34 | <li>Titles are formatted as Open Sans with bold applied and font size is set at 45</li> | 36 | <li>Titles are formatted as Open Sans with bold applied and font size is set at 45</li> |
@@ -65,7 +67,9 @@ | |||
65 | </slide> | 67 | </slide> |
66 | 68 | ||
67 | <slide> | 69 | <slide> |
68 | <h2>Slide with Smaller Font</h2> | 70 | <hgroup> |
71 | <h2>Slide with Smaller Font</h2> | ||
72 | </hgroup> | ||
69 | <article class="smaller"> | 73 | <article class="smaller"> |
70 | <ul> | 74 | <ul> |
71 | <li>Titles are formatted as Open Sans with bold applied and font size is set at 45</li> | 75 | <li>Titles are formatted as Open Sans with bold applied and font size is set at 45</li> |
@@ -142,7 +146,9 @@ function helloWorld(world) { | |||
142 | <aside class="note"> | 146 | <aside class="note"> |
143 | <section>Speaker notes can go here!</section> | 147 | <section>Speaker notes can go here!</section> |
144 | </aside> | 148 | </aside> |
145 | <h2>Slide with Speaker Notes</h2> | 149 | <hgroup> |
150 | <h2>Slide with Speaker Notes</h2> | ||
151 | </hgroup> | ||
146 | <article> | 152 | <article> |
147 | Press 'n' | 153 | Press 'n' |
148 | </article> | 154 | </article> |
@@ -150,20 +156,31 @@ function helloWorld(world) { | |||
150 | 156 | ||
151 | <slide class="segue dark nobackground"> | 157 | <slide class="segue dark nobackground"> |
152 | <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside> | 158 | <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside> |
153 | <article class="flexbox vleft"> | 159 | <hgroup class="auto-fadein"> |
154 | <hgroup class="auto-fadein"> | 160 | <h2>Segue Slide</h2> |
155 | <h2>Segue Slide</h2> | 161 | <h3>Subtitle Placeholder</h3> |
156 | <h3>Subtitle Placeholder</h3> | 162 | </hgroup> |
157 | </hgroup> | 163 | </slide> |
164 | |||
165 | <slide class="segue dark quote nobackground"> | ||
166 | <aside class="gdbar right bottom"><img src="images/google_developers_icon_128.png"></aside> | ||
167 | <article class="flexbox vleft auto-fadein"> | ||
168 | <q> | ||
169 | This is an example of quote text. | ||
170 | </q> | ||
171 | <div class="author"> | ||
172 | Name<br> | ||
173 | Company | ||
174 | </div> | ||
158 | </article> | 175 | </article> |
159 | </slide> | 176 | </slide> |
160 | 177 | ||
161 | <slide class="thank-you-slide segue nobackground"> | 178 | <slide class="thank-you-slide segue nobackground"> |
162 | <aside class="gdbar right"><img src="images/google_developers_icon_128.png"></aside> | 179 | <aside class="gdbar right"><img src="images/google_developers_icon_128.png"></aside> |
163 | <section class="flexbox vleft auto-fadein"> | 180 | <article class="flexbox vleft auto-fadein"> |
164 | <h2><Thanks You!></h2> | 181 | <h2><Thanks You!></h2> |
165 | <p>Important contact information goes here.</p> | 182 | <p>Important contact information goes here.</p> |
166 | </section> | 183 | </article> |
167 | <p class="auto-fadein"> | 184 | <p class="auto-fadein"> |
168 | Insert contact info<br> | 185 | Insert contact info<br> |
169 | Insert contact info<br> | 186 | Insert contact info<br> |
@@ -172,9 +189,9 @@ function helloWorld(world) { | |||
172 | </slide> | 189 | </slide> |
173 | 190 | ||
174 | <slide class="logoslide dark nobackground"> | 191 | <slide class="logoslide dark nobackground"> |
175 | <section class="flexbox vcenter"> | 192 | <article class="flexbox vcenter"> |
176 | <span><img src="images/google_developers_logo_white.png"></span> | 193 | <span><img src="images/google_developers_logo_white.png"></span> |
177 | </section> | 194 | </article> |
178 | </slide> | 195 | </slide> |
179 | 196 | ||
180 | </slides> | 197 | </slides> |
diff --git a/theme/css/default.css b/theme/css/default.css index f9a91b0..88ea9a9 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -399,19 +399,15 @@ slides > slide.dark { | |||
399 | background: #515151; | 399 | background: #515151; |
400 | } | 400 | } |
401 | /* line 180, ../sass/default.scss */ | 401 | /* line 180, ../sass/default.scss */ |
402 | slides > slide hgroup + article { | 402 | slides > slide > hgroup + article { |
403 | margin-top: 1.5em; | 403 | margin-top: 1.5em; |
404 | } | 404 | } |
405 | /* line 184, ../sass/default.scss */ | 405 | /* line 183, ../sass/default.scss */ |
406 | slides > slide > article { | 406 | slides > slide > hgroup + article p { |
407 | margin-top: 2em; | ||
408 | } | ||
409 | /* line 187, ../sass/default.scss */ | ||
410 | slides > slide > article p { | ||
411 | margin-bottom: 1em; | 407 | margin-bottom: 1em; |
412 | } | 408 | } |
413 | 409 | ||
414 | /* line 198, ../sass/default.scss */ | 410 | /* line 194, ../sass/default.scss */ |
415 | slides.layout-widescreen > slide.far-past, | 411 | slides.layout-widescreen > slide.far-past, |
416 | slides.layout-faux-widescreen > slide.far-past { | 412 | slides.layout-faux-widescreen > slide.far-past { |
417 | display: block; | 413 | display: block; |
@@ -426,7 +422,7 @@ slides.layout-faux-widescreen > slide.far-past { | |||
426 | -ms-transform: translate3d(-2260px, 0, 0); | 422 | -ms-transform: translate3d(-2260px, 0, 0); |
427 | transform: translate3d(-2260px, 0, 0); | 423 | transform: translate3d(-2260px, 0, 0); |
428 | } | 424 | } |
429 | /* line 204, ../sass/default.scss */ | 425 | /* line 200, ../sass/default.scss */ |
430 | slides.layout-widescreen > slide.past, | 426 | slides.layout-widescreen > slide.past, |
431 | slides.layout-faux-widescreen > slide.past { | 427 | slides.layout-faux-widescreen > slide.past { |
432 | display: block; | 428 | display: block; |
@@ -441,7 +437,7 @@ slides.layout-faux-widescreen > slide.past { | |||
441 | -ms-transform: translate3d(-1130px, 0, 0); | 437 | -ms-transform: translate3d(-1130px, 0, 0); |
442 | transform: translate3d(-1130px, 0, 0); | 438 | transform: translate3d(-1130px, 0, 0); |
443 | } | 439 | } |
444 | /* line 210, ../sass/default.scss */ | 440 | /* line 206, ../sass/default.scss */ |
445 | slides.layout-widescreen > slide.current, | 441 | slides.layout-widescreen > slide.current, |
446 | slides.layout-faux-widescreen > slide.current { | 442 | slides.layout-faux-widescreen > slide.current { |
447 | display: block; | 443 | display: block; |
@@ -456,7 +452,7 @@ slides.layout-faux-widescreen > slide.current { | |||
456 | -ms-transform: translate3d(0, 0, 0); | 452 | -ms-transform: translate3d(0, 0, 0); |
457 | transform: translate3d(0, 0, 0); | 453 | transform: translate3d(0, 0, 0); |
458 | } | 454 | } |
459 | /* line 216, ../sass/default.scss */ | 455 | /* line 212, ../sass/default.scss */ |
460 | slides.layout-widescreen > slide.next, | 456 | slides.layout-widescreen > slide.next, |
461 | slides.layout-faux-widescreen > slide.next { | 457 | slides.layout-faux-widescreen > slide.next { |
462 | display: block; | 458 | display: block; |
@@ -471,7 +467,7 @@ slides.layout-faux-widescreen > slide.next { | |||
471 | -ms-transform: translate3d(1130px, 0, 0); | 467 | -ms-transform: translate3d(1130px, 0, 0); |
472 | transform: translate3d(1130px, 0, 0); | 468 | transform: translate3d(1130px, 0, 0); |
473 | } | 469 | } |
474 | /* line 222, ../sass/default.scss */ | 470 | /* line 218, ../sass/default.scss */ |
475 | slides.layout-widescreen > slide.far-next, | 471 | slides.layout-widescreen > slide.far-next, |
476 | slides.layout-faux-widescreen > slide.far-next { | 472 | slides.layout-faux-widescreen > slide.far-next { |
477 | display: block; | 473 | display: block; |
@@ -487,30 +483,30 @@ slides.layout-faux-widescreen > slide.far-next { | |||
487 | transform: translate3d(2260px, 0, 0); | 483 | transform: translate3d(2260px, 0, 0); |
488 | } | 484 | } |
489 | 485 | ||
490 | /* line 229, ../sass/default.scss */ | 486 | /* line 225, ../sass/default.scss */ |
491 | b { | 487 | b { |
492 | font-weight: 600; | 488 | font-weight: 600; |
493 | } | 489 | } |
494 | 490 | ||
495 | /* line 233, ../sass/default.scss */ | 491 | /* line 229, ../sass/default.scss */ |
496 | a { | 492 | a { |
497 | color: #0066cc; | 493 | color: #0066cc; |
498 | } | 494 | } |
499 | /* line 236, ../sass/default.scss */ | 495 | /* line 232, ../sass/default.scss */ |
500 | a:visited { | 496 | a:visited { |
501 | color: rgba(0, 102, 204, 0.75); | 497 | color: rgba(0, 102, 204, 0.75); |
502 | } | 498 | } |
503 | /* line 240, ../sass/default.scss */ | 499 | /* line 236, ../sass/default.scss */ |
504 | a:hover { | 500 | a:hover { |
505 | color: black; | 501 | color: black; |
506 | } | 502 | } |
507 | 503 | ||
508 | /* line 245, ../sass/default.scss */ | 504 | /* line 241, ../sass/default.scss */ |
509 | h1, h2, h3 { | 505 | h1, h2, h3 { |
510 | font-weight: 600; | 506 | font-weight: 600; |
511 | } | 507 | } |
512 | 508 | ||
513 | /* line 249, ../sass/default.scss */ | 509 | /* line 245, ../sass/default.scss */ |
514 | h2 { | 510 | h2 { |
515 | font-size: 45px; | 511 | font-size: 45px; |
516 | line-height: 45px; | 512 | line-height: 45px; |
@@ -518,7 +514,7 @@ h2 { | |||
518 | color: #515151; | 514 | color: #515151; |
519 | } | 515 | } |
520 | 516 | ||
521 | /* line 256, ../sass/default.scss */ | 517 | /* line 252, ../sass/default.scss */ |
522 | h3 { | 518 | h3 { |
523 | font-size: 30px; | 519 | font-size: 30px; |
524 | letter-spacing: -1px; | 520 | letter-spacing: -1px; |
@@ -527,38 +523,38 @@ h3 { | |||
527 | color: #797979; | 523 | color: #797979; |
528 | } | 524 | } |
529 | 525 | ||
530 | /* line 264, ../sass/default.scss */ | 526 | /* line 260, ../sass/default.scss */ |
531 | ul { | 527 | ul { |
532 | margin-left: 1.2em; | 528 | margin-left: 1.2em; |
533 | margin-bottom: 1em; | 529 | margin-bottom: 1em; |
534 | } | 530 | } |
535 |