aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--template.html41
-rw-r--r--theme/css/default.css255
-rw-r--r--theme/sass/default.scss73
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>&lt;Thanks You!&gt;</h2> 181 <h2>&lt;Thanks You!&gt;</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 */
402slides > slide hgroup + article { 402slides > 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 */
406slides > slide > article { 406slides > slide > hgroup + article p {
407 margin-top: 2em;
408}
409/* line 187, ../sass/default.scss */
410slides > 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 */
415slides.layout-widescreen > slide.far-past, 411slides.layout-widescreen > slide.far-past,
416slides.layout-faux-widescreen > slide.far-past { 412slides.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 */
430slides.layout-widescreen > slide.past, 426slides.layout-widescreen > slide.past,
431slides.layout-faux-widescreen > slide.past { 427slides.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 */
445slides.layout-widescreen > slide.current, 441slides.layout-widescreen > slide.current,
446slides.layout-faux-widescreen > slide.current { 442slides.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 */
460slides.layout-widescreen > slide.next, 456slides.layout-widescreen > slide.next,
461slides.layout-faux-widescreen > slide.next { 457slides.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 */
475slides.layout-widescreen > slide.far-next, 471slides.layout-widescreen > slide.far-next,
476slides.layout-faux-widescreen > slide.far-next { 472slides.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 */
491b { 487b {
492 font-weight: 600; 488 font-weight: 600;
493} 489}
494 490
495/* line 233, ../sass/default.scss */ 491/* line 229, ../sass/default.scss */
496a { 492a {
497 color: #0066cc; 493 color: #0066cc;
498} 494}
499/* line 236, ../sass/default.scss */ 495/* line 232, ../sass/default.scss */
500a:visited { 496a: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 */
504a:hover { 500a:hover {
505 color: black; 501 color: black;
506} 502}
507 503
508/* line 245, ../sass/default.scss */ 504/* line 241, ../sass/default.scss */
509h1, h2, h3 { 505h1, 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 */
514h2 { 510h2 {
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 */
522h3 { 518h3 {
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 */
531ul { 527ul {
532 margin-left: 1.2em; 528 margin-left: 1.2em;
533 margin-bottom: 1em; 529 margin-bottom: 1em;
534} 530}
535/* line 268, ../sass/default.scss */ 531/* line 264, ../sass/default.scss */