Add cds2013 polymer preso

html5-demos.appspot.com/static/cds2013/README.md

@@ -0,0 +1,152 @@
+TODO:
+- upstream enableSlideDataSrcElements_ changes in slide-deck.js
+
+
+
+FEATURES =====
+
+add speaker notes to slide with aside.note:
+
+<aside class="note">
+  <section>
+    <ul>
+      <li>Point I wanted to make #1</li>
+      <li>Point I wanted to make #2</li>
+      <li>Point I wanted to make #3</li>
+      <li>Example <a href="#">link</a> in notes.</li>
+    </ul>
+    <p><b>Remember to say this tag line!</b></p>
+  </section>
+</aside>
+
+---
+
+class: do-transition
+
+forces transition on the slide if there's specific css to override a global slide
+transition: none.
+
+---
+
+<img class="full"> makes the image full height on the side. width is auto
+
+---
+
+class: fullviewport
+
+tells the slide to take up full browser window.
+
+---
+
+
+class: cubespin do-transition
+
+3d rotate cube effect
+
+---
+
+class: nobackdrop nobackground
+
+adds these classes to the slide (e.g <slide class="nobackdrop nobackground">)
+
+---
+
+image: myimage.png
+
+will put myimage.png as the slides bg images
+
+----
+
+body_class: myclass
+
+applies body.myclass on slideenter and removes it on slideleave
+
+---
+title: My title
+subtitle: My subtitle
+
+----
+
+build_lists: true
+
+Builds li lists.
+
+---
+
+content_class:flexbox vcenter centered
+
+adds these classes to the slide's main content (e.g. <article class="flexbox vcenter centered">)
+
+---
+id:
+
+define a unique id for the slide
+---
+
+Lazy load iframes:
+<iframe data-src="http://html5-demos.appspot.com/static/shadowdom-visualizer/index.html#body"></iframe>
+
+Lazy load videos/audio:
+<iframe data-src="..."></iframe>
+---
+
+.previewframe iframe will load the live page but make it unselectable. Makes
+it look like an image, but a live preview of a site.
+
+<div class="previewframe">
+  <iframe data-src="http://chromestatus.com"></iframe>
+</div>
+
+
+---
+
+<b alt="bower install polymer-elements" data-tooltip="bower install polymer-elements">polymer-ajax.html</b>
+
+Creates a tooltip that displays "bower install polymer-elements" on hover
+
+---
+
+content_class: code-example html
+
+Adds "HTML" label to pre blocks on the page
+
+
+content_class: code-example js
+
+Adds "JS" label to pre blocks on the page
+
+--
+
+<pre data-run-demo="http://www.polymer-project.org/polymer-all/polymer-elements/polymer-ajax/index.html">
+
+Adds a "Run" button to the code snippet and opens the URL when clicked.
+
+--
+
+keep_content: true
+
+Some slide classes prevent certain sections from being output. keep_content: true includes the slide content no matter what type of slide it is. 
+
+---
+
+In slides:
+
+<pre data-code-cycle class="prettyprint" data-lang="HTML">
+</pre>
+
+<textarea selected>
+blah
+</textarea>
+<textarea>
+blah2
+</textarea>
+<textarea>
+blah3
+</textarea>
+
+On clicking the pre, the .innerHTML of the selected textarea is loaded. The contnet
+is cycled through the textareas of the slide and loops.
+
+Shift+click will go in reverst
+
+cmd+click prevents advance (useful for highlighting text)

html5-demos.appspot.com/static/cds2013/app.yaml

@@ -0,0 +1,30 @@
+application: web-components
+version: 1
+runtime: python27
+api_version: 1
+threadsafe: yes
+
+handlers:
+
+- url: /js
+  static_dir: js
+
+- url: /images
+  static_dir: images
+
+- url: /videos
+  static_dir: videos
+
+- url: /demos
+  static_dir: demos
+
+- url: /theme
+  static_dir: theme
+
+- url: /slide_config\.js
+  static_files: slide_config.js
+  upload: slide_config\.js
+
+- url: /
+  static_files: index.html
+  upload: index\.html

html5-demos.appspot.com/static/cds2013/config.rb

@@ -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