parent
3804a22c77
commit
3345b4e0d3
105
index.html
105
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>© 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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue