Permalink
Browse files

last couple of slides

  • Loading branch information...
abloom committed Jan 9, 2012
1 parent 1bdd39f commit affca2eb16caf5ad0262c0b4bdd9d2fe907c3dc0
Showing with 122 additions and 43 deletions.
  1. BIN public/images/MIDI_schem.png
  2. +77 −27 views/index.haml
  3. +45 −16 views/styles.sass
Binary file not shown.
View
@@ -41,11 +41,11 @@
.footnote
(I'm sure I'll regret this)
- #sixth.step(data-x="0" data-y="-1000" data-scale="4")
+ #sixth.step(data-x="0" data-y="-2000" data-scale="4")
Say hello to the
%h1 Arduino
- #seventh.step.slide(data-x="-4000" data-y="-1000" data-scale="2")
+ #seventh.step.slide(data-x="-4000" data-y="-2000" data-scale="2")
#uno
%img{src: '/images/ArduinoUno_R3_Front.jpeg'}
$29.95
@@ -55,7 +55,7 @@
.footnote
(available in a number of shapes and sizes)
- #eigth.step.slide.bullets(data-x="-4000" data-y="-2500")
+ #eigth.step.slide.bullets(data-x="-4000" data-y="-4000")
%p The 3 basic components of the traffic light
%ul
%li light circuitry
@@ -64,37 +64,87 @@
Arduino control
%strong (software)
- #ninth.step(data-x="-2500" data-y="-2500")
+ #ninth.step(data-x="-2500" data-y="-4000")
%p Don't worry, this stuff is easy
%p
%strong NO
degree required
.footnote (trust me)
+ #tenth.step.slide(data-x="-1000" data-y="-4000")
+ %h2 Light Circuitry
+ %p How do you control 120VAC with a device running at 9VDC?
+ .outer
+ .inner
+ %img.symbol{src: '/images/Relaysymbol.jpeg'}
+ %img.relay{src: '/images/relay.jpeg'}
+ %p.subtitle Relays!
+
+ #eleventh.step.slide(data-x="0" data-y="-4000")
+ %h2 Network Adapter
+ %p Tons of premade modules already exist
+ .outer
+ .inner
+ %img{src: '/images/ArduinoEthernetShield_R3_Front.jpeg'}
+ $45.95
+ %p.subtitle Yes, they stack!
+
+ #twelfth.step.slide(data-x="1000" data-y="-4000")
+ %h2 The Sketch (code)
+ %script{src: 'https://gist.github.com/8f4f151667e4e7f9e864.js'}
+
+ #thirteenth.step.slide(data-x="2000" data-y="-4000")
+ %h2 Serial code is boring.
+ %p Seriously, boring. Check it out on Github.
+ %p
+ %a{href: 'https://github.com/centro/Sir-Shamealot/blob/demo/traffic.pde'}
+ https://github.com/centro/Sir-Shamealot
+ %span (demo branch -- master only has ethernet, no serial due to memory constraints)
+ %p Demos are fun.
+
+ #fourteenth.step(data-x="4000" data-y="-3000" data-rotate="90" data-scale="3")
+ %h1 Cool, but what can I do?
+
+ #fifteenth.step.slide.bullets(data-x="4000" data-y="-6000" data-rotate="90")
+ %h2 A few other ways to trigger events
+ %ul
+ %li Processing
+ %li Max/MSP
+ %li Buttons
+ %li Sensors (pressure, temperature, light, audio)
+ %li MIDI (as a controller or an instrument)
+
+ #sixteenth.step.slide(data-x="3000" data-y="-6000")
+ %h3 MIDI, could it be any easier?
+ .outer
+ .inner
+ %img{src: '/images/MIDI_schem.png'}
+
+ %p.subtitle
+ 3 wires, 1 resistor and a complete library for reading and writing!
+ %a{href: 'http://arduino.cc/playground/Main/MIDILibrary'} http://arduino.cc/playground/Main/MIDILibrary
+
+ #seventeenth.step.slide.bullets(data-x="2000" data-y="-6000")
+ %h3 Thanks for listening!
+
+ Useful links
+ %ul
+ %li
+ %a{href: 'http://arduino.cc'} http://arduino.cc
+ %li
+ %a{href: 'http://traffic-light-presentation.herokuapp.com'} http://traffic-light-presentation.herokuapp.com
+ %li
+ %a{href: 'http://sparkfun.com'} http://sparkfun.com
+ %li
+ %a{href: 'https://github.com/centro/Sir-Shamealot/'} https://github.com/centro/Sir-Shamealot/
+
+ %p.subtitle
+ You can always find me on twitter
+ %a{href: 'http://twitter.com/andrewbloom'} @andrewbloom
+ or email me at
+ %a{href: 'mailto:andrew@andrewkbloom.com'} andrew@andrewkbloom.com
- -##tenth.step.slide(data-x="-4500" data-y="-3000" data-rotate="90")
- -#%h2 Light Circuitry
- -#%p How do you control 120VAC with a device running at 9VDC?
- -#.outer
- -#.inner
- -#%img.symbol{src: '/images/Relaysymbol.jpeg'}
- -#%img.relay{src: '/images/relay.jpeg'}
- -#%p.subtitle Relays!
-
- -##eleventh.step.slide(data-x="-4500" data-y="-2000" data-rotate="90")
- -#%h2 Network Adapter
- -#%p Tons of premade modules already exist
- -#.outer
- -#.inner
- -#%img{src: '/images/ArduinoEthernetShield_R3_Front.jpeg'}
- -#$45.95
- -#%p.subtitle Yes, they stack!
-
- -##twelfth.step.slide(data-x="-4500" data-y="-1000" data-rotate="90")
- -#%h2 The Sketch (code)
- -#%script{src: 'https://gist.github.com/8f4f151667e4e7f9e864.js'}
-
- #overview.step(data-x="-1100" data-y="-2000" data-scale='15')
+ #overview.step(data-x="0" data-y="-2000" data-scale='15')
.hint
%p Use a spacebar or arrow keys to navigate
View
@@ -5,6 +5,9 @@
bottom: 0
color: gray
+a
+ color: #00CCFF
+
h1
font-size: 150px
text-align: center
@@ -15,6 +18,11 @@ h2
line-height: 80px
padding-bottom: 30px
+h3
+ font-size: 60px
+ line-height: 60px
+ padding-bottom: 20px
+
.gist
font-size: 14px
line-height: 16px
@@ -24,6 +32,13 @@ h2
margin-top: 25px
text-align: center
+ div.outer
+ margin-top: 35px
+ div.inner
+ margin: auto
+ img
+ height: auto
+
&.bullets
ul
list-style-type: disc
@@ -107,23 +122,37 @@ h2
bottom: -100px
#tenth
- div.outer
- margin-top: 35px
- div.inner
- margin: auto
- width: 470px
- img.relay
- width: 226px
- height: auto
+ div.inner
+ width: 470px
+ img.relay
+ width: 226px
#eleventh
- div.outer
- margin-top: 35px
- div.inner
- margin: auto
- width: 570px
- img
- width: 460px
- height: auto
+ div.inner
+ width: 570px
+ img
+ width: 460px
#twelfth
+
+#thirteenth
+ p
+ padding-top: 50px
+ span
+ display: block
+ font-size: 80%
+ color: gray
+
+#sixteenth
+ div.inner
+ width: 500px
+ img
+ width: 500px
+
+#seventeenth
+ ul
+ padding-top: 20px
+
+ p.subtitle
+ font-size: 85%
+ line-height: 30px

0 comments on commit affca2e

Please sign in to comment.