Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Talk: Polymer @ JS.LA #3

Open
wants to merge 12 commits into
base: master
Choose a base branch
from
2 changes: 1 addition & 1 deletion bin/serve.sh
Original file line number Diff line number Diff line change
Expand Up @@ -21,4 +21,4 @@ else
fi

(sleep 2; $open http://localhost:$port/slides.html) &
harp server -p $port
./node_modules/.bin/harp server -p $port
1 change: 1 addition & 0 deletions examples/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
bower_components
12 changes: 12 additions & 0 deletions examples/1/index.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="import", href="my-element.html")

body(unresolved)
my-element
6 changes: 6 additions & 0 deletions examples/1/my-element.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
link(rel="import", href="../polymer/polymer.html")

polymer-element(name="my-element" noscript)
template
h2 Hi, I'm a custom element!

12 changes: 12 additions & 0 deletions examples/1b/index.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="import", href="my-element.html")

body(unresolved)
my-element Light DOM
6 changes: 6 additions & 0 deletions examples/1b/my-element.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
link(rel="import", href="../polymer/polymer.html")

polymer-element(name="my-element" noscript)
template
h2 Hi, I'm <content></content>

12 changes: 12 additions & 0 deletions examples/2/index.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="import", href="my-element.html")

body(unresolved)
my-element
3 changes: 3 additions & 0 deletions examples/2/my-element.coffee
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Polymer "my-element",
greeting: "Hi, I'm a custom element!"

7 changes: 7 additions & 0 deletions examples/2/my-element.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
link(rel="import", href="../polymer/polymer.html")

polymer-element(name="my-element")
template
h2 {{greeting}}

script(src="my-element.js")
12 changes: 12 additions & 0 deletions examples/3/index.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="import", href="my-element.html")

body(unresolved)
my-element
4 changes: 4 additions & 0 deletions examples/3/my-element.coffee
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Polymer "my-element",
greeting: "Click me!"
clickHandler: -> @greeting = "Hello, " + prompt("What is your name?") + "!"

7 changes: 7 additions & 0 deletions examples/3/my-element.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
link(rel="import", href="../polymer/polymer.html")

polymer-element(name="my-element" on-click="{{clickHandler}}")
template
h2 {{greeting}}

script(src="my-element.js")
1 change: 1 addition & 0 deletions examples/_layout.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
!= yield
9 changes: 9 additions & 0 deletions examples/flexbox/index.styl
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
.container
background-color #aaa
font-family 'Open Sans', Arial, sans-serif
padding 4px

.container div
background-color white
padding 12px
margin 4px
15 changes: 15 additions & 0 deletions examples/flexbox/index1.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="stylesheet", href="index.css")

body(unresolved)
div.container(layout horizontal)
div One
div Two
div Three
15 changes: 15 additions & 0 deletions examples/flexbox/index2.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="stylesheet", href="index.css")

body(unresolved)
div.container(layout horizontal)
div One
div(flex) Two
div Three
15 changes: 15 additions & 0 deletions examples/flexbox/index3.jade
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
doctype html
html(lang="en")

head
// load platform polyfills
script(src="../bower_components/platform/platform.js")
// import custom elements
link(rel="import", href="../bower_components/polymer/polymer.html")
link(rel="stylesheet", href="index.css")

body(unresolved)
div.container(layout horizontal)
div(flex) One
div(flex two) Two
div(flex three) Three
Binary file added images/declare_all_the_things.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/yo_dawg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions slide_config.js
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
var SLIDE_CONFIG = {
// Slide settings
settings: {
title: 'The Panda Way<br>to great presentations',
subtitle: 'A guide to Enlightenment',
title: 'Cultural Learnings of Polymer<br>for Make Benefit Great Progress of Web Developers',
// subtitle: 'A guide to Enlightenment',
//eventInfo: {
// title: 'Google I/O',
// date: '6/x/2013'
Expand All @@ -22,10 +22,10 @@ var SLIDE_CONFIG = {

// Author information
presenters: [{
name: 'A Dashing Panda',
company: 'Bamboo Eater<br>Panda Strike',
gplus: 'http://plus.google.com/1234567890',
twitter: '@deliciousbamboo',
name: 'Christoph Wagner',
company: 'Panda Strike',
// gplus: 'http://plus.google.com/1234567890',
twitter: '@Panda_Whisperer',
www: 'http://www.pandastrike.com',
github: 'http://github.com/pandastrike'
}/*, {
Expand Down
Loading