xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update token, add data-src to img tags

Browse Source 
Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
Sean Cross 2019-01-12 14:57:59 +08:00
parent 3c88ae2f37
commit 9e8ecd0346
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -54,7 +54,7 @@
<section> <section>
<h3>About Me</h3> <h3>About Me</h3>
<img src="img/project-listing.jpg"> <img data-src="img/project-listing.jpg">
<!-- <ol> <!-- <ol>
<li>Novena</li> <li>Novena</li>
<li>Tomu</li> <li>Tomu</li>
@ -65,7 +65,7 @@
<section> <section>
<h3>Tomu</h3> <h3>Tomu</h3>
<img src="img/tomu-item.jpg" alt="I'm Tomu!"> <img data-src="img/tomu-item.jpg" alt="I'm Tomu!">
<aside class="notes"> <aside class="notes">
This is Tomu. If you attended LCA last year, you will have gotten one. Tomu is a fantastic little device -- it's a This is Tomu. If you attended LCA last year, you will have gotten one. Tomu is a fantastic little device -- it's a
computer in your USB port! It's a single printed circuit board, but the thing about USB ports is that they're computer in your USB port! It's a single printed circuit board, but the thing about USB ports is that they're
@ -76,7 +76,7 @@
<section> <section>
<h3>Case</h3> <h3>Case</h3>
<img src="img/tomu-case.jpg" alt="I'm Tomu Case!"> <img data-src="img/tomu-case.jpg" alt="I'm Tomu Case!">
<aside class="notes"> <aside class="notes">
This is the injection molded case, after production. It's clear, which normally costs a bit extra, but since the This is the injection molded case, after production. It's clear, which normally costs a bit extra, but since the
material we used is so little there was no extra charge. The case is made from polycarbonate, called PC. material we used is so little there was no extra charge. The case is made from polycarbonate, called PC.
@ -85,7 +85,7 @@
<section> <section>
<h3>Tomu + Case</h3> <h3>Tomu + Case</h3>
<img src="img/tomu-in-case.jpg" alt="I'm in my case!"> <img data-src="img/tomu-in-case.jpg" alt="I'm in my case!">
<aside class="notes"> <aside class="notes">
This is a Tomu in its case. It fits very snugly, and even has a satisfying "click" when you insert Tomu. For the This is a Tomu in its case. It fits very snugly, and even has a satisfying "click" when you insert Tomu. For the
next 45 minutes or so, I'll talk about what it took to build this, and the motivation for doing it in plastic. I next 45 minutes or so, I'll talk about what it took to build this, and the motivation for doing it in plastic. I
@ -301,7 +301,7 @@
</section> </section>
<section> <section>
<h3>Hardware</h3> <h3>Hardware</h3>
<img src="img/tools-ruler-calipers.jpg" alt="Ruler and Caliper"> <img data-src="img/tools-ruler-calipers.jpg" alt="Ruler and Caliper">
<aside class="notes"> <aside class="notes">
This PCB ruler is, surprisingly, the most useful ruler I've ever owned. It's great for designing PCBs, but also This PCB ruler is, surprisingly, the most useful ruler I've ever owned. It's great for designing PCBs, but also
handy for doing case design. These vernier calipers are also super handy, epsecially when you want to see just handy for doing case design. These vernier calipers are also super handy, epsecially when you want to see just
@ -609,7 +609,7 @@
</section> </section>
<section> <section>
<h3>T0 Shot</h3> <h3>T0 Shot</h3>
<img src="img/tomu-case-defect.jpg"> <img data-src="img/tomu-case-defect.jpg">
<aside class="notes"> <aside class="notes">
After they finish milling, they do a test shot. Usually this is in black, because it helps them to tune features After they finish milling, they do a test shot. Usually this is in black, because it helps them to tune features
such as how quickly to flow plastic. This T0 shot also lets them test to make sure it fits the final product. The such as how quickly to flow plastic. This T0 shot also lets them test to make sure it fits the final product. The
@ -647,14 +647,14 @@
</section> </section>
<section> <section>
<h3>Clothes peg</h3> <h3>Clothes peg</h3>
<img src="img/clothespeg-side.jpg" alt="A clothes peg (side view)"> <img data-src="img/clothespeg-side.jpg" alt="A clothes peg (side view)">
<aside class="notes"> <aside class="notes">
This is a clothes peg from my house. It's very cheap. You can clearly see parting lines along the side here. This is a clothes peg from my house. It's very cheap. You can clearly see parting lines along the side here.
</aside> </aside>
</section> </section>
<section> <section>
<h3>Clothes peg</h3> <h3>Clothes peg</h3>
<img src="img/clothespeg-inside.jpg" alt="A clothes peg (inside view)"> <img data-src="img/clothespeg-inside.jpg" alt="A clothes peg (inside view)">
<aside class="notes"> <aside class="notes">
The texture is effectively free, because this piece is entirely flat. There aren't any fancy tool options here -- The texture is effectively free, because this piece is entirely flat. There aren't any fancy tool options here --
no lifters or sliders or anything complicated. You can see the ejector pin marks on the inside, and there are two no lifters or sliders or anything complicated. You can see the ejector pin marks on the inside, and there are two
@ -665,13 +665,13 @@
</section> </section>
<section> <section>
<h3>Aircon Remote (Front)</h3> <h3>Aircon Remote (Front)</h3>
<img src="img/examples-aircon-top.jpg" alt="Front of the aircon remote"> <img data-src="img/examples-aircon-top.jpg" alt="Front of the aircon remote">
<aside class="notes"> <aside class="notes">
</aside> </aside>
</section> </section>
<section> <section>
<h3>Aircon Remote (Back)</h3> <h3>Aircon Remote (Back)</h3>
<img src="img/examples-aircon-back.jpg" alt="Back of the aircon remote"> <img data-src="img/examples-aircon-back.jpg" alt="Back of the aircon remote">
<aside class="notes"> <aside class="notes">
This is a very important tool in Singapore. It's the air conditioning remote. They've added some text on the This is a very important tool in Singapore. It's the air conditioning remote. They've added some text on the
backside here. Curiously, there's something that seems to violate our "no overhangs" policy. And indeed it does. backside here. Curiously, there's something that seems to violate our "no overhangs" policy. And indeed it does.
@ -683,7 +683,7 @@
</section> </section>
<section> <section>
<h3>Aircon Remote (Front Cover)</h3> <h3>Aircon Remote (Front Cover)</h3>
<img src="img/examples-aircon-cover.jpg" alt="Cover from aircon remote front"> <img data-src="img/examples-aircon-cover.jpg" alt="Cover from aircon remote front">
<aside class="notes"> <aside class="notes">
Here's the inside of the front cover. It can slide up and down, which means it has a lip on the side. They used a Here's the inside of the front cover. It can slide up and down, which means it has a lip on the side. They used a
slider here, too. In fact, the slider left small marks here. This particular piece is great because you can see slider here, too. In fact, the slider left small marks here. This particular piece is great because you can see
@ -754,7 +754,7 @@
multiplex: { multiplex: {
url: 'https://p.xobs.io/', url: 'https://p.xobs.io/',
id: '871fdd95cd6d6c07', id: '631bb3db6fbaea78',
secret: Reveal.getQueryHash().s || null secret: Reveal.getQueryHash().s || null
}, },