aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorEric Bidelman2013-04-29 14:53:53 -0700
committerEric Bidelman2013-04-29 14:53:53 -0700
commit07fa54cb316721ea1522f801063dd2109530a8bf (patch)
treeae56a9e73651d42a7c6aa9b6b5d90085540fd871
parentfa1c41da5a639fd54c064a5a34fdef9cbb794cd8 (diff)
downloadio-slides-remote-07fa54cb316721ea1522f801063dd2109530a8bf.tar.gz
io2013 style updates
-rw-r--r--images/io2013/google-io-lockup-1.pngbin0 -> 15894 bytes
-rw-r--r--images/io2013/google-io-lockup-2.pngbin0 -> 11257 bytes
-rw-r--r--slide_config.js2
-rw-r--r--template.html4
-rw-r--r--theme/css/default.css356
-rw-r--r--theme/css/io2013.css55
-rw-r--r--theme/scss/_base.scss2
-rw-r--r--theme/scss/_variables.scss34
-rw-r--r--theme/scss/default.scss36
-rw-r--r--theme/scss/io2013.scss51
10 files changed, 323 insertions, 217 deletions
diff --git a/images/io2013/google-io-lockup-1.png b/images/io2013/google-io-lockup-1.png
new file mode 100644
index 0000000..38b9e92
--- /dev/null
+++ b/images/io2013/google-io-lockup-1.png
Binary files differ
diff --git a/images/io2013/google-io-lockup-2.png b/images/io2013/google-io-lockup-2.png
new file mode 100644
index 0000000..d076cc1
--- /dev/null
+++ b/images/io2013/google-io-lockup-2.png
Binary files differ
diff --git a/slide_config.js b/slide_config.js
index 8d370fd..0d9b7c6 100644
--- a/slide_config.js
+++ b/slide_config.js
@@ -23,7 +23,7 @@ var SLIDE_CONFIG = {
23 // Author information 23 // Author information
24 presenters: [{ 24 presenters: [{
25 name: 'Firstname Lastname', 25 name: 'Firstname Lastname',
26 company: 'Job Title, Google', 26 company: 'Job Title<br>Google',
27 gplus: 'http://plus.google.com/1234567890', 27 gplus: 'http://plus.google.com/1234567890',
28 twitter: '@yourhandle', 28 twitter: '@yourhandle',
29 www: 'http://www.you.com', 29 www: 'http://www.you.com',
diff --git a/template.html b/template.html
index 93eb2a0..b4e7d33 100644
--- a/template.html
+++ b/template.html
@@ -365,13 +365,13 @@ function helloWorld(world) {
365 <h2>Slide with Iframe</h2> 365 <h2>Slide with Iframe</h2>
366 </hgroup> 366 </hgroup>
367 <article> 367 <article>
368 <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> 368 <iframe data-src="http://www.google.com/doodle4google/resources/history.html"></iframe>
369 </article> 369 </article>
370 </slide> 370 </slide>
371 371
372 <slide> 372 <slide>
373 <article> 373 <article>
374 <iframe data-src="http://www.google.com/doodle4google/history.html"></iframe> 374 <iframe data-src="http://www.google.com/doodle4google/resources/history.html"></iframe>
375 </article> 375 </article>
376 </slide> 376 </slide>
377 377
diff --git a/theme/css/default.css b/theme/css/default.css
index e7668f6..ce6fda5 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -67,13 +67,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
67/** 67/**
68 * Base SlideDeck Styles 68 * Base SlideDeck Styles
69 */ 69 */
70/* line 50, ../scss/_base.scss */ 70/* line 52, ../scss/_base.scss */
71html { 71html {
72 height: 100%; 72 height: 100%;
73 overflow: hidden; 73 overflow: hidden;
74} 74}
75 75
76/* line 55, ../scss/_base.scss */ 76/* line 57, ../scss/_base.scss */
77body { 77body {
78 margin: 0; 78 margin: 0;
79 padding: 0; 79 padding: 0;
@@ -93,22 +93,22 @@ body {
93 -o-transition: opacity 800ms ease-in 100ms; 93 -o-transition: opacity 800ms ease-in 100ms;
94 transition: opacity 800ms ease-in 100ms; 94 transition: opacity 800ms ease-in 100ms;
95} 95}
96/* line 71, ../scss/_base.scss */ 96/* line 73, ../scss/_base.scss */
97body.loaded { 97body.loaded {
98 opacity: 1 !important; 98 opacity: 1 !important;
99} 99}
100 100
101/* line 76, ../scss/_base.scss */ 101/* line 78, ../scss/_base.scss */
102input, button { 102input, button {
103 vertical-align: middle; 103 vertical-align: middle;
104} 104}
105 105
106/* line 80, ../scss/_base.scss */ 106/* line 82, ../scss/_base.scss */
107slides > slide[hidden] { 107slides > slide[hidden] {
108 display: none !important; 108 display: none !important;
109} 109}
110 110
111/* line 84, ../scss/_base.scss */ 111/* line 86, ../scss/_base.scss */
112slides { 112slides {
113 width: 100%; 113 width: 100%;
114 height: 100%; 114 height: 100%;
@@ -137,7 +137,7 @@ slides {
137 transition: opacity 800ms ease-in 100ms; 137 transition: opacity 800ms ease-in 100ms;
138} 138}
139 139
140/* line 96, ../scss/_base.scss */ 140/* line 98, ../scss/_base.scss */
141slides > slide { 141slides > slide {
142 display: block; 142 display: block;
143 position: absolute; 143 position: absolute;
@@ -183,21 +183,21 @@ slide.fill img {
183/** 183/**
184 * Theme Styles 184 * Theme Styles
185 */ 185 */
186/* line 58, ../scss/default.scss */ 186/* line 22, ../scss/default.scss */
187::selection { 187::selection {
188 color: white; 188 color: white;
189 background-color: #ffd14d; 189 background-color: #ffd14d;
190 text-shadow: none; 190 text-shadow: none;
191} 191}
192 192
193/* line 64, ../scss/default.scss */ 193/* line 28, ../scss/default.scss */
194::-webkit-scrollbar { 194::-webkit-scrollbar {
195 height: 16px; 195 height: 16px;
196 overflow: visible; 196 overflow: visible;
197 width: 16px; 197 width: 16px;
198} 198}
199 199
200/* line 69, ../scss/default.scss */ 200/* line 33, ../scss/default.scss */
201::-webkit-scrollbar-thumb { 201::-webkit-scrollbar-thumb {
202 background-color: rgba(0, 0, 0, 0.1); 202 background-color: rgba(0, 0, 0, 0.1);
203 background-clip: padding-box; 203 background-clip: padding-box;
@@ -210,35 +210,35 @@ slide.fill img {
210 border-width: 1px 1px 1px 6px; 210 border-width: 1px 1px 1px 6px;
211} 211}
212 212
213/* line 78, ../scss/default.scss */ 213/* line 42, ../scss/default.scss */
214::-webkit-scrollbar-thumb:hover { 214::-webkit-scrollbar-thumb:hover {
215 background-color: rgba(0, 0, 0, 0.5); 215 background-color: rgba(0, 0, 0, 0.5);
216} 216}
217 217
218/* line 81, ../scss/default.scss */ 218/* line 45, ../scss/default.scss */
219::-webkit-scrollbar-button { 219::-webkit-scrollbar-button {
220 height: 0; 220 height: 0;
221 width: 0; 221 width: 0;
222} 222}
223 223
224/* line 85, ../scss/default.scss */ 224/* line 49, ../scss/default.scss */
225::-webkit-scrollbar-track { 225::-webkit-scrollbar-track {
226 background-clip: padding-box; 226 background-clip: padding-box;
227 border: solid transparent; 227 border: solid transparent;
228 border-width: 0 0 0 4px; 228 border-width: 0 0 0 4px;
229} 229}
230 230
231/* line 90, ../scss/default.scss */ 231/* line 54, ../scss/default.scss */
232::-webkit-scrollbar-corner { 232::-webkit-scrollbar-corner {
233 background: transparent; 233 background: transparent;
234} 234}
235 235
236/* line 94, ../scss/default.scss */ 236/* line 58, ../scss/default.scss */
237body { 237body {
238 background: black; 238 background: black;
239} 239}
240 240
241/* line 98, ../scss/default.scss */ 241/* line 62, ../scss/default.scss */
242slides > slide { 242slides > slide {
243 display: none; 243 display: none;
244 font-family: 'Open Sans', Arial, sans-serif; 244 font-family: 'Open Sans', Arial, sans-serif;
@@ -259,49 +259,49 @@ slides > slide {
259 -o-transition: all 0.6s ease-in-out; 259 -o-transition: all 0.6s ease-in-out;
260 transition: all 0.6s ease-in-out; 260 transition: all 0.6s ease-in-out;
261} 261}
262/* line 119, ../scss/default.scss */ 262/* line 83, ../scss/default.scss */
263slides > slide.far-past { 263slides > slide.far-past {
264 display: none; 264 display: none;
265} 265}
266/* line 126, ../scss/default.scss */ 266/* line 90, ../scss/default.scss */
267slides > slide.past { 267slides > slide.past {
268 display: block; 268 display: block;
269 opacity: 0; 269 opacity: 0;
270} 270}
271/* line 133, ../scss/default.scss */ 271/* line 97, ../scss/default.scss */
272slides > slide.current { 272slides > slide.current {
273 display: block; 273 display: block;
274 opacity: 1; 274 opacity: 1;
275} 275}
276/* line 139, ../scss/default.scss */ 276/* line 103, ../scss/default.scss */
277slides > slide.current .auto-fadein { 277slides > slide.current .auto-fadein {
278 opacity: 1; 278 opacity: 1;
279} 279}
280/* line 143, ../scss/default.scss */ 280/* line 107, ../scss/default.scss */
281slides > slide.current .gdbar { 281slides > slide.current .gdbar {
282 -webkit-background-size: 100% 100%; 282 -webkit-background-size: 100% 100%;
283 -moz-background-size: 100% 100%; 283 -moz-background-size: 100% 100%;