diff options
-rw-r--r-- | bower.json | 8 | ||||
-rw-r--r-- | gulpfile.js | 34 | ||||
-rw-r--r-- | package.json | 12 | ||||
-rw-r--r-- | src/a-vision-for-the-future/index.html | 498 | ||||
-rw-r--r-- | src/css/theme/openstack.css | 184 | ||||
-rw-r--r-- | src/index.hbs | 6 |
6 files changed, 716 insertions, 26 deletions
@@ -1,11 +1,11 @@ | |||
1 | { | 1 | { |
2 | "name": "presentations", | 2 | "name": "inaugust", |
3 | "version": "1.0.0", | 3 | "version": "1.0.0", |
4 | "homepage": "https://krotscheck.github.com/presentations", | 4 | "homepage": "https://inaugust.com", |
5 | "authors": [ | 5 | "authors": [ |
6 | "Michael Krotscheck <krotscheck@gmail.com>" | 6 | "Monty Taylor <mordred@inaugust.com>" |
7 | ], | 7 | ], |
8 | "license": "Apache-2.0", | 8 | "license": "CC-BY 4.0", |
9 | "ignore": [ | 9 | "ignore": [ |
10 | "**/.*", | 10 | "**/.*", |
11 | "node_modules", | 11 | "node_modules", |
diff --git a/gulpfile.js b/gulpfile.js index 3bb9d6a..ccd1732 100644 --- a/gulpfile.js +++ b/gulpfile.js | |||
@@ -8,9 +8,9 @@ | |||
8 | 8 | ||
9 | var gulp = require('gulp'); | 9 | var gulp = require('gulp'); |
10 | var git = require('gulp-git'); | 10 | var git = require('gulp-git'); |
11 | var ghPages = require('gulp-gh-pages'); | ||
12 | var filter = require('gulp-filter'); | 11 | var filter = require('gulp-filter'); |
13 | var less = require('gulp-less'); | 12 | var less = require('gulp-less'); |
13 | var rsync = require('gulp-rsync'); | ||
14 | var webserver = require('gulp-webserver'); | 14 | var webserver = require('gulp-webserver'); |
15 | var streamqueue = require('streamqueue'); | 15 | var streamqueue = require('streamqueue'); |
16 | var ignore = require('gulp-ignore'); | 16 | var ignore = require('gulp-ignore'); |
@@ -69,7 +69,6 @@ | |||
69 | var $ = cheerio.load(fs.readFileSync(file)); | 69 | var $ = cheerio.load(fs.readFileSync(file)); |
70 | presentations.push({ | 70 | presentations.push({ |
71 | 'title': $("head title").text(), | 71 | 'title': $("head title").text(), |
72 | 'description': $("head meta[name='description']").attr('content'), | ||
73 | 'author': $('head meta[name="author"]').attr('content'), | 72 | 'author': $('head meta[name="author"]').attr('content'), |
74 | 'mtime': stat.mtime, | 73 | 'mtime': stat.mtime, |
75 | 'path': files[i] + '/index.html' | 74 | 'path': files[i] + '/index.html' |
@@ -104,6 +103,10 @@ | |||
104 | .pipe(filter('*.css')) | 103 | .pipe(filter('*.css')) |
105 | .pipe(gulp.dest(dir.dist + '/css')); | 104 | .pipe(gulp.dest(dir.dist + '/css')); |
106 | 105 | ||
106 | var resolveLocalCSS = gulp.src(dir.src + '/css/**/*') | ||
107 | .pipe(filter('*.css')) | ||
108 | .pipe(gulp.dest(dir.dist + '/css')); | ||
109 | |||
107 | var resolveLESS = gulp.src(bowerFiles) | 110 | var resolveLESS = gulp.src(bowerFiles) |
108 | .pipe(filter('*.less')) | 111 | .pipe(filter('*.less')) |
109 | .pipe(less()) | 112 | .pipe(less()) |
@@ -117,6 +120,10 @@ | |||
117 | .pipe(filter('*.js')) | 120 | .pipe(filter('*.js')) |
118 | .pipe(gulp.dest(dir.dist + '/js')); | 121 | .pipe(gulp.dest(dir.dist + '/js')); |
119 | 122 | ||
123 | var resolveLocalLibs = gulp.src(dir.src + '/js/**/*') | ||
124 | .pipe(filter('*.js')) | ||
125 | .pipe(gulp.dest(dir.dist + '/js')); | ||
126 | |||
120 | // Reveal.js is a special snowflake. | 127 | // Reveal.js is a special snowflake. |
121 | var resolveReveal = gulp.src('./bower_components/reveal.js/*/**/*.*', | 128 | var resolveReveal = gulp.src('./bower_components/reveal.js/*/**/*.*', |
122 | {'base': './bower_components/reveal.js/'}) | 129 | {'base': './bower_components/reveal.js/'}) |
@@ -130,8 +137,9 @@ | |||
130 | ])) | 137 | ])) |
131 | .pipe(gulp.dest(dir.dist)); | 138 | .pipe(gulp.dest(dir.dist)); |
132 | 139 | ||
133 | return streamqueue({'objectMode': true}, resolveCSS, resolveLESS, | 140 | return streamqueue({'objectMode': true}, resolveCSS, resolveLocalCSS, |
134 | resolveReveal, resolveLibs, resolveFonts); | 141 | resolveLESS, resolveReveal, |
142 | resolveLibs, resolveLocalLibs, resolveFonts); | ||
135 | }); | 143 | }); |
136 | 144 | ||
137 | /** | 145 | /** |
@@ -232,18 +240,18 @@ | |||
232 | gulp.task('package', ['package:html', 'package:hbs', 'package:libs', | 240 | gulp.task('package', ['package:html', 'package:hbs', 'package:libs', |
233 | 'package:images']); | 241 | 'package:images']); |
234 | 242 | ||
235 | /** | 243 | gulp.task('rsync', function () { |
236 | * Push the contents of the dist directory to gh-pages. | 244 | gulp.src('dest/**') |
237 | */ | 245 | .pipe(rsync({ |
238 | gulp.task('gh-pages', function () { | 246 | root: 'dest', |
239 | return gulp.src(dir.dist + '/**/*') | 247 | hostname: 'kleos.inaugust.com', |
240 | .pipe(ghPages()); | 248 | destination: '/var/www/inaugust.com/talks' |
249 | })); | ||
241 | }); | 250 | }); |
242 | |||
243 | /** | 251 | /** |
244 | * Build the current release package and push it to gh-pages. | 252 | * Build the current release package and push it |
245 | */ | 253 | */ |
246 | gulp.task('release', ['package', 'gh-pages']); | 254 | gulp.task('release', ['package', 'rsync']); |
247 | 255 | ||
248 | /** | 256 | /** |
249 | * Start a local server and serve the application code. This is | 257 | * Start a local server and serve the application code. This is |
diff --git a/package.json b/package.json index cdafc8d..de762dc 100644 --- a/package.json +++ b/package.json | |||
@@ -12,11 +12,11 @@ | |||
12 | "release": "gulp release" | 12 | "release": "gulp release" |
13 | }, | 13 | }, |
14 | "author": { | 14 | "author": { |
15 | "name": "Michael Krotscheck", | 15 | "name": "Monty Taylor", |
16 | "email": "krotscheck@gmail.com", | 16 | "email": "mordred@inaugust.com", |
17 | "url": "http://www.krotscheck.net/" | 17 | "url": "http://inaugust.com" |
18 | }, | 18 | }, |
19 | "license": "Apache-2.0", | 19 | "license": "CC-BY 4.0", |
20 | "dependencies": {}, | 20 | "dependencies": {}, |
21 | "devDependencies": { | 21 | "devDependencies": { |
22 | "bower": "^1.4.1", | 22 | "bower": "^1.4.1", |
@@ -24,17 +24,17 @@ | |||
24 | "gulp": "^3.9.0", | 24 | "gulp": "^3.9.0", |
25 | "gulp-compile-handlebars": "^0.5.0", | 25 | "gulp-compile-handlebars": "^0.5.0", |
26 | "gulp-filter": "^3.0.0", | 26 | "gulp-filter": "^3.0.0", |
27 | "gulp-gh-pages": "^0.5.2", | ||
28 | "gulp-git": "^1.2.4", | 27 | "gulp-git": "^1.2.4", |
29 | "gulp-ignore": "^1.2.1", | 28 | "gulp-ignore": "^1.2.1", |
30 | "gulp-less": "^3.0.3", | 29 | "gulp-less": "^3.0.3", |
31 | "gulp-prompt": "^0.1.2", | 30 | "gulp-prompt": "^0.1.2", |
32 | "gulp-rename": "^1.2.2", | 31 | "gulp-rename": "^1.2.2", |
32 | "gulp-rsync": "^0.0.5", | ||
33 | "gulp-util": "^3.0.6", | 33 | "gulp-util": "^3.0.6", |
34 | "gulp-webserver": "^0.9.1", | 34 | "gulp-webserver": "^0.9.1", |
35 | "main-bower-files": "^2.9.0", | 35 | "main-bower-files": "^2.9.0", |
36 | "rimraf": "^2.4.2", | 36 | "rimraf": "^2.4.2", |
37 | "streamqueue": "^1.1.0" | 37 | "streamqueue": "^1.1.0" |
38 | }, | 38 | }, |
39 | "repository": "git@github.com:krotscheck/presentations.git" | 39 | "repository": "http://git.inaugust.com/cgit/inaugust.com" |
40 | } | 40 | } |
diff --git a/src/a-vision-for-the-future/index.html b/src/a-vision-for-the-future/index.html new file mode 100644 index 0000000..cc5280b --- /dev/null +++ b/src/a-vision-for-the-future/index.html | |||
@@ -0,0 +1,498 @@ | |||
1 | <!doctype html> | ||
2 | <html lang="en"> | ||
3 | |||
4 | <head> | ||
5 | <meta charset="utf-8"> | ||
6 | |||
7 | <title>OpenStack: a vision for the future</title> | ||
8 | |||
9 | <meta name="author" content="Monty Taylor" /> | ||
10 | |||
11 | <meta name="apple-mobile-web-app-capable" content="yes" /> | ||
12 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | ||
13 | |||
14 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | ||
15 | |||
16 | <link rel="stylesheet" href="../css/reveal.min.css"> | ||
17 | <link rel="stylesheet" href="../css/theme/openstack.css" id="theme"> | ||
18 | |||
19 | <!-- For syntax highlighting --> | ||
20 | <link rel="stylesheet" href="../lib/css/zenburn.css"> | ||
21 | |||
22 | <!-- If the query includes 'print-pdf', include the PDF print sheet --> | ||
23 | <script> | ||
24 | var link = document.createElement('link'); | ||
25 | link.rel = 'stylesheet'; | ||
26 | link.type = 'text/css'; | ||
27 | link.href = | ||
28 | window.location.search.match(/print-pdf/gi) ? '../css/print/pdf.css' : | ||
29 | '../css/print/paper.css'; | ||
30 | document.getElementsByTagName('head')[0].appendChild(link); | ||
31 | </script> | ||
32 | </head> | ||
33 | <body> | ||
34 | |||
35 | <div class="reveal"><div class="slides"> | ||
36 | |||
37 | <section data-state="cover"> | ||
38 | |||
39 | <h1><span xmlns:dct="http://purl.org/dc/terms/" | ||
40 | href="http://purl.org/dc/dcmitype/InteractiveResource" | ||
41 | property="dct:title" | ||
42 | rel="dct:type"> | ||
43 | OpenStack: a vision for the future | ||
44 | </span></h1> | ||
45 | <h3 xmlns:cc="http://creativecommons.org/ns#" | ||
46 | property="cc:attributionName">Monty Taylor</h3> | ||
47 | <h4><a xmlns:cc="http://creativecommons.org/ns#" | ||
48 | rel="cc:attributionURL" | ||
49 | href='http://inaugust.com/talks/a-vision-for-the-future.html'>http://inaugust.com/talks/a-vision-for-the-future.html</a> </h4> | ||
50 | <h3> twitter: @e_monty </h3> | ||
51 | </section> | ||
52 | |||
53 | <section> | ||
54 | <h1>Stanislavski</h1> | ||
55 | </section> | ||
56 | |||
57 | |||
58 | <section> | ||
59 | <img src="images/openstack-cloud-software-vertical-large.png" /> | ||
60 | </section> | ||
61 | |||
62 | <section id="who-am-i-openstack" class="slide level2"> | ||
63 | <h1>Who am I?</h1> | ||
64 | <img style="float:right; margin-right:24pt" src="images/openstack-cloud-software-vertical-large.png" /> | ||
65 | <p>Technical Committee</p> | ||
66 | <p>Foundation Board of Directors</p> | ||
67 | <p>Developer Infrastructure Core Team</p> | ||
68 | </section> | ||
69 | |||
70 | |||
71 | <section id="who-am-i-openstack" class="slide level2"> | ||
72 | <h1>Who am I?</h1> | ||
73 | <img style="float:right; margin-right:24pt" src="images/image39.JPG" /> | ||
74 | <p>Undergrad Degree in Theatre Directing</p> | ||
75 | <p>Grad School at CalArts for Lighting Design</p> | ||
76 | <p>Member of the Satori Group</p> | ||
77 | </section> | ||
78 | |||
79 | |||
80 | <section> | ||
81 | <h1>Konstantin Sergeyevich Stanislavsky</h1> | ||
82 | |||
83 | <h3>Константи́н Серге́евич Станисла́вский</h3> | ||
84 | <p class="fragment">Founder of the Moscow Art Theatre</p> | ||
85 | |||
86 | <p class="fragment">"The task of our generation is to liberate art from outmoded tradition, from tired cliché and to give greater freedom to imagination and creative ability."</p> | ||
87 | |||
88 | <p class="fragment">Psychological Realism</p> | ||
89 | </section> | ||
90 | |||
91 | |||
92 | <section> | ||
93 | <h1>Anton Chekhov</h1> | ||
94 | <p>The Seagull (1898)</p> | ||
95 | <p>Uncle Vanya (1899)</p> | ||
96 | <p>The Three Sisters (1901)</p> | ||
97 | <p>The Cherry Orchard (1904)</p> | ||
98 | </section> | ||
99 | |||
100 | |||
101 | <section> | ||
102 | <h1>Moscow Art Theatre</h1> | ||
103 | |||
104 | <p>Founded in 1897</p> | ||
105 | |||
106 | <p>popular seat prices</p> | ||
107 | |||
108 | <p>ensemble ethos</p> | ||
109 | |||
110 | <p>realistic theatre</p> | ||
111 | |||
112 | |||
113 | </section> | ||
114 | |||
115 | |||
116 | <section> | ||
117 | <h1>Verisimilitude</h1> | ||
118 | |||
119 | <p>the appearance of being true or real</p> | ||
120 | |||
121 | |||
122 | </section> | ||
123 | |||
124 | |||
125 | <section> | ||
126 | <h1>Psychology, Physiology and Neurology</h1> | ||
127 | |||
128 | <p class="fragment">First meeting of International Congress of Psychology - Paris, 1889</p> | ||
129 | |||
130 | <p class="fragment">Pavlov - Institute of Experimenal Medicine, St. Petersburg, 1891</p> | ||
131 | |||
132 | <p class="fragment">(the dogs were in 1901)</p> | ||
133 | |||
134 | <p class="fragment">Freud - Interpretation of Dreams 1899</p> | ||
135 | |||
136 | |||
137 | </section> | ||
138 | |||
139 | |||
140 | <section> | ||
141 | <h1>Stanislavski's system</h1> | ||
142 | |||
143 | <p>psychophisology</p> | ||
144 | |||
145 | <p>interrelation between mind and body</p> | ||
146 | |||
147 | <p>Physical Actions and Internal Life are linked</p> | ||
148 | |||
149 | <p>Most modern theatre, tv and film actors</p> | ||
150 | |||
151 | |||
152 | </section> | ||
153 | |||
154 | |||
155 | <section> | ||
156 | <h1>Key ideas</h1> | ||
157 | |||
158 | <p class="fragment">"What if" (what if I were in the same situtaion as my character)</p> | ||
159 | |||
160 | <p class="fragment">Motivation (why)</p> | ||
161 | |||
162 | <p class="fragment">Objectives (what do I want)</p> | ||
163 | |||
164 | </section> | ||
165 | |||
166 | <section data-transition="zoom"> | ||
167 | <h1>Chekhov and Psychological action</h1> | ||
168 | </section> | ||
169 | |||
170 | |||
171 | <section data-transition="zoom"> | ||
172 | <h1>Emotional Memory</h1> | ||
173 | </section> | ||
174 | |||
175 | |||
176 | <section data-transition="zoom"> | ||
177 | <h1>Sense Memory</h1> | ||
178 | </section> | ||
179 | |||
180 | |||
181 | <section> | ||
182 | <h1>Inside out</h1> | ||
183 | |||
184 | <p>like using a programming framework</p> | ||
185 | |||
186 | <p>Express the key points - let the framework handle the details</p> | ||
187 | |||
188 | <p>Manipulate the emotional life - the body will handle a lot of the details</p> | ||
189 | |||
190 | |||
191 | </section> | ||
192 | |||
193 | |||
194 | <section> | ||
195 | <h1><em>An Actor Prepares</em></h1> | ||
196 | |||
197 | <p>For further reading</p> | ||
198 | |||
199 | |||
200 | </section> | ||
201 | |||
202 | |||
203 | <section> | ||
204 | <h1>Lee Strasberg</h1> | ||
205 | |||
206 | <p class="fragment">Moscow Art Theatre visited the US in 1923</p> | ||
207 | |||
208 | <p class="fragment">Strasberg == Mind Blown</p> | ||
209 | |||
210 | <p class="fragment">Dropped out of school and went to study with the Russians</p> | ||
211 | |||
212 | |||
213 | </section> | ||
214 | |||
215 | |||
216 | <section> | ||
217 | <h1>The Group Theatre</h1> | ||
218 | |||
219 | <p>New York - 1931</p> | ||
220 | |||
221 | <p>Founded by Lee Strassberg, Harold Clurman and Cheryl Crawford</p> | ||
222 | |||
223 | <p>Not the same as the Group Theatre in London</p> | ||
224 | |||
225 | <p>Believed in Leaderless Operation and Collaborative Work</p> | ||
226 | |||
227 | |||
228 | </section> | ||
229 | |||
230 | |||
231 | <section> | ||
232 | <h1>Sound familiar?</h1> | ||
233 | </section> | ||
234 | |||
235 | |||
236 | <section> | ||
237 | <h1>The Method</h1> | ||
238 | |||
239 | <p class="fragment">Strasberg took Stanislavski's system and made a training system</p> | ||
240 | |||
241 | <p class="fragment">You've probably heard of it</p> | ||
242 | |||
243 | <p class="fragment">Marlon Brando, Heath Ledger, Philip Seymor Hoffman, Robert DeNiro, Daniel Day-Lewis, Christian Bale, Al Pacino</p> | ||
244 | |||
245 | |||
246 | </section> | ||
247 | |||
248 | |||
249 | <section> | ||
250 | <h1>Big differences from Stanislavski</h1> | ||
251 | |||
252 | <p class="fragment">Emotional Memory becomes Affective Memory</p> | ||
253 | |||
254 | <p class="fragment">Substitution - What would make me, the actor, behave in the way the character does</p> | ||
255 | |||
256 | |||
257 | </section> | ||
258 | |||
259 | |||
260 | <section> | ||
261 | <h1>So I was at this bar ...</h1> | ||
262 | </section> | ||
263 | |||
264 | |||
265 | <section> | ||
266 | <h1>Clear danger, right?</h1> | ||
267 | |||
268 | <p>Notice that Heath Ledger and Philip Seymour Hoffman were in the list</p> | ||
269 | |||
270 | <p>Everyone other than Strasberg walked away from pure-emotional immersion</p> | ||
271 | |||
272 | |||
273 | </section> | ||
274 | |||
275 | |||
276 | <section> | ||
277 | <h1>Stanford Meisner</h1> | ||
278 | |||
279 | <p>Split from Strasberg - thought emotional memory caused actors to focus on themselves and not the character</p> | ||
280 | |||
281 | <p>Concentration on the parter instead</p> | ||
282 | |||
283 | <p>live truthfully under imaginary circumstances</p> | ||
284 | |||
285 | </section> | ||
286 | |||
287 | |||
288 | <section> | ||
289 | <h1>Stella Adler</h1> | ||
290 | |||
291 | <p>Broke with Strasberg after studying with Stanislavski</p> | ||
292 | |||
293 | <p>Emotion should come from imagination based on given circumstance</p> | ||
294 | |||
295 | |||
296 | </section> | ||
297 | |||
298 | |||
299 | <section> | ||
300 | <h1>Uta Hagen</h1> | ||
301 | |||
302 | <p>Another split</p> | ||
303 | |||
304 | <p>Basic Object Exercises</p> | ||
305 | |||
306 | <p>Start by doing mundane things in front of people</p> | ||
307 | |||
308 | |||
309 | </section> | ||
310 | |||
311 | |||
312 | <section> | ||
313 | <h1>What the heck does this have to do with OpenStack?</h1> | ||
314 | </section> | ||
315 | |||
316 | |||
317 | <section> | ||
318 | <h1>All of these people shared a purpose</h1> | ||
319 | |||
320 | <p class="fragment">To create truth in realistic acting</p> | ||
321 | |||
322 | |||
323 | </section> | ||
324 | |||
325 | |||
326 | <section> | ||
327 | <h1>All of these people both shared approaches and diverged substantially</h1> | ||
328 | |||
329 | <p class="fragment">"What would I do if I were in this circumstance"</p> | ||
330 | |||
331 | <p class="fragment">"What would motivate me, the actor, to behave in the way the character does?"</p> | ||
332 | |||
333 | |||
334 | </section> | ||
335 | |||
336 | |||
337 | <section> | ||
338 | <h1>Tadashi Suzuki</h1> | ||
339 | </section> | ||
340 | |||
341 | |||
342 | <section> | ||
343 | <h1>The Feet</h1> | ||
344 | |||
345 | <p class="fragment">connection to the ground</p> | ||
346 | <p class="fragment">outside in</p> | ||
347 | <p class="fragment">Truth from Physicality, not from Psychological realism</p> | ||
348 | </section> | ||
349 | |||
350 | |||
351 | <section> | ||
352 | <h1>The Trojan Women</h1> | ||
353 | |||
354 | <p>Drew from Noh, Kabuki and Shingeki tranditions</p> | ||
355 | |||
356 | <p>Produce a thing that is "true" to a modern Japanese sensibility</p> | ||
357 | |||
358 | <p>Training arose from the need to train replacement actors for the show</p> | ||
359 | |||
360 | |||
361 | </section> | ||
362 | |||
363 | |||
364 | <section> | ||
365 | <h1>SITI Company</h1> | ||
366 | |||
367 | <p>Suzuki collaborated with Anne Bogart</p> | ||
368 | |||
369 | <p>Added Anne Bogart's Viewpoints to Suzuki's techniques</p> | ||
370 | |||
371 | |||
372 | </section> | ||
373 | |||
374 | |||
375 | <section> | ||
376 | <h1>P3</h1> | ||
377 | |||
378 | <p>Robyn Hunt and Steve Pearson studied for 12 year in Japan with Suzuki</p> | ||
379 | |||
380 | <p>Moved back to US to teach the techniques</p> | ||
381 | |||
382 | <p>Added Shogo Ohta's slow-tempo techniques</p> | ||
383 | |||
384 | |||
385 | </section> | ||
386 | |||
387 | |||
388 | <section> | ||
389 | <h1>Frank</h1> | ||
390 | |||
391 | <p>Here in Brisbane</p> | ||
392 | |||
393 | <p>Studied with Suzuki - Added Australian content and form</p> | ||
394 | |||
395 | <p>Exercies to Nick Cave instead of Japanese Flute</p> | ||
396 | |||
397 | </section> | ||
398 | |||
399 | |||
400 | <section> | ||
401 | <h1>The training is a tool</h1> | ||
402 | |||
403 | <p>An actor might study all of them</p> | ||
404 | <p>Each technique can be useful for different things</p> | ||
405 | |||
406 | |||
407 | </section> | ||
408 | |||
409 | <section> | ||
410 | <h1>Shakespeare</h1> | ||
411 | <p>Each of these directors has applied their techniques to Shakespeare</p> | ||
412 | </section> | ||
413 | |||
414 | <section> | ||
415 | <h1>They're all useful tools for different hings</h1> | ||
416 | </section> | ||
417 | |||
418 | |||
419 | <section> | ||
420 | <h1>Why all this talk about acting techniques?</h1> | ||
421 | </section> | ||
422 | |||
423 | |||
424 | <section> | ||
425 | <h1>Four takeaways from the actors</h1> | ||
426 | <p class="fragment">Know what problem they're trying to solve</p> | ||
427 | <p class="fragment">Develop techniques to solve the problem</p> | ||
428 | <p class="fragment">Don't confuse technique with results</p> | ||
429 | <p class="fragment">Be willing to adapt based on new data</p> | ||
430 | </section> | ||
431 | |||
432 | |||
433 | <section> | ||
434 | <h1>The problem</h1> | ||
435 | <p class="fragment">Are we chasing psycological realism?</p> | ||
436 | <p class="fragment">Are we chasing physical truth?</p> | ||
437 | </section> | ||
438 | |||
439 | |||
440 | <section> | ||
441 | <h1>The problem for us</h1> | ||
442 | <p class="fragment">Are we making a toolkit for people to use to build clouds?</p> | ||
443 | <p class="fragment">Are we making a cloud that can be deployed in multiple places?</p> | ||
444 | <p class="fragment">Are we providing computers?</p> | ||
445 | </section> | ||
446 | |||
447 | <section> | ||
448 | <h1>What I want</h1> | ||
449 | </section> | ||
450 | |||
451 | <section data-transition='zoom'> | ||
452 | <h1>OpenStack should provide computers and networks that work</h1> | ||
453 | </section> | ||
454 | |||
455 | <section data-transition='zoom'> | ||
456 | <h1>OpenStack should not chase 12-factor apps</h1> | ||
457 | </section> | ||
458 | |||
459 | <section data-transition='zoom'> | ||
460 | <h1>OpenStack should provide a happy home for app frameworks</h1> | ||
461 | </section> | ||
462 | |||
463 | <section data-transition='zoom'> | ||
464 | <h1>OpenStack should, by default, give me a directly routable IP</h1> | ||
465 | </section> | ||
466 | |||
467 | <section> | ||
468 | <h1> Thank you! </h1> | ||
469 | <h4> <a href='http://inaugust.com/talks/a-vision-for-the-future.html'>http://inaugust.com/talks/a-vision-for-the-future.html</a> </h4> | ||
470 | <h3> twitter: @e_monty </h3> | ||
471 | </section> | ||
472 | |||
473 | </div> | ||
474 | <div class="footer"> | ||
475 | <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> | ||
476 | <img alt="Creative Commons License" | ||
477 | style="border-width:0" | ||
478 | src="https://i.creativecommons.org/l/by/4.0/88x31.png" /> | ||
479 | </a><br /> | ||
480 | Licensed under a | ||
481 | <a rel="license" | ||
482 | href="http://creativecommons.org/licenses/by/4.0/"> | ||
483 | Creative Commons Attribution 4.0 International License | ||
484 | </a>. | ||
485 | <br /> | ||
486 | Source code available at <a href='http://git.inaugust.com/cgit/mordred-talks'>http://git.inaugust.com/cgit/mordred-talks</a> | ||
487 | </div> | ||
488 | |||
489 | </div> | ||
490 | |||
491 | <script src="../lib/js/head.min.js"></script> | ||
492 | <script src="../js/reveal.min.js"></script> | ||
493 | |||
494 | <script src="../js/this.js"></script> | ||
495 | |||
496 | </body> | ||
497 | </html> | ||
498 | |||
diff --git a/src/css/theme/openstack.css b/src/css/theme/openstack.css new file mode 100644 index 0000000..ce8cf13 --- /dev/null +++ b/src/css/theme/openstack.css | |||
@@ -0,0 +1,184 @@ | |||
1 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); | ||
2 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); | ||
3 | /** | ||
4 | * A simple theme for reveal.js presentations, similar | ||
5 | * to the default theme. The accent color is darkblue. | ||
6 | * | ||
7 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. | ||
8 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se | ||
9 | */ | ||
10 | /********************************************* | ||
11 | * GLOBAL STYLES | ||
12 | *********************************************/ | ||
13 | body { | ||
14 | background: white; | ||
15 | background-color: white; } | ||
16 | |||
17 | .reveal { | ||
18 | font-family: "Lato", sans-serif; | ||
19 | font-size: 36px; | ||
20 | font-weight: normal; | ||
21 | letter-spacing: -0.02em; | ||
22 | color: black; } | ||
23 | |||
24 | #cover { | ||
25 | position: absolute; | ||
26 | right: -100px; | ||
27 | } | ||
28 | |||
29 | .reveal .footer { | ||
30 | position: absolute; | ||
31 | bottom: 1em; | ||
32 | left: 1em; | ||
33 | font-size: 0.5em; | ||
34 | } | ||
35 | |||
36 | html.cover #head-icon { | ||
37 | visibility: hidden; | ||
38 | } | ||
39 | |||
40 | html.cover h1 { | ||
41 | margin-top: 30px; | ||
42 | } | ||
43 | |||
44 | #head-icon { | ||
45 | margin-top: 0; | ||
46 | margin-bottom: 0; | ||
47 | margin-left: 0; | ||
48 | margin-right: 0; | ||
49 | border-width: 0; | ||
50 | position: fixed; | ||
51 | z-index: 30; | ||
52 | left: -20px; | ||
53 | top: 0px; | ||
54 | } | ||
55 | |||
56 | ::selection { | ||
57 | color: white; | ||
58 | background: rgba(0, 0, 0, 0.99); | ||
59 | text-shadow: none; } | ||
60 | |||
61 | /********************************************* | ||
62 | * HEADERS | ||
63 | *********************************************/ | ||
64 | .reveal h1, | ||
65 | .reveal h2, | ||
66 | .reveal h3, | ||
67 | .reveal h4, | ||
68 | .reveal h5, | ||
69 | .reveal h6 { | ||
70 | margin: 0 0 20px 0; | ||
71 | color: black; | ||
72 | font-family: "News Cycle", Impact, sans-serif; | ||
73 | line-height: 0.9em; | ||
74 | letter-spacing: 0.02em; | ||
75 | text-transform: none; | ||
76 | text-shadow: none; } | ||
77 | |||
78 | html.cover h1 { | ||
79 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); | ||
80 | } | ||
81 | |||
82 | .reveal h1 { | ||
83 | font-size: 150%; | ||
84 | } | ||
85 | |||
86 | .reveal h2 { | ||
87 | font-size: 100%; | ||
88 | } | ||
89 | |||
90 | .reveal h3 { | ||
91 | font-size: 85%; | ||
92 | } | ||
93 | |||
94 | /********************************************* | ||
95 | * LINKS | ||
96 | *********************************************/ | ||
97 | .reveal a:not(.image) { | ||
98 | color: darkblue; | ||
99 | text-decoration: none; | ||
100 | -webkit-transition: color .15s ease; | ||
101 | -moz-transition: color .15s ease; | ||
102 | -ms-transition: color .15s ease; | ||
103 | -o-transition: color .15s ease; | ||
104 | transition: color .15s ease; } | ||
105 | |||
106 | .reveal a:not(.image):hover { | ||
107 | color: #0000f1; | ||
108 | text-shadow: none; | ||
109 | border: none; } | ||
110 | |||
111 | .reveal .roll span:after { | ||
112 | color: #fff; | ||
113 | background: #00003f; } | ||
114 | |||
115 | /********************************************* | ||
116 | * IMAGES | ||
117 | *********************************************/ | ||
118 | .reveal section img { | ||
119 | /*margin: 15px 0px;*/ | ||
120 | background: rgba(255, 255, 255, 0.12); | ||
121 | /*border: 4px solid black; | ||
122 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/ | ||
123 | -webkit-transition: all .2s linear; | ||
124 | -moz-transition: all .2s linear; | ||
125 | -ms-transition: all .2s linear; | ||
126 | -o-transition: all .2s linear; | ||
127 | transition: all .2s linear; } | ||
128 | |||
129 | .reveal a:hover img { | ||
130 | background: rgba(255, 255, 255, 0.2); | ||
131 | border-color: darkblue; | ||
132 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } | ||
133 | |||
134 | /********************************************* | ||
135 | * NAVIGATION CONTROLS | ||
136 | *********************************************/ | ||
137 | .reveal .controls div.navigate-left, | ||
138 | .reveal .controls div.navigate-left.enabled { | ||
139 | border-right-color: darkblue; } | ||
140 | |||
141 | .reveal .controls div.navigate-right, | ||
142 | .reveal .controls div.navigate-right.enabled { | ||
143 | border-left-color: darkblue; } | ||
144 | |||
145 | .reveal .controls div.navigate-up, | ||
146 | .reveal .controls div.navigate-up.enabled { | ||
147 | border-bottom-color: darkblue; } | ||
148 | |||
149 | .reveal .controls div.navigate-down, | ||
150 | .reveal .controls div.navigate-down.enabled { | ||
151 | border-top-color: darkblue; } | ||
152 | |||
153 | .reveal .controls div.navigate-left.enabled:hover { | ||
154 | border-right-color: #0000f1; } | ||
155 | |||
156 | .reveal .controls div.navigate-right.enabled:hover { | ||
157 | border-left-color: #0000f1; } | ||
158 | |||
159 | .reveal .controls div.navigate-up.enabled:hover { | ||
160 | border-bottom-color: #0000f1; } | ||
161 | |||
162 | .reveal .controls div.navigate-down.enabled:hover { | ||
163 | border-top-color: #0000f1; } | ||
164 | |||
165 | /********************************************* | ||
166 | * PROGRESS BAR | ||
167 | *********************************************/ | ||
168 | .reveal .progress { | ||
169 | background: rgba(0, 0, 0, 0.2); } | ||
170 | |||
171 | .reveal .progress span { | ||
172 | background: darkblue; | ||
173 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | ||
174 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | ||
175 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | ||
176 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | ||
177 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } | ||
178 | |||
179 | /********************************************* | ||
180 | * SLIDE NUMBER | ||
181 | *********************************************/ | ||
182 | .reveal .slide-number { | ||
183 | color: darkblue; } | ||
184 | |||
diff --git a/src/index.hbs b/src/index.hbs index c5cbc93..97114c7 100644 --- a/src/index.hbs +++ b/src/index.hbs | |||
@@ -3,11 +3,11 @@ | |||
3 | 3 | ||
4 | <head> | 4 | <head> |
5 | <meta charset="utf-8"> | 5 | <meta charset="utf-8"> |
6 | <title>Convention Presentations</title> | 6 | <title>Conference Talks</title> |
7 | <link rel="stylesheet" | 7 | <link rel="stylesheet" |
8 | href="css/bootstrap.css"> | 8 | href="css/bootstrap.css"> |
9 | <meta name="description" | 9 | <meta name="description" |
10 | content="Convention Presentations by {{author.name}}"> | 10 | content="Conference Talks by {{author.name}}"> |
11 | <meta name="author" content="{{author.name}}"> | 11 | <meta name="author" content="{{author.name}}"> |
12 | <meta name="viewport" | 12 | <meta name="viewport" |
13 | content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> | 13 | content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> |
@@ -16,7 +16,7 @@ | |||
16 | <body style="margin-top: 70px; margin-bottom: 70px"> | 16 | <body style="margin-top: 70px; margin-bottom: 70px"> |
17 | <nav class="navbar navbar-default navbar-fixed-top"> | 17 | <nav class="navbar navbar-default navbar-fixed-top"> |
18 | <div class="container-fluid"> | 18 | <div class="container-fluid"> |
19 | <span class="navbar-brand">Convention Presentations</span> | 19 | <span class="navbar-brand">Conference Talks</span> |
20 | </div> | 20 | </div> |
21 | </nav> | 21 | </nav> |
22 | <div class="container-fluid"> | 22 | <div class="container-fluid"> |