Resize slides for 4:3

GregMefford · Feb 28, 2019 · 3d8e576 · 3d8e576
1 parent a89be14
commit 3d8e576
Show file tree

Hide file tree

Showing 11 changed files with 68 additions and 44 deletions.
diff --git a/2019-02-28_build_a_smart_camera_with_nerves/css/customizations.css b/2019-02-28_build_a_smart_camera_with_nerves/css/customizations.css
@@ -81,7 +81,7 @@
 .reveal {
   font-family: "quicksand";
   font-weight: bold;
-  font-size: 36px;
+  font-size: 24px;
 }
 
 .reveal h1,
@@ -107,7 +107,7 @@
 .reveal pre code {
   max-height: 75%;
   line-height: 1.5em;
-  font-size: 2.0em;
+  font-size: 2em;
 }
 
 .reveal li, .reveal p {

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step0_overview/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step0_overview/index.html
@@ -440,12 +440,12 @@
 
               <div slye="clear: both" />
               <div style="float: left">
-                <p style="margin-bottom: -36px">4 Cores</p>
-                <img src="img/rpi3.png" class="plain" style="width: 950px" />
+                <p style="margin-bottom: -18px">4 Cores</p>
+                <img src="img/rpi3.png" class="plain" style="width: 500px" />
               </div>
               <div style="float: right">
-                <p style="margin-bottom: -36px">96 Cores / 192 Threads</p>
-                <img src="img/r930.png" class="plain" style="width: 950px" />
+                <p style="margin-bottom: -18px">96 Cores / 192 Threads</p>
+                <img src="img/r930.png" class="plain" style="width: 500px" />
               </div>
 
               Notes:
@@ -635,7 +635,7 @@
           <section data-markdown>
             <textarea data-template>
               # Integrated IoT Platform
-              ![Tons of cats](img/cats.png) <!-- .element: class="plain" style="height: 900px" -->
+              ![Tons of cats](img/cats.png) <!-- .element: class="plain" style="height: 16em" -->
 
               Notes:
               This is what it looks like when all your embedded devices decide to connect to your server at once.
@@ -645,7 +645,7 @@
           <section data-markdown>
             <textarea data-template>
               # Integrated IoT Platform
-              ![Phoenix Channels](img/channels.png) <!-- .element: class="plain" style="height: 900px" -->
+              ![Phoenix Channels](img/channels.png) <!-- .element: class="plain" style="height: 16em" -->
 
               Notes:
               * If you want to, you can build a whole stack using Elixir
@@ -656,7 +656,7 @@
           <section data-markdown>
             <textarea data-template>
               # Integrated IoT Platform
-              ![Phoenix Channels](img/channels_logos.png) <!-- .element: class="plain" style="height: 900px" -->
+              ![Phoenix Channels](img/channels_logos.png) <!-- .element: class="plain" style="height: 16em" -->
 
               Notes:
               * Using Phoenix and Channels on the back-end
@@ -709,7 +709,7 @@
               * Purpose-built hardware
               * Real-time
 
-              ![GRiSP Board](img/grisp_board.png) <!-- .element: class="plain" style="height: 800px" -->
+              ![GRiSP Board](img/grisp_board.png) <!-- .element: class="plain" style="height: 14em" -->
 
               Notes:
 
@@ -906,7 +906,7 @@
               # ... or ...
               $ mix firmware.push # Remote Firmware Update
               ```
-              <!-- .element style="font-size: 28px" -->
+              <!-- .element style="font-size: 0.7em" -->
             </textarea>
           </section>
 
@@ -1041,15 +1041,15 @@
               $ mix phx.new eye_ui --no-ecto
               $ mix nerves.new eye_fw --init-gadget
               ```
-              <!-- .element style="font-size: 36px" -->
+              <!-- .element style="font-size: 0.8em" -->
 
               ``` bash
               omni_eye
               ├── eye
               ├── eye_fw
               └── eye_ui
               ```
-              <!-- .element style="font-size: 36px" -->
+              <!-- .element style="font-size: 0.8em" -->
             </textarea>
           </section>
 
@@ -1123,8 +1123,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1028,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step1_getting_started/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step1_getting_started/index.html
@@ -92,6 +92,7 @@
               $ mix new eye --sup
               $ mix nerves.new eye_fw --init-gadget
               ```
+              <!-- .element style="font-size: 0.8em" -->
             </textarea>
           </section>
 
@@ -118,7 +119,7 @@
                   ├── rel
                   └── test
               ```
-              <!-- .element style="font-size: 18px" -->
+              <!-- .element style="font-size: 0.6em" -->
             </textarea>
           </section>
 
@@ -192,8 +193,8 @@
               # Plug in the USB cable and wait about 15 seconds
               $ open http://nerves.local
               ```
-              ![USB cable](img/hardware_assembly_08.jpg) <!-- .element: class="plain" style="height: 10em" -->
-              ![Infinity Tunnel](img/eye_tunnel.png) <!-- .element: class="plain" style="height: 10em" -->
+              ![USB cable](img/hardware_assembly_08.jpg) <!-- .element: class="plain" style="height: 8em" -->
+              ![Infinity Tunnel](img/eye_tunnel.png) <!-- .element: class="plain" style="height: 8em" -->
             </textarea>
           </section>
 
@@ -206,6 +207,7 @@
               $ ssh nerves.local
               # To exit, type <RET>~.
               ```
+              <!-- .element style="font-size: 0.8em" -->
 
               # Serial IEx Console
               ``` bash
@@ -215,6 +217,7 @@
               $ picocom /dev/ttyACM0
               # To exit, type CTRL-A CTRL-X
               ```
+              <!-- .element style="font-size: 0.8em" -->
             </textarea>
           </section>
 
@@ -232,6 +235,7 @@
               iex> RingLogger.grep(~r/[Nn]eedle/)
               16:55:41.614 [info]  Needle in a haystack
               ```
+              <!-- .element style="font-size: 0.7em" -->
             </textarea>
           </section>
 
@@ -253,6 +257,21 @@
                 # ...
               ]
               ```
+              <!-- .element style="font-size: 0.6em" -->
+            </textarea>
+          </section>
+
+          <!-- Break Time! -->
+
+          <section data-markdown>
+            <textarea data-template>
+              # Break from 10:00 to 10:30 AM
+
+              * How is the pace?
+              * Any questions?
+              * Play with your shiny new hardware
+              * Mingle in the hall
+              * Get a snack, maybe?
             </textarea>
           </section>
 
@@ -271,8 +290,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/..._camera_with_nerves/step2_custom_nerves_systems/img/custom_system_release_2.png b/..._camera_with_nerves/step2_custom_nerves_systems/img/custom_system_release_2.png
diff --git a/..._camera_with_nerves/step2_custom_nerves_systems/img/custom_system_release_3.png b/..._camera_with_nerves/step2_custom_nerves_systems/img/custom_system_release_3.png
diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step2_custom_nerves_systems/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step2_custom_nerves_systems/index.html
@@ -71,7 +71,8 @@
               ``` bash
               # Leave the omni_eye directory
               $ cd ../..
-              $ git clone https://github.com/nerves-project/nerves_system_rpi0.git
+              $ git clone \
+                  https://github.com/nerves-project/nerves_system_rpi0.git
               $ mv nerves_system_rpi0{,_zbar}
               $ cd nerves_system_rpi0_zbar
               $ mix deps.get
@@ -111,6 +112,7 @@
               ``` bash
               $ mix nerves.artifact
               ```
+              <!-- .element style="font-size: 0.8em" -->
               ![Custom system Artifact](img/custom_system_artifact.png) <!-- .element: class="plain" style="width: 90%" -->
             </textarea>
           </section>
@@ -134,6 +136,7 @@
               config :nerves, :firmware,
                 rootfs_overlay: "rootfs_overlay"
               ```
+              <!-- .element style="font-size: 0.8em" -->
             </textarea>
           </section>
 
@@ -157,8 +160,10 @@
               $ mix deps.get
               $ mix firmware
               # Assuming your device is still connected
-              $ mix firmware.push nerves.local
+              $ mix firmware.gen.script
+              $ ./upload.sh
               ```
+              <!-- .element style="font-size: 0.7em" -->
               ![mix firmware push](img/firmware_push.png) <!-- .element: class="plain" style="width: 90%" -->
             </textarea>
           </section>
@@ -178,8 +183,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step3_scan_barcodes/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step3_scan_barcodes/index.html
@@ -113,7 +113,7 @@
               $ cd ../eye_fw
               $ mix deps.get
               $ mix firmware
-              $ mix firmware.push nerves.local
+              $ ./upload.sh
               ```
             </textarea>
           </section>
@@ -180,8 +180,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step4_graphql/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step4_graphql/index.html
@@ -117,7 +117,7 @@
               $ cd ../eye_fw
               $ mix deps.get
               $ mix firmware
-              $ mix firmware.push nerves.local
+              $ ./upload.sh
               # On OSX:
               $ picocom /dev/tty.usbmodem<TAB>
               # On Linux (probably):
@@ -141,8 +141,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step5_phoenix/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step5_phoenix/index.html
@@ -36,7 +36,7 @@
             data-background-image="img/project_logos.png"
             data-background-size="contain">
             <textarea data-template>
-              # Phoenix
+              # Step 5 - Phoenix
             </textarea>
           </section>
 
@@ -64,7 +64,7 @@
               # Go back to the omni_eye directory
               # to make a new Phoenix application
               $ cd ../
-              # If you don't already have the Phoenix archive installed:
+              # Install Phoenix archive:
               $ mix archive.install hex phx_new 1.4.1
               $ mix phx.new eye_ui --no-ecto
               ```
@@ -144,7 +144,7 @@
               $ cd ../eye_fw
               $ mix deps.get
               $ mix firmware
-              $ mix firmware.push nerves.local
+              $ ./upload.sh
               # On OSX:
               $ picocom /dev/tty.usbmodem<TAB>
               # On Linux (probably):
@@ -168,8 +168,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step6_channels_and_subscriptions/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step6_channels_and_subscriptions/index.html
@@ -91,7 +91,7 @@
               $ cd ../
               $ iex -S mix phx.server
               ```
-              ![graphql mutation](img/step4_graphiql_mutation.png) <!-- .element: class="plain" style="height: 6em" -->
+              ![graphql mutation](img/step4_graphiql_mutation.png) <!-- .element: class="plain" style="height: 8em" -->
             </textarea>
           </section>
 
@@ -106,7 +106,7 @@
               $ cd ../eye_fw
               $ mix deps.get
               $ mix firmware
-              $ mix firmware.push nerves.local
+              $ ./upload.sh
               # On OSX:
               $ picocom /dev/tty.usbmodem<TAB>
               # On Linux (probably):
@@ -144,8 +144,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,
 

diff --git a/2019-02-28_build_a_smart_camera_with_nerves/step7_full_stack_feature/index.html b/2019-02-28_build_a_smart_camera_with_nerves/step7_full_stack_feature/index.html
@@ -33,8 +33,8 @@
 
           <section data-markdown class="nav">
             <textarea data-template>
-              # Recap: Adding A
-              # Couple New Features
+              # Step 7 - Recap: Adding
+              # A Couple New Features
               ![Snap and Image Effect Buttons](img/step7_new_features.png) <!-- .element: class="plain" style="height: 12em" -->
             </textarea>
           </section>
@@ -83,7 +83,7 @@
               $ cd ../
               $ iex -S mix phx.server
               ```
-              ![graphql mutation](img/step7_graphiql_mutation.png) <!-- .element: class="plain" style="height: 12em" -->
+              ![graphql mutation](img/step7_graphiql_mutation.png) <!-- .element: class="plain" style="height: 9em" -->
             </textarea>
           </section>
 
@@ -146,8 +146,8 @@
         controls: false,
         progress: false,
         transition: 'none',
-        width: 1920,
-        height: 1080,
+        width: 1024,
+        height: 768,
         center: false,
         pdfMaxPagesPerSlide: 1,