From 3345b4e0d38dfce2da30eef75602307cc2c95117 Mon Sep 17 00:00:00 2001
From: Sean Cross <sean@xobs.io>
Date: Wed, 16 Jan 2019 11:25:10 +0800
Subject: [PATCH] sync

Signed-off-by: Sean Cross <sean@xobs.io>
---
 index.html | 105 ++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 84 insertions(+), 21 deletions(-)
diff --git a/index.html b/index.html
index d0f2ac5..0819378 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,47 @@
 	<!--[if lt IE 9]>
 		<script src="lib/js/html5shiv.js"></script>
 		<![endif]-->
+
+	<style>
+		/*********************************************
+			* ZOOM REVERSE TRANSITION (i.e. zoom out)
+			*********************************************/
+			.reveal .slides section[data-transition=zoomrev],
+			.reveal.zoomrev .slides section:not([data-transition]) {
+				transition-timing-function: ease;
+			}
+
+			.reveal .slides > section[data-transition=zoomrev].past,
+			.reveal .slides > section[data-transition~=zoomrev-out].past,
+			.reveal.zoomrev .slides > section:not([data-transition]).past {
+				       visibility: hidden;
+				-webkit-transform: scale(0.2);
+						transform: scale(0.2);
+			}
+
+			.reveal .slides > section[data-transition=zoomrev].future,
+			.reveal .slides > section[data-transition~=zoomrev-in].future,
+			.reveal.zoomrev .slides > section:not([data-transition]).future {
+					   visibility: hidden;
+				-webkit-transform: scale(16);
+						transform: scale(16);
+			}
+
+			.reveal .slides > section > section[data-transition=zoomrev].past,
+			.reveal .slides > section > section[data-transition~=zoomrev-out].past,
+			.reveal.zoomrev .slides > section > section:not([data-transition]).past {
+				-webkit-transform: translate(0, 150%);
+						transform: translate(0, 150%);
+			}
+
+			.reveal .slides > section > section[data-transition=zoomrev].future,
+			.reveal .slides > section > section[data-transition~=zoomrev-in].future,
+			.reveal.zoomrev .slides > section > section:not([data-transition]).future {
+				-webkit-transform: translate(0, -150%);
+						transform: translate(0, -150%);
+			}
+		</style>
+
 </head>
 
 <body>
@@ -52,17 +93,6 @@
 				</p>
 			</section>
 
-			<section>
-				<h3>About Me</h3>
-				<img data-src="img/project-listing.jpg">
-				<!-- <ol>
-					<li>Novena</li>
-					<li>Tomu</li>
-					<li>Fomu</li>
-				</ol> -->
-				<!-- <h4>Manufacturing is Fun!</h4> -->
-			</section>
-
 			<section>
 				<h3>Tomu</h3>
 				<img data-src="img/tomu-item.jpg" alt="I'm Tomu!">
@@ -93,6 +123,39 @@
 				</aside>
 			</section>
 
+			<section>
+				<h3>Tomu + Case</h3>
+				<img data-src="img/tomu-fomu-case.jpg" alt="Tomu and Fomu in case">
+				<aside class="notes">
+					And here is Fomu in a Tomu case.
+				</aside>
+			</section>
+
+			<section data-transition="slide-in fade-out">
+				<h3>About Me</h3>
+				<img data-src="img/map-1.png">
+			</section>
+			<section data-transition="fade-in zoomrev-out">
+				<h3>About Me</h3>
+				<img data-src="img/map-2.png">
+			</section>
+			<section data-transition="zoomrev-in fade-out">
+				<h3>About Me</h3>
+				<img data-src="img/map-3.png">
+			</section>
+			<section data-transition="fade-in slide-out">
+				<h3>About Me</h3>
+				<img data-src="img/map-4.png">
+			</section>
+			<section>
+				<h3>About Me</h3>
+				<img data-src="img/project-listing.jpg">
+			</section>
+			<section>
+				<h3>About Me</h3>
+				<img data-src="img/project-listing.jpg">
+			</section>
+
 			<section>
 				<h1>Outline</h1>
 				<ol>
@@ -172,7 +235,7 @@
 					<img id="bunnie-ij-machines-2" alt="Rows of injection molding machines" data-src="img/bunnie-ij-machines-2.jpg">
 					<cite for="bunnie-ij-machines-2"><small>&copy; bunnie@bunniestudios.com</small></cite>
 					<aside class="notes">
-						More machines.  Believe it or not this was a different factory.
+						More machines. Believe it or not this was a different factory.
 					</aside>
 				</section>
 				<section>
@@ -747,9 +810,17 @@
 				</section>
 				<section>
 					<h3>Wine bottle opener</h3>
+					<img src="img/wine-bottle-overview.jpg" alt="Wine bottle bottle opener">
 					<aside class="notes">
 						This wine bottle opener has one very visible parting line. Interestingly, it's overmolded, which is where one
-						piece gets two shots, and the overmolded piece hides the parting line along the top. You can do some pretty cool
+						piece gets two shots, and the overmolded piece hides the parting line along the top.
+					</aside>
+				</section>
+				<section>
+					<h3>Wine bottle opener</h3>
+					<img src="img/wind-bottle-flashing.jpg" alt="Some flashing on the wine bottle, plus overmolding">
+					<aside class="notes">
+						You can do some pretty cool
 						thigns with overmolding, because the base doesn't even need to be plastic. You can overmold anything that will
 						fit inside of a plastic tool. That includes circuit boards, if you don't need to worry about heat or debug pins.
 						This is how most cables are made, where they put the wires directly into the injection molding tool.
@@ -758,14 +829,6 @@
 				<section>
 					<h1>Kinder joy</h1>
 				</section>
-				<section>
-					<h1>iPhone 3G</h1>
-					<aside class="notes">
-						This one is particularly fun. It's an old iPhone 3G, back before Apple went completely crazy with CNC-milling. In
-						addition to being particularly shiny, which you remember requires polishing after the part comes out of the mold,
-						you'll also notice the lack of parting lines. That's because Apple polished them off.
-					</aside>
-				</section>
 			</section>
 
 			<section>
