Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
Sean Cross 2019-01-16 11:25:10 +08:00
parent 3804a22c77
commit 3345b4e0d3

View File

@ -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>