103
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										103
									
								
								index.html
									
									
									
									
									
								
							| @@ -32,6 +32,47 @@ | |||||||
| 	<!--[if lt IE 9]> | 	<!--[if lt IE 9]> | ||||||
| 		<script src="lib/js/html5shiv.js"></script> | 		<script src="lib/js/html5shiv.js"></script> | ||||||
| 		<![endif]--> | 		<![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> | </head> | ||||||
|  |  | ||||||
| <body> | <body> | ||||||
| @@ -52,17 +93,6 @@ | |||||||
| 				</p> | 				</p> | ||||||
| 			</section> | 			</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> | 			<section> | ||||||
| 				<h3>Tomu</h3> | 				<h3>Tomu</h3> | ||||||
| 				<img data-src="img/tomu-item.jpg" alt="I'm Tomu!"> | 				<img data-src="img/tomu-item.jpg" alt="I'm Tomu!"> | ||||||
| @@ -93,6 +123,39 @@ | |||||||
| 				</aside> | 				</aside> | ||||||
| 			</section> | 			</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> | 			<section> | ||||||
| 				<h1>Outline</h1> | 				<h1>Outline</h1> | ||||||
| 				<ol> | 				<ol> | ||||||
| @@ -747,9 +810,17 @@ | |||||||
| 				</section> | 				</section> | ||||||
| 				<section> | 				<section> | ||||||
| 					<h3>Wine bottle opener</h3> | 					<h3>Wine bottle opener</h3> | ||||||
|  | 					<img src="img/wine-bottle-overview.jpg" alt="Wine bottle bottle opener"> | ||||||
| 					<aside class="notes"> | 					<aside class="notes"> | ||||||
| 						This wine bottle opener has one very visible parting line. Interestingly, it's overmolded, which is where one | 						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 | 						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. | 						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. | 						This is how most cables are made, where they put the wires directly into the injection molding tool. | ||||||
| @@ -758,14 +829,6 @@ | |||||||
| 				<section> | 				<section> | ||||||
| 					<h1>Kinder joy</h1> | 					<h1>Kinder joy</h1> | ||||||
| 				</section> | 				</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> | ||||||
|  |  | ||||||
| 			<section> | 			<section> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user