summaryrefslogtreecommitdiff
path: root/slides/final
diff options
context:
space:
mode:
Diffstat (limited to 'slides/final')
-rw-r--r--slides/final/README.html105
-rw-r--r--slides/final/README.md130
-rw-r--r--slides/final/app.yaml23
-rw-r--r--slides/final/config.rb24
-rwxr-xr-xslides/final/images/ESIEE_PARIS_LOGO_original.pngbin0 -> 22652 bytes
-rwxr-xr-xslides/final/images/ESIEE_Paris_logo.pngbin0 -> 19931 bytes
-rwxr-xr-xslides/final/images/ESIEE_Paris_logo_white.pngbin0 -> 9391 bytes
-rw-r--r--slides/final/images/barchart.pngbin0 -> 17632 bytes
-rw-r--r--slides/final/images/chart.pngbin0 -> 94688 bytes
-rw-r--r--slides/final/images/chrome-logo-tiny.pngbin0 -> 1381 bytes
-rw-r--r--slides/final/images/diagramme.pngbin0 -> 13253 bytes
-rwxr-xr-xslides/final/images/google_developers_icon_128.pngbin0 -> 2045 bytes
-rw-r--r--slides/final/images/google_developers_icon_1282.pngbin0 -> 4316 bytes
-rw-r--r--slides/final/images/google_developers_logo.pngbin0 -> 14800 bytes
-rwxr-xr-xslides/final/images/google_developers_logo_tiny.pngbin0 -> 581 bytes
-rw-r--r--slides/final/images/google_developers_logo_tiny2.pngbin0 -> 3749 bytes
-rw-r--r--slides/final/images/google_developers_logo_white.pngbin0 -> 7105 bytes
-rw-r--r--slides/final/images/interface.pngbin0 -> 34518 bytes
-rw-r--r--slides/final/images/io2012_logo.pngbin0 -> 13016 bytes
-rw-r--r--slides/final/images/io2013/google-io-lockup-1.pngbin0 -> 15894 bytes
-rw-r--r--slides/final/images/io2013/google-io-lockup-2.pngbin0 -> 11257 bytes
-rw-r--r--slides/final/images/labview.jpgbin0 -> 242013 bytes
-rw-r--r--slides/final/images/musescore.pngbin0 -> 111095 bytes
-rw-r--r--slides/final/images/simulateur.pngbin0 -> 25713 bytes
-rw-r--r--slides/final/images/sky.jpgbin0 -> 194552 bytes
-rwxr-xr-xslides/final/js/hammer.min.js9
-rw-r--r--slides/final/js/hammer.min.map1
-rw-r--r--slides/final/js/humane/humane-themed.js13
-rw-r--r--slides/final/js/humane/humane.min.js1
-rw-r--r--slides/final/js/humane/libnotify.css115
-rw-r--r--slides/final/js/modernizr.custom.56571.js4
-rw-r--r--slides/final/js/order.js8
-rw-r--r--slides/final/js/polyfills/classList.min.js2
-rw-r--r--slides/final/js/polyfills/dataset.min.js2
-rw-r--r--slides/final/js/polyfills/history.min.js2
-rw-r--r--slides/final/js/prettify/lang-apollo.js2
-rw-r--r--slides/final/js/prettify/lang-basic.js3
-rw-r--r--slides/final/js/prettify/lang-clj.js18
-rw-r--r--slides/final/js/prettify/lang-css.js2
-rw-r--r--slides/final/js/prettify/lang-dart.js3
-rw-r--r--slides/final/js/prettify/lang-erlang.js2
-rw-r--r--slides/final/js/prettify/lang-go.js1
-rw-r--r--slides/final/js/prettify/lang-hs.js2
-rw-r--r--slides/final/js/prettify/lang-lisp.js3
-rw-r--r--slides/final/js/prettify/lang-llvm.js1
-rw-r--r--slides/final/js/prettify/lang-lua.js2
-rw-r--r--slides/final/js/prettify/lang-matlab.js6
-rw-r--r--slides/final/js/prettify/lang-ml.js2
-rw-r--r--slides/final/js/prettify/lang-mumps.js2
-rw-r--r--slides/final/js/prettify/lang-n.js4
-rw-r--r--slides/final/js/prettify/lang-pascal.js3
-rw-r--r--slides/final/js/prettify/lang-proto.js1
-rw-r--r--slides/final/js/prettify/lang-r.js2
-rw-r--r--slides/final/js/prettify/lang-rd.js1
-rw-r--r--slides/final/js/prettify/lang-scala.js2
-rw-r--r--slides/final/js/prettify/lang-sql.js2
-rw-r--r--slides/final/js/prettify/lang-tcl.js3
-rw-r--r--slides/final/js/prettify/lang-tex.js1
-rw-r--r--slides/final/js/prettify/lang-vb.js2
-rw-r--r--slides/final/js/prettify/lang-vhdl.js3
-rw-r--r--slides/final/js/prettify/lang-wiki.js2
-rw-r--r--slides/final/js/prettify/lang-xq.js3
-rw-r--r--slides/final/js/prettify/lang-yaml.js2
-rw-r--r--slides/final/js/prettify/prettify.css1
-rw-r--r--slides/final/js/prettify/prettify.js30
-rw-r--r--slides/final/js/require.js36
-rw-r--r--slides/final/js/slide-controller.js227
-rw-r--r--slides/final/js/slide-deck.js838
-rw-r--r--slides/final/js/slide-elastic.js30
-rw-r--r--slides/final/js/slides.js28
-rw-r--r--slides/final/presentation-output.html368
-rw-r--r--slides/final/scripts/md/README.md5
-rw-r--r--slides/final/scripts/md/base.html101
-rwxr-xr-xslides/final/scripts/md/render.py57
-rw-r--r--slides/final/scripts/md/slides.md251
-rwxr-xr-xslides/final/serve.sh22
-rw-r--r--slides/final/slide_config.js50
-rw-r--r--slides/final/template.html416
-rw-r--r--slides/final/theme/css/default.css1486
-rw-r--r--slides/final/theme/css/io2013.css55
-rw-r--r--slides/final/theme/css/phone.css1
-rw-r--r--slides/final/theme/scss/_base.scss139
-rw-r--r--slides/final/theme/scss/_variables.scss34
-rw-r--r--slides/final/theme/scss/default.scss1047
-rw-r--r--slides/final/theme/scss/io2013.scss51
-rw-r--r--slides/final/theme/scss/phone.scss35
86 files changed, 5827 insertions, 0 deletions
diff --git a/slides/final/README.html b/slides/final/README.html
new file mode 100644
index 0000000..20276de
--- /dev/null
+++ b/slides/final/README.html
@@ -0,0 +1,105 @@
1<style>
2@import "http://fonts.googleapis.com/css?family=Open Sans:regular,semibold,italic,italicsemibold|Inconsolata&amp;v2";
3body {
4 font-family: "Open Sans";
5 margin: 6em 2em 2em 2em;
6}
7body:before {
8 content: '';
9 position: fixed;
10 top: 2%;
11 right: 3%;
12 height: 100px;
13 width: 100px;
14 background: url(http://www.html5rocks.com/static/images/identity/HTML5_Badge_128.png) no-repeat 50% 50%;
15 background-size: contain;
16 z-index: 10;
17 opacity: 0.1;
18}
19h1, h2, h3, h4 {
20 font-weight: 600;
21}
22h1 {
23 position: fixed;
24 background: -webkit-linear-gradient(top, white 65%, rgba(255,255,255,0));
25 background: -moz-linear-gradient(top, white 65%, rgba(255,255,255,0));
26 background: -ms-linear-gradient(top, white 65%, rgba(255,255,255,0));
27 background: -o-linear-gradient(top, white 65%, rgba(255,255,255,0));
28 width: 100%;
29 height: 80px;
30 padding: 10px 10px 10px 1em;
31 left: 0;
32 top: 0;
33 margin: 0;
34}
35h1 img {
36 height: 30px;
37 vertical-align: middle;
38 margin-bottom: 8px;
39}
40a { color: navy; }
41pre {
42 background: #eee;
43 margin-left: 2em;
44 padding: 5px;
45 border-left: 3px solid #ccc;
46}
47</style>
48
49<h1><img src="images/io2012_logo.png"> HTML5 Slide Template</h1>
50
51<h2>Configuring the slides</h2>
52<p>Much of the deck is customized by changing the settings in <a href="slide_config.js"><code>slide_config.js</code></a>.
53Some of the customizations include the title, Analytics tracking ID, speaker
54information (name, social urls, blog), web fonts to load, themes, and other
55general behavior.</p>
56<h3>Customizing the <code>#io12</code> hash</h3>
57<p>The bottom of the slides include <code>#io12</code> by default. If you'd like to change
58this, please update the variable <code>$social-tags: '#io12';</code> in
59<a href="theme/scss/default.scss"><code>/theme/scss/default.scss</code></a>.</p>
60<p>See the next section on "Editing CSS" before you go editing things.</p>
61<h2>Editing CSS</h2>
62<p><a href="http://compass-style.org/install/">Compass</a> is a CSS preprocessor used to compile
63SCSS/SASS into CSS. We chose SCSS for the new slide deck for maintainability,
64easier browser compatibility, and because...it's the future!</p>
65<p>That said, if not comfortable working with SCSS or don't want to learn something
66new, not a problem. The generated .css files can already be found in
67(see <a href="theme/css"><code>/theme/css</code></a>). You can just edit those and bypass SCSS altogether.
68However, our recommendation is to use Compass. It's super easy to install and use.</p>
69<h3>Installing Compass and making changes</h3>
70<p>First, install compass:</p>
71<pre><code>sudo gem update --system
72sudo gem install compass
73</code></pre>
74<p>Next, you'll want to watch for changes to the exiting .scss files in <a href="theme/scss"><code>/theme/scss</code></a>
75and any new one you add:</p>
76<pre><code>$ cd io-2012-slides
77$ compass watch
78</code></pre>
79<p>This command automatically recompiles the .scss file when you make a change.
80Its corresponding .css file is output to <a href="theme/css"><code>/theme/css</code></a>. Slick.</p>
81<p>By default, <a href="config.rb"><code>config.rb</code></a> in the main project folder outputs minified
82.css. It's a best practice after all! However, if you want unminified files,
83run watch with the style output flag:</p>
84<pre><code>compass watch -s expanded
85</code></pre>
86<p><em>Note:</em> You should not need to edit <a href="theme/scss/_base.scss"><code>_base.scss</code></a>.</p>
87<h2>Running the slides</h2>
88<p>The slides can be run locally from <code>file://</code> making development easy :)</p>
89<h3>Running from a web server</h3>
90<p>If at some point you should need a web server, use <a href="serve.sh"><code>serve.sh</code></a>. It will
91launch a simple one and point your default browser to <a href="http://localhost:8000/template.html"><code>http://localhost:8000/template.html</code></a>:</p>
92<pre><code>$ cd io-2012-slides
93$ ./serve.sh
94</code></pre>
95<p>You can also specify a custom port:</p>
96<pre><code>$ ./serve.sh 8080
97</code></pre>
98<h3>Presenter mode</h3>
99<p>The slides contain a presenter mode feature (beta) to view + control the slides
100from a popup window.</p>
101<p>To enable presenter mode, add <code>presentme=true</code> to the URL: <a href="http://localhost:8000/template.html?presentme=true">http://localhost:8000/template.html?presentme=true</a></p>
102<p>To disable presenter mode, hit <a href="http://localhost:8000/template.html?presentme=false">http://localhost:8000/template.html?presentme=false</a></p>
103<p>Presenter mode is sticky, so refreshing the page will persist your settings.</p>
104<hr />
105<p>That's all she wrote!</p>
diff --git a/slides/final/README.md b/slides/final/README.md
new file mode 100644
index 0000000..1ba5391
--- /dev/null
+++ b/slides/final/README.md
@@ -0,0 +1,130 @@
1<style>
2@import "http://fonts.googleapis.com/css?family=Open Sans:regular,semibold,italic,italicsemibold|Inconsolata&amp;v2";
3body {
4 font-family: "Open Sans";
5 margin: 6em 2em 2em 2em;
6}
7body:before {
8 content: '';
9 position: fixed;
10 top: 2%;
11 right: 3%;