Permalink
Browse files

PHP, u craz

  • Loading branch information...
0 parents commit 18fbb3a2f228ebef6d269364d16747875d4fdd82 @sirpengi sirpengi committed Aug 22, 2012
Showing with 5,202 additions and 0 deletions.
  1. +105 −0 README.html
  2. +130 −0 README.md
  3. +23 −0 app.yaml
  4. +24 −0 config.rb
  5. BIN images/barchart.png
  6. BIN images/chart.png
  7. BIN images/chrome-logo-tiny.png
  8. BIN images/google_developers_icon_128.png
  9. BIN images/google_developers_logo.png
  10. BIN images/google_developers_logo_tiny.png
  11. BIN images/google_developers_logo_white.png
  12. BIN images/io2012_logo.png
  13. BIN images/logo.png
  14. BIN images/logo_128.png
  15. BIN images/sky.jpg
  16. +586 −0 js/hammer.js
  17. +4 −0 js/modernizr.custom.45394.js
  18. +8 −0 js/order.js
  19. +2 −0 js/polyfills/classList.min.js
  20. +2 −0 js/polyfills/dataset.min.js
  21. +1 −0 js/polyfills/history.min.js
  22. +2 −0 js/prettify/lang-apollo.js
  23. +18 −0 js/prettify/lang-clj.js
  24. +2 −0 js/prettify/lang-css.js
  25. +1 −0 js/prettify/lang-go.js
  26. +2 −0 js/prettify/lang-hs.js
  27. +3 −0 js/prettify/lang-lisp.js
  28. +2 −0 js/prettify/lang-lua.js
  29. +2 −0 js/prettify/lang-ml.js
  30. +4 −0 js/prettify/lang-n.js
  31. +1 −0 js/prettify/lang-proto.js
  32. +2 −0 js/prettify/lang-scala.js
  33. +2 −0 js/prettify/lang-sql.js
  34. +1 −0 js/prettify/lang-tex.js
  35. +2 −0 js/prettify/lang-vb.js
  36. +3 −0 js/prettify/lang-vhdl.js
  37. +2 −0 js/prettify/lang-wiki.js
  38. +3 −0 js/prettify/lang-xq.js
  39. +2 −0 js/prettify/lang-yaml.js
  40. +1 −0 js/prettify/prettify.css
  41. +28 −0 js/prettify/prettify.js
  42. +33 −0 js/require-1.0.8.min.js
  43. +109 −0 js/slide-controller.js
  44. +768 −0 js/slide-deck.js
  45. +5 −0 js/slides.js
  46. +5 −0 scripts/md/README.md
  47. +66 −0 scripts/md/base.html
  48. +53 −0 scripts/md/render.py
  49. +64 −0 scripts/md/slides.md
  50. +22 −0 serve.sh
  51. +36 −0 slide_config.js
  52. +283 −0 template.html
  53. +1,510 −0 theme/css/default.css
  54. +27 −0 theme/css/phone.css
  55. +135 −0 theme/scss/_base.scss
  56. +1,083 −0 theme/scss/default.scss
  57. +35 −0 theme/scss/phone.scss
@@ -0,0 +1,105 @@
+<style>
+@import "http://fonts.googleapis.com/css?family=Open Sans:regular,semibold,italic,italicsemibold|Inconsolata&amp;v2";
+body {
+ font-family: "Open Sans";
+ margin: 6em 2em 2em 2em;
+}
+body:before {
+ content: '';
+ position: fixed;
+ top: 2%;
+ right: 3%;
+ height: 100px;
+ width: 100px;
+ background: url(http://www.html5rocks.com/static/images/identity/HTML5_Badge_128.png) no-repeat 50% 50%;
+ background-size: contain;
+ z-index: 10;
+ opacity: 0.1;
+}
+h1, h2, h3, h4 {
+ font-weight: 600;
+}
+h1 {
+ position: fixed;
+ background: -webkit-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -moz-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -ms-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -o-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ width: 100%;
+ height: 80px;
+ padding: 10px 10px 10px 1em;
+ left: 0;
+ top: 0;
+ margin: 0;
+}
+h1 img {
+ height: 30px;
+ vertical-align: middle;
+ margin-bottom: 8px;
+}
+a { color: navy; }
+pre {
+ background: #eee;
+ margin-left: 2em;
+ padding: 5px;
+ border-left: 3px solid #ccc;
+}
+</style>
+
+<h1><img src="images/io2012_logo.png"> HTML5 Slide Template</h1>
+
+<h2>Configuring the slides</h2>
+<p>Much of the deck is customized by changing the settings in <a href="slide_config.js"><code>slide_config.js</code></a>.
+Some of the customizations include the title, Analytics tracking ID, speaker
+information (name, social urls, blog), web fonts to load, themes, and other
+general behavior.</p>
+<h3>Customizing the <code>#io12</code> hash</h3>
+<p>The bottom of the slides include <code>#io12</code> by default. If you'd like to change
+this, please update the variable <code>$social-tags: '#io12';</code> in
+<a href="theme/scss/default.scss"><code>/theme/scss/default.scss</code></a>.</p>
+<p>See the next section on "Editing CSS" before you go editing things.</p>
+<h2>Editing CSS</h2>
+<p><a href="http://compass-style.org/install/">Compass</a> is a CSS preprocessor used to compile
+SCSS/SASS into CSS. We chose SCSS for the new slide deck for maintainability,
+easier browser compatibility, and because...it's the future!</p>
+<p>That said, if not comfortable working with SCSS or don't want to learn something
+new, not a problem. The generated .css files can already be found in
+(see <a href="theme/css"><code>/theme/css</code></a>). You can just edit those and bypass SCSS altogether.
+However, our recommendation is to use Compass. It's super easy to install and use.</p>
+<h3>Installing Compass and making changes</h3>
+<p>First, install compass:</p>
+<pre><code>sudo gem update --system
+sudo gem install compass
+</code></pre>
+<p>Next, you'll want to watch for changes to the exiting .scss files in <a href="theme/scss"><code>/theme/scss</code></a>
+and any new one you add:</p>
+<pre><code>$ cd io-2012-slides
+$ compass watch
+</code></pre>
+<p>This command automatically recompiles the .scss file when you make a change.
+Its corresponding .css file is output to <a href="theme/css"><code>/theme/css</code></a>. Slick.</p>
+<p>By default, <a href="config.rb"><code>config.rb</code></a> in the main project folder outputs minified
+.css. It's a best practice after all! However, if you want unminified files,
+run watch with the style output flag:</p>
+<pre><code>compass watch -s expanded
+</code></pre>
+<p><em>Note:</em> You should not need to edit <a href="theme/scss/_base.scss"><code>_base.scss</code></a>.</p>
+<h2>Running the slides</h2>
+<p>The slides can be run locally from <code>file://</code> making development easy :)</p>
+<h3>Running from a web server</h3>
+<p>If at some point you should need a web server, use <a href="serve.sh"><code>serve.sh</code></a>. It will
+launch 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>
+<pre><code>$ cd io-2012-slides
+$ ./serve.sh
+</code></pre>
+<p>You can also specify a custom port:</p>
+<pre><code>$ ./serve.sh 8080
+</code></pre>
+<h3>Presenter mode</h3>
+<p>The slides contain a presenter mode feature (beta) to view + control the slides
+from a popup window.</p>
+<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>
+<p>To disable presenter mode, hit <a href="http://localhost:8000/template.html?presentme=false">http://localhost:8000/template.html?presentme=false</a></p>
+<p>Presenter mode is sticky, so refreshing the page will persist your settings.</p>
+<hr />
+<p>That's all she wrote!</p>
130 README.md
@@ -0,0 +1,130 @@
+<style>
+@import "http://fonts.googleapis.com/css?family=Open Sans:regular,semibold,italic,italicsemibold|Inconsolata&amp;v2";
+body {
+ font-family: "Open Sans";
+ margin: 6em 2em 2em 2em;
+}
+body:before {
+ content: '';
+ position: fixed;
+ top: 2%;
+ right: 3%;
+ height: 100px;
+ width: 100px;
+ background: url(http://www.html5rocks.com/static/images/identity/HTML5_Badge_128.png) no-repeat 50% 50%;
+ background-size: contain;
+ z-index: 10;
+ opacity: 0.1;
+}
+h1, h2, h3, h4 {
+ font-weight: 600;
+}
+h1 {
+ position: fixed;
+ background: -webkit-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -moz-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -ms-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ background: -o-linear-gradient(top, white 65%, rgba(255,255,255,0));
+ width: 100%;
+ height: 80px;
+ padding: 10px 10px 10px 1em;
+ left: 0;
+ top: 0;
+ margin: 0;
+}
+h1 img {
+ height: 30px;
+ vertical-align: middle;
+ margin-bottom: 8px;
+}
+a { color: navy; }
+pre {
+ background: #eee;
+ margin-left: 2em;
+ padding: 5px;
+ border-left: 3px solid #ccc;
+}
+</style>
+
+<h1><img src="images/io2012_logo.png"> HTML5 Slide Template</h1>
+
+## Configuring the slides
+
+Much of the deck is customized by changing the settings in [`slide_config.js`](slide_config.js).
+Some of the customizations include the title, Analytics tracking ID, speaker
+information (name, social urls, blog), web fonts to load, themes, and other
+general behavior.
+
+### Customizing the `#io12` hash
+
+The bottom of the slides include `#io12` by default. If you'd like to change
+this, please update the variable `$social-tags: '#io12';` in
+[`/theme/scss/default.scss`](theme/scss/default.scss).
+
+See the next section on "Editing CSS" before you go editing things.
+
+## Editing CSS
+
+[Compass](http://compass-style.org/install/) is a CSS preprocessor used to compile
+SCSS/SASS into CSS. We chose SCSS for the new slide deck for maintainability,
+easier browser compatibility, and because...it's the future!
+
+That said, if not comfortable working with SCSS or don't want to learn something
+new, not a problem. The generated .css files can already be found in
+(see [`/theme/css`](theme/css)). You can just edit those and bypass SCSS altogether.
+However, our recommendation is to use Compass. It's super easy to install and use.
+
+### Installing Compass and making changes
+
+First, install compass:
+
+ sudo gem update --system
+ sudo gem install compass
+
+Next, you'll want to watch for changes to the exiting .scss files in [`/theme/scss`](theme/scss)
+and any new one you add:
+
+ $ cd io-2012-slides
+ $ compass watch
+
+This command automatically recompiles the .scss file when you make a change.
+Its corresponding .css file is output to [`/theme/css`](theme/css). Slick.
+
+By default, [`config.rb`](config.rb) in the main project folder outputs minified
+.css. It's a best practice after all! However, if you want unminified files,
+run watch with the style output flag:
+
+ compass watch -s expanded
+
+*Note:* You should not need to edit [`_base.scss`](theme/scss/_base.scss).
+
+## Running the slides
+
+The slides can be run locally from `file://` making development easy :)
+
+### Running from a web server
+
+If at some point you should need a web server, use [`serve.sh`](serve.sh). It will
+launch a simple one and point your default browser to [`http://localhost:8000/template.html`](http://localhost:8000/template.html):
+
+ $ cd io-2012-slides
+ $ ./serve.sh
+
+You can also specify a custom port:
+
+ $ ./serve.sh 8080
+
+### Presenter mode
+
+The slides contain a presenter mode feature (beta) to view + control the slides
+from a popup window.
+
+To enable presenter mode, add `presentme=true` to the URL: [http://localhost:8000/template.html?presentme=true](http://localhost:8000/template.html?presentme=true)
+
+To disable presenter mode, hit [http://localhost:8000/template.html?presentme=false](http://localhost:8000/template.html?presentme=false)
+
+Presenter mode is sticky, so refreshing the page will persist your settings.
+
+---
+
+That's all she wrote!
@@ -0,0 +1,23 @@
+application: my-io-talk
+version: 1
+runtime: python27
+api_version: 1
+threadsafe: yes
+
+handlers:
+- url: /
+ static_files: template.html
+ upload: template\.html
+
+- url: /slide_config\.js
+ static_files: slide_config.js
+ upload: slide_config\.js
+
+- url: /js
+ static_dir: js
+
+- url: /theme
+ static_dir: theme
+
+- url: /images
+ static_dir: images
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "theme/css"
+sass_dir = "theme/scss"
+images_dir = "images"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+output_style = :compressed #:expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 18fbb3a

Please sign in to comment.