gatsbyjs_charlieharrington.com.rss.xml - sfeed_tests - sfeed tests and RSS and … | |
git clone git://git.codemadness.org/sfeed_tests | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
gatsbyjs_charlieharrington.com.rss.xml (944142B) | |
--- | |
1 <?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/… | |
2 <p>Not enough? How about this: I just SSH'ed into a <a hre… | |
3 <p>Don't get me wrong -- the other stuff is pretty magical, t… | |
4 <p>I mean, look at this:</p> | |
5 <p><span | |
6 class="gatsby-resp-image-wrapper" | |
7 style="position: relative; display: block; margin-left: auto;… | |
8 > | |
9 <a | |
10 class="gatsby-resp-image-link" | |
11 href="/static/2930c3a3aa4bf3462b52044555a24d56/cd3e9/keyboard.j… | |
12 style="display: block" | |
13 target="_blank" | |
14 rel="noopener" | |
15 > | |
16 <span | |
17 class="gatsby-resp-image-background-image" | |
18 style="padding-bottom: 74.23312883435584%; position: relative; … | |
19 ></span> | |
20 <img | |
21 class="gatsby-resp-image-image" | |
22 alt="Dumb terminal smart phone" | |
23 title="Dumb terminal smart phone" | |
24 src="/static/2930c3a3aa4bf3462b52044555a24d56/6aca1/keyboar… | |
25 srcset="/static/2930c3a3aa4bf3462b52044555a24d56/d2f63/keyb… | |
26 /static/2930c3a3aa4bf3462b52044555a24d56/c989d/keyboard.jpg 325w, | |
27 /static/2930c3a3aa4bf3462b52044555a24d56/6aca1/keyboard.jpg 650w, | |
28 /static/2930c3a3aa4bf3462b52044555a24d56/7c09c/keyboard.jpg 975w, | |
29 /static/2930c3a3aa4bf3462b52044555a24d56/01ab0/keyboard.jpg 1300w, | |
30 /static/2930c3a3aa4bf3462b52044555a24d56/cd3e9/keyboard.jpg 2820w" | |
31 sizes="(max-width: 650px) 100vw, 650px" | |
32 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
33 loading="lazy" | |
34 /> | |
35 </a> | |
36 </span></p> | |
37 <p>It's downright cute, aside from the legs.</p> | |
38 <p>You kinda forget that your phone is a computer, personally-spea… | |
39 <p>So, I'm usually a laptop-bringer on any trip. Except, this… | |
40 <p>But I did want to be able to work on edits for my book on this … | |
41 <p>Luckily, we had this little Bluetooth cutie tucked away in a cl… | |
42 <p>We're not alone. See the <a href="https://getfreew… | |
43 <p>Now this Bluetooth keyboard doesn't fit in a pocket, but i… | |
44 <p>So, I thought I'd give it a try this trip. And I'm so… | |
45 <p>Carly still hasn't given the keyboard a try, but I'm … | |
46 <p>And, meanwhile, I'm going to keep thinking about keyboards… | |
47 <p>On the latter item, I'm also ogling the <a href="h… | |
48 <p>If your static site generator does nothing else, it should make… | |
49 <p>Why did I use Gatsby in the first place? Well, it was new and s… | |
50 <p>So, anyway, why not switch away from Gatsby? Am I using any of … | |
51 <p>With the Instagram plugin/API, all I want to do is <a href=&… | |
52 <p>Keep your friends close, and your blog's dependencies clos… | |
53 <h2>A simpler static site generator</h2> | |
54 <p>Here's where I announce that I've written a new, <… | |
55 <p>But, nope. Instead, I'm just gonna use the one that my pal… | |
56 <p>So, have I switched my blog over to Syte yet? Not yet. But I&ap… | |
57 <p>My inability to bear the blog switching costs at this moment is… | |
58 <h2>Writes With</h2> | |
59 <p><span | |
60 class="gatsby-resp-image-wrapper" | |
61 style="position: relative; display: block; margin-left: auto;… | |
62 > | |
63 <a | |
64 class="gatsby-resp-image-link" | |
65 href="/static/30ee63ed397c74175268fd0d8f7dea20/136a2/writeswith… | |
66 style="display: block" | |
67 target="_blank" | |
68 rel="noopener" | |
69 > | |
70 <span | |
71 class="gatsby-resp-image-background-image" | |
72 style="padding-bottom: 15.950920245398773%; position: relative;… | |
73 ></span> | |
74 <img | |
75 class="gatsby-resp-image-image" | |
76 alt="Writes With logo" | |
77 title="Writes With logo" | |
78 src="/static/30ee63ed397c74175268fd0d8f7dea20/a6d36/writesw… | |
79 srcset="/static/30ee63ed397c74175268fd0d8f7dea20/222b7/writ… | |
80 /static/30ee63ed397c74175268fd0d8f7dea20/ff46a/writeswith.png 325w, | |
81 /static/30ee63ed397c74175268fd0d8f7dea20/a6d36/writeswith.png 650w, | |
82 /static/30ee63ed397c74175268fd0d8f7dea20/136a2/writeswith.png 884w" | |
83 sizes="(max-width: 650px) 100vw, 650px" | |
84 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
85 loading="lazy" | |
86 /> | |
87 </a> | |
88 </span></p> | |
89 <p>The <a href="https://writeswith">Writes With<… | |
90 <p>Making it was a joy with Syte and I'm happy with it, even … | |
91 <p>Writes With is directly, clearly, obviously, duh inspired by on… | |
92 <p>I like this little project, because I'm going to get to ta… | |
93 <p>And I know, I know, the tools aren't the important thing a… | |
94 <p>I'd like to share my current, wait for it, mental model fo… | |
95 <p>First, a caveat canem: 🐶 Since this website is my little cor… | |
96 <p>So, here's how I see the evolution of computers over the d… | |
97 <table> | |
98 <thead> | |
99 <tr> | |
100 <th align="left">Decade</th> | |
101 <th align="left">Computers</th> | |
102 </tr> | |
103 </thead> | |
104 <tbody> | |
105 <tr> | |
106 <td align="left">1940s</td> | |
107 <td align="left">Analog</td> | |
108 </tr> | |
109 <tr> | |
110 <td align="left">1950s</td> | |
111 <td align="left">Digital</td> | |
112 </tr> | |
113 <tr> | |
114 <td align="left">1960s</td> | |
115 <td align="left">Warehouse</td> | |
116 </tr> | |
117 <tr> | |
118 <td align="left">1970s</td> | |
119 <td align="left">Mini</td> | |
120 </tr> | |
121 <tr> | |
122 <td align="left">1980s</td> | |
123 <td align="left">8-Bit PC</td> | |
124 </tr> | |
125 <tr> | |
126 <td align="left">1990s</td> | |
127 <td align="left">Pentium PC</td> | |
128 </tr> | |
129 <tr> | |
130 <td align="left">2000s</td> | |
131 <td align="left">Laptop</td> | |
132 </tr> | |
133 <tr> | |
134 <td align="left">2010s</td> | |
135 <td align="left">Smart Phones</td> | |
136 </tr> | |
137 <tr> | |
138 <td align="left">2020s</td> | |
139 <td align="left">Wearables</td> | |
140 </tr> | |
141 <tr> | |
142 <td align="left">2030s</td> | |
143 <td align="left">Embeddables</td> | |
144 </tr> | |
145 </tbody> | |
146 </table> | |
147 <p>Lemme recap these a bit (in a freewheeling manner). We see the … | |
148 <p>Then comes the era of the ominious Warehouse computer, dominate… | |
149 <p>Along related lines, this is where folks started experimenting … | |
150 <table> | |
151 <thead> | |
152 <tr> | |
153 <th align="left">Decade</th> | |
154 <th align="left">Computers</th> | |
155 <th align="left">Networking</th> | |
156 </tr> | |
157 </thead> | |
158 <tbody> | |
159 <tr> | |
160 <td align="left">1940s</td> | |
161 <td align="left">Analog</td> | |
162 <td align="left">N/A</td> | |
163 </tr> | |
164 <tr> | |
165 <td align="left">1950s</td> | |
166 <td align="left">Digital</td> | |
167 <td align="left">N/A</td> | |
168 </tr> | |
169 <tr> | |
170 <td align="left">1960s</td> | |
171 <td align="left">Warehouse</td> | |
172 <td align="left">Timeshare</td> | |
173 </tr> | |
174 <tr> | |
175 <td align="left">1970s</td> | |
176 <td align="left">Mini</td> | |
177 <td align="left">ARPANET</td> | |
178 </tr> | |
179 <tr> | |
180 <td align="left">1980s</td> | |
181 <td align="left">8-Bit PC</td> | |
182 <td align="left">Internet</td> | |
183 </tr> | |
184 <tr> | |
185 <td align="left">1990s</td> | |
186 <td align="left">Pentium PC</td> | |
187 <td align="left">WWW</td> | |
188 </tr> | |
189 <tr> | |
190 <td align="left">2000s</td> | |
191 <td align="left">Laptop</td> | |
192 <td align="left">Web 2.0</td> | |
193 </tr> | |
194 <tr> | |
195 <td align="left">2010s</td> | |
196 <td align="left">Smart Phones</td> | |
197 <td align="left">Apps</td> | |
198 </tr> | |
199 <tr> | |
200 <td align="left">2020s</td> | |
201 <td align="left">Wearables</td> | |
202 <td align="left">TBD</td> | |
203 </tr> | |
204 <tr> | |
205 <td align="left">2030s</td> | |
206 <td align="left">Embeddables</td> | |
207 <td align="left">TBD</td> | |
208 </tr> | |
209 </tbody> | |
210 </table> | |
211 <p>Timesharing. You've probably heard of it before. Essential… | |
212 <p><span | |
213 class="gatsby-resp-image-wrapper" | |
214 style="position: relative; display: block; margin-left: auto;… | |
215 > | |
216 <span | |
217 class="gatsby-resp-image-background-image" | |
218 style="padding-bottom: 76.68711656441718%; position: relative; … | |
219 ></span> | |
220 <img | |
221 class="gatsby-resp-image-image" | |
222 alt="PLATO" | |
223 title="PLATO" | |
224 src="/static/097d01671bc699ec3e60eca532367731/a3695/plato.j… | |
225 srcset="/static/097d01671bc699ec3e60eca532367731/d2f63/plat… | |
226 /static/097d01671bc699ec3e60eca532367731/c989d/plato.jpg 325w, | |
227 /static/097d01671bc699ec3e60eca532367731/a3695/plato.jpg 624w" | |
228 sizes="(max-width: 624px) 100vw, 624px" | |
229 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
230 loading="lazy" | |
231 /> | |
232 </span></p> | |
233 <p>Take a look at the rows for 80s and 90s - you're basically… | |
234 <p>Let's fast-forward to the new millenium. Frankly, I'm… | |
235 <p>When I think about it, there's tons of additional "st… | |
236 <p>Or another idea, even closer to my heart, would be adding the &… | |
237 <table> | |
238 <thead> | |
239 <tr> | |
240 <th align="left">Decade</th> | |
241 <th align="left">Computers</th> | |
242 <th align="left">Networking</th> | |
243 <th align="left">Book</th> | |
244 </tr> | |
245 </thead> | |
246 <tbody> | |
247 <tr> | |
248 <td align="left">1940s</td> | |
249 <td align="left">Analog</td> | |
250 <td align="left">N/A</td> | |
251 <td align="left"></td> | |
252 </tr> | |
253 <tr> | |
254 <td align="left">1950s</td> | |
255 <td align="left">Digital</td> | |
256 <td align="left">N/A</td> | |
257 <td align="left"><a href="https://amzn.to/3eD3yq… | |
258 </tr> | |
259 <tr> | |
260 <td align="left">1960s</td> | |
261 <td align="left">Warehouse</td> | |
262 <td align="left">Timeshare</td> | |
263 <td align="left"><a href="https://amzn.to/3m8jiD… | |
264 </tr> | |
265 <tr> | |
266 <td align="left">1970s</td> | |
267 <td align="left">Mini</td> | |
268 <td align="left">ARPANET</td> | |
269 <td align="left"><a href="https://amzn.to/3e32kU… | |
270 </tr> | |
271 <tr> | |
272 <td align="left">1980s</td> | |
273 <td align="left">8-Bit PC</td> | |
274 <td align="left">Internet</td> | |
275 <td align="left"><a href="https://amzn.to/3kEzta… | |
276 </tr> | |
277 <tr> | |
278 <td align="left">1990s</td> | |
279 <td align="left">Pentium PC</td> | |
280 <td align="left">WWW</td> | |
281 <td align="left"><a href="https://amzn.to/3u5aTD… | |
282 </tr> | |
283 <tr> | |
284 <td align="left">2000s</td> | |
285 <td align="left">Laptop</td> | |
286 <td align="left">Web 2.0</td> | |
287 <td align="left"></td> | |
288 </tr> | |
289 <tr> | |
290 <td align="left">2010s</td> | |
291 <td align="left">Smart Phones</td> | |
292 <td align="left">Apps</td> | |
293 <td align="left"></td> | |
294 </tr> | |
295 <tr> | |
296 <td align="left">2020s</td> | |
297 <td align="left">Wearables</td> | |
298 <td align="left">TBD</td> | |
299 <td align="left"></td> | |
300 </tr> | |
301 <tr> | |
302 <td align="left">2030s</td> | |
303 <td align="left">Embeddables</td> | |
304 <td align="left">TBD</td> | |
305 <td align="left"></td> | |
306 </tr> | |
307 </tbody> | |
308 </table> | |
309 <p>I need some suggestions for the more recent eras!</p> | |
310 <h3>Three Companies That Seem to Also Appreciate Computer History&… | |
311 <p>Okay, onto the best part...</p> | |
312 <h4>Replit</h4> | |
313 <p><a href="http://replit.com/">Replit</a> i… | |
314 <p>So, what does Replit know about computer history?</p> | |
315 <p>They are the modern timesharing system - global, instant access… | |
316 <blockquote class="twitter-tweet"><p lang="en&qu… | |
317 <p>Timesharing is back. And this time you don't have to share… | |
318 <h4>Tailscale</h4> | |
319 <p><a href="https://tailscale.com/">Tailscale</… | |
320 <p>So, what does Tailscale know about computer history?</p> | |
321 <p>They are making the 90s-LAN party possible again. It was a beau… | |
322 <p>I recently used Tailscale to set up a little Raspberry Pi-power… | |
323 <p><span | |
324 class="gatsby-resp-image-wrapper" | |
325 style="position: relative; display: block; margin-left: auto;… | |
326 > | |
327 <span | |
328 class="gatsby-resp-image-background-image" | |
329 style="padding-bottom: 151.53374233128832%; position: relative;… | |
330 ></span> | |
331 <img | |
332 class="gatsby-resp-image-image" | |
333 alt="car" | |
334 title="car" | |
335 src="/static/73bec978c3721efeb640ee7c9b4bae90/6aca1/car.jpg… | |
336 srcset="/static/73bec978c3721efeb640ee7c9b4bae90/d2f63/car.… | |
337 /static/73bec978c3721efeb640ee7c9b4bae90/c989d/car.jpg 325w, | |
338 /static/73bec978c3721efeb640ee7c9b4bae90/6aca1/car.jpg 650w, | |
339 /static/73bec978c3721efeb640ee7c9b4bae90/7c09c/car.jpg 975w, | |
340 /static/73bec978c3721efeb640ee7c9b4bae90/ec605/car.jpg 1125w" | |
341 sizes="(max-width: 650px) 100vw, 650px" | |
342 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
343 loading="lazy" | |
344 /> | |
345 </span></p> | |
346 <h4>Oxide Computer Company</h4> | |
347 <p><a href="https://oxide.computer/">Oxide Compute… | |
348 <p>So, what does Oxide know about computer history?</p> | |
349 <p>More than me! Just listen to their epic <a href="https:… | |
350 <p>But most importantly I think that Oxide harkens back to the `90… | |
351 <h3>Computer historian</h3> | |
352 <p>In conclusion:</p> | |
353 <p>By trade, I'm a software engineer. By spirit, I'm a c… | |
354 <h4>Footnotes</h4> | |
355 <ol> | |
356 <li>I'm kinda showing off something neat with this link -- li… | |
357 <li>Watch this show. If you love computers, watch this show. If yo… | |
358 </ol></content:encoded></item><item><title><![CDATA[Notes on My Ch… | |
359 <p>Appendices are great (ask any Tolkien fan). P.S.'s are <… | |
360 <p>But addendums. Nope. They change the rules, after you've s… | |
361 <p>I recently got dropped with this whopper of an addendum:</p&… | |
362 <div class="gatsby-highlight" data-language="text"… | |
363 wrapping around nests of tumor cells, consistent with vascular invasion&… | |
364 <h2>A lil' background</h2> | |
365 <p>Previously, on "Halt and Catch Cancer", I thought I w… | |
366 <p>Officially, we're talking a PT3N0 pathology, where N means… | |
367 <p>Now, after my blog post on this whole "cancer sitch,"… | |
368 <p>Actually, you know what? I'm just going to paste it here:&… | |
369 <div class="gatsby-highlight" data-language="text"… | |
370 Sigmoid colon, sigmoid colectomy: | |
371 1. Adenocarcinoma, moderately-differentiated, invasive through | |
372 muscularis propria into pericolic adipose tissue, negative margins; see | |
373 comment. | |
374 2. No tumor in twenty-one lymph nodes (0/21). | |
375 COMMENT: | |
376 COLON CARCINOMA SYNOPTIC COMMENT | |
377 - Procedure: Sigmoid colectomy. | |
378 Result Information | |
379 All Reviewers List | |
380 Pathology PDF Report | |
381 Narrative &amp; Impression | |
382 Harrington, Charles | |
383 - Location of tumor: Sigmoid colon. | |
384 - Tumor size: 3.3 x 2.5 x 1 cm. | |
385 - Macroscopic tumor perforation: Not identified. | |
386 - Histologic Type: Adenocarcinoma. | |
387 - Histologic Grade: Moderately-differentiated (low grade). | |
388 - Microscopic depth of invasion: Tumor invades through the muscularis | |
389 propria into pericolic soft tissue (pT3). | |
390 - Margins: Negative. | |
391 - Proximal margin: Negative (tumor is &gt; 4 cm from margin). | |
392 - Distal margin: Negative (tumor is &gt; 4 cm from margin). | |
393 - Circumferential (radial) margin: Negative (tumor is &gt; 3 cm from | |
394 margin). | |
395 - Treatment effect (modified Ryan score, scale 0-3): No known | |
396 presurgical therapy. | |
397 - Lymphovascular invasion: Not identified on H&amp;E (orcein stains … | |
398 be performed on blocks A3 and A5, and the results will be reported as an | |
399 addendum). | |
400 - Perineural invasion: None. | |
401 - Tumor Deposits: Not identified. | |
402 - Lymph node status: Negative (number of lymph nodes examined: 21). | |
403 - Other pathologic findings: None identified. | |
404 - AJCC Pathologic Stage: pT3N0. | |
405 - Ancillary studies: Immunohistochemistry for DNA mismatch repair | |
406 proteins will be reported in an addendum. | |
407 | |
408 Addendum Comment | |
409 Immunohistochemistry was performed to evaluate the status of DNA | |
410 mismatch repair protein expression on block A3. The results in the tumor | |
411 cell nuclei are: | |
412 MLH1 expression: Present. | |
413 PMS2 expression: Present. | |
414 MSH2 expression: Present. | |
415 MSH6 expression: Present. | |
416 Expression for all four markers, in most cases, indicates that the DNA | |
417 mismatch repair proteins are intact. This result should be correlated | |
418 with the clinical presentation and family history to determine the need | |
419 for further work up for Lynch syndrome</code></pre></div&… | |
420 <p>Probably TMI, but this will actually be easier for me to find l… | |
421 <p>As you can see, this plaintext nightmare is full of strange and… | |
422 <p>After this walk-through with the docs, I felt good about my pla… | |
423 <p>But then, during my first Survivorship Clinic convo in November… | |
424 <div class="gatsby-highlight" data-language="text"… | |
425 Orcein stains performed on blocks A3 and A5 highlight elastic fibers | |
426 wrapping around nests of tumor cells, consistent with vascular invasion&… | |
427 <p><code class="language-text">Consistent with vas… | |
428 <p>At this point, I'm immediately whisked off the UCSF Oncolo… | |
429 <h2>New faces and new tests and new plans</h2> | |
430 <p>A hospital is a series of interconnected rings, all slightly Ve… | |
431 <p>In my entire diagnosis and surgery process, I'd never made… | |
432 <p>So, what's our goal now? Well, now that we've noticed… | |
433 <p>We do these tests:</p> | |
434 <ul> | |
435 <li>Signatera - looks in your blood for tumor cells</li> | |
436 <li>Oncotype - looks at your tumor and rates the likelihood of rec… | |
437 </ul> | |
438 <blockquote> | |
439 <p>Let me reiterate that my explanations of these tests (and anyth… | |
440 </blockquote> | |
441 <h3>Insurance aside</h3> | |
442 <p>Insurance didn't want to cover the Oncotype test, because,… | |
443 <p>Instead, insurance wants to make sure that you really-super-dup… | |
444 <p>Insurance is frustrating and scary. I do not understand it. I d… | |
445 <p><span | |
446 class="gatsby-resp-image-wrapper" | |
447 style="position: relative; display: block; margin-left: auto;… | |
448 > | |
449 <a | |
450 class="gatsby-resp-image-link" | |
451 href="/static/b7291d13e21492cbff924ada73137851/c27e7/bill.png&q… | |
452 style="display: block" | |
453 target="_blank" | |
454 rel="noopener" | |
455 > | |
456 <span | |
457 class="gatsby-resp-image-background-image" | |
458 style="padding-bottom: 46.62576687116564%; position: relative; … | |
459 ></span> | |
460 <img | |
461 class="gatsby-resp-image-image" | |
462 alt="insurance bill" | |
463 title="insurance bill" | |
464 src="/static/b7291d13e21492cbff924ada73137851/a6d36/bill.pn… | |
465 srcset="/static/b7291d13e21492cbff924ada73137851/222b7/bill… | |
466 /static/b7291d13e21492cbff924ada73137851/ff46a/bill.png 325w, | |
467 /static/b7291d13e21492cbff924ada73137851/a6d36/bill.png 650w, | |
468 /static/b7291d13e21492cbff924ada73137851/e548f/bill.png 975w, | |
469 /static/b7291d13e21492cbff924ada73137851/3c492/bill.png 1300w, | |
470 /static/b7291d13e21492cbff924ada73137851/c27e7/bill.png 2144w" | |
471 sizes="(max-width: 650px) 100vw, 650px" | |
472 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
473 loading="lazy" | |
474 /> | |
475 </a> | |
476 </span></p> | |
477 <p>WTF. That's an insane amount of money. But my life was sav… | |
478 <h3>Make a new plan</h3> | |
479 <p>The Signatera is clear, which is great. No circulating tumor ce… | |
480 <p>Oncotype's pretty good, too. From what the doc explains, t… | |
481 <p>It's at this point that we get into the discussion around … | |
482 <p>But they also reiterate that it's my choice. I can say no.… | |
483 <p>Duh, let's do this thing.</p> | |
484 <h2>So, what's chemotherapy like?</h2> | |
485 <p>Well, first of all, there's all different kinds of chemo. … | |
486 <p>But wait -- more decisions. Do we do six months or three months… | |
487 <h3>Chemo is not a pure function</h3> | |
488 <p>Chemo has side effects. Here are the things that I've enco… | |
489 <ul> | |
490 <li>super cold fingers and toes</li> | |
491 <li>lockjaw when I start eating</li> | |
492 <li>clenching claw hands</li> | |
493 <li>it hurts to cry (and I just finished the last season of Halt a… | |
494 <li>no appetite, not even for pizza or beer</li> | |
495 <li>nausea</li> | |
496 <li>kinda a sad feeling</li> | |
497 <li>dead sperm(!)</li> | |
498 </ul> | |
499 <p>Shockingly, there's no hair loss expected. I'm alread… | |
500 <p>Let's talk about the sperm stuff. As a result of doing che… | |
501 <p>The sperm banking process is hilarious. You go to a building, t… | |
502 <p>Another note on the 3 months vs 6 months decision - there are o… | |
503 <p>Now, given of all that prep and preamble, it's finally tim… | |
504 <h2>Charlie the Cyborg</h2> | |
505 <p>Wait. We need a way to get the chemo into your body. There&apos… | |
506 <p><span | |
507 class="gatsby-resp-image-wrapper" | |
508 style="position: relative; display: block; margin-left: auto;… | |
509 > | |
510 <a | |
511 class="gatsby-resp-image-link" | |
512 href="/static/326bc664110706ab62928653874483fd/ec605/port.jpg&q… | |
513 style="display: block" | |
514 target="_blank" | |
515 rel="noopener" | |
516 > | |
517 <span | |
518 class="gatsby-resp-image-background-image" | |
519 style="padding-bottom: 216.5644171779141%; position: relative; … | |
520 ></span> | |
521 <img | |
522 class="gatsby-resp-image-image" | |
523 alt="Port" | |
524 title="Port" | |
525 src="/static/326bc664110706ab62928653874483fd/6aca1/port.jp… | |
526 srcset="/static/326bc664110706ab62928653874483fd/d2f63/port… | |
527 /static/326bc664110706ab62928653874483fd/c989d/port.jpg 325w, | |
528 /static/326bc664110706ab62928653874483fd/6aca1/port.jpg 650w, | |
529 /static/326bc664110706ab62928653874483fd/7c09c/port.jpg 975w, | |
530 /static/326bc664110706ab62928653874483fd/ec605/port.jpg 1125w" | |
531 sizes="(max-width: 650px) 100vw, 650px" | |
532 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
533 loading="lazy" | |
534 /> | |
535 </a> | |
536 </span></p> | |
537 <p>Now I have an ID card that explains why metal detectors don&apo… | |
538 <p><span | |
539 class="gatsby-resp-image-wrapper" | |
540 style="position: relative; display: block; margin-left: auto;… | |
541 > | |
542 <a | |
543 class="gatsby-resp-image-link" | |
544 href="/static/b331d468b218ca7f228c91db9b47599d/fb7c9/portchest.… | |
545 style="display: block" | |
546 target="_blank" | |
547 rel="noopener" | |
548 > | |
549 <span | |
550 class="gatsby-resp-image-background-image" | |
551 style="padding-bottom: 133.12883435582822%; position: relative;… | |
552 ></span> | |
553 <img | |
554 class="gatsby-resp-image-image" | |
555 alt="Port Chest" | |
556 title="Port Chest" | |
557 src="/static/b331d468b218ca7f228c91db9b47599d/6aca1/portche… | |
558 srcset="/static/b331d468b218ca7f228c91db9b47599d/d2f63/port… | |
559 /static/b331d468b218ca7f228c91db9b47599d/c989d/portchest.jpg 325w, | |
560 /static/b331d468b218ca7f228c91db9b47599d/6aca1/portchest.jpg 650w, | |
561 /static/b331d468b218ca7f228c91db9b47599d/7c09c/portchest.jpg 975w, | |
562 /static/b331d468b218ca7f228c91db9b47599d/01ab0/portchest.jpg 1300w, | |
563 /static/b331d468b218ca7f228c91db9b47599d/fb7c9/portchest.jpg 2316w" | |
564 sizes="(max-width: 650px) 100vw, 650px" | |
565 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
566 loading="lazy" | |
567 /> | |
568 </a> | |
569 </span></p> | |
570 <p>Gross and weird, but also cool and weird. With this port, it&ap… | |
571 <p><span | |
572 class="gatsby-resp-image-wrapper" | |
573 style="position: relative; display: block; margin-left: auto;… | |
574 > | |
575 <a | |
576 class="gatsby-resp-image-link" | |
577 href="/static/a2b9526d8bba6f700a5e341eb34f2d35/fb7c9/plugged.jp… | |
578 style="display: block" | |
579 target="_blank" | |
580 rel="noopener" | |
581 > | |
582 <span | |
583 class="gatsby-resp-image-background-image" | |
584 style="padding-bottom: 133.12883435582822%; position: relative;… | |
585 ></span> | |
586 <img | |
587 class="gatsby-resp-image-image" | |
588 alt="plugged" | |
589 title="plugged" | |
590 src="/static/a2b9526d8bba6f700a5e341eb34f2d35/6aca1/plugged… | |
591 srcset="/static/a2b9526d8bba6f700a5e341eb34f2d35/d2f63/plug… | |
592 /static/a2b9526d8bba6f700a5e341eb34f2d35/c989d/plugged.jpg 325w, | |
593 /static/a2b9526d8bba6f700a5e341eb34f2d35/6aca1/plugged.jpg 650w, | |
594 /static/a2b9526d8bba6f700a5e341eb34f2d35/7c09c/plugged.jpg 975w, | |
595 /static/a2b9526d8bba6f700a5e341eb34f2d35/01ab0/plugged.jpg 1300w, | |
596 /static/a2b9526d8bba6f700a5e341eb34f2d35/fb7c9/plugged.jpg 2316w" | |
597 sizes="(max-width: 650px) 100vw, 650px" | |
598 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
599 loading="lazy" | |
600 /> | |
601 </a> | |
602 </span></p> | |
603 <p>My three week cycle consists of this:</p> | |
604 <ul> | |
605 <li>Day One: Ox drip and start taking pills</li> | |
606 <li>Next 2 weeks: pills 2x a day</li> | |
607 <li>Third week: Nothing</li> | |
608 </ul> | |
609 <p>Then, start over, for 4 times total.</p> | |
610 <p>The point of the third week is to help your white blood cells r… | |
611 <p>The drip takes like 2 hours. I usually bring some books and a c… | |
612 <p><span | |
613 class="gatsby-resp-image-wrapper" | |
614 style="position: relative; display: block; margin-left: auto;… | |
615 > | |
616 <a | |
617 class="gatsby-resp-image-link" | |
618 href="/static/242e9d3629ee3ccb851bad34bbc33eb5/9568a/bathroom.j… | |
619 style="display: block" | |
620 target="_blank" | |
621 rel="noopener" | |
622 > | |
623 <span | |
624 class="gatsby-resp-image-background-image" | |
625 style="padding-bottom: 133.12883435582822%; position: relative;… | |
626 ></span> | |
627 <img | |
628 class="gatsby-resp-image-image" | |
629 alt="bathroom selfie" | |
630 title="bathroom selfie" | |
631 src="/static/242e9d3629ee3ccb851bad34bbc33eb5/6aca1/bathroo… | |
632 srcset="/static/242e9d3629ee3ccb851bad34bbc33eb5/d2f63/bath… | |
633 /static/242e9d3629ee3ccb851bad34bbc33eb5/c989d/bathroom.jpg 325w, | |
634 /static/242e9d3629ee3ccb851bad34bbc33eb5/6aca1/bathroom.jpg 650w, | |
635 /static/242e9d3629ee3ccb851bad34bbc33eb5/7c09c/bathroom.jpg 975w, | |
636 /static/242e9d3629ee3ccb851bad34bbc33eb5/01ab0/bathroom.jpg 1300w, | |
637 /static/242e9d3629ee3ccb851bad34bbc33eb5/9568a/bathroom.jpg 3024w" | |
638 sizes="(max-width: 650px) 100vw, 650px" | |
639 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
640 loading="lazy" | |
641 /> | |
642 </a> | |
643 </span></p> | |
644 <p>I buy this pill box on Amazon, cause why not:</p> | |
645 <p><span | |
646 class="gatsby-resp-image-wrapper" | |
647 style="position: relative; display: block; margin-left: auto;… | |
648 > | |
649 <a | |
650 class="gatsby-resp-image-link" | |
651 href="/static/8802dbebea79ef99ab779b12b4d2ce11/9568a/pillbox.jp… | |
652 style="display: block" | |
653 target="_blank" | |
654 rel="noopener" | |
655 > | |
656 <span | |
657 class="gatsby-resp-image-background-image" | |
658 style="padding-bottom: 133.12883435582822%; position: relative;… | |
659 ></span> | |
660 <img | |
661 class="gatsby-resp-image-image" | |
662 alt="pill box" | |
663 title="pill box" | |
664 src="/static/8802dbebea79ef99ab779b12b4d2ce11/6aca1/pillbox… | |
665 srcset="/static/8802dbebea79ef99ab779b12b4d2ce11/d2f63/pill… | |
666 /static/8802dbebea79ef99ab779b12b4d2ce11/c989d/pillbox.jpg 325w, | |
667 /static/8802dbebea79ef99ab779b12b4d2ce11/6aca1/pillbox.jpg 650w, | |
668 /static/8802dbebea79ef99ab779b12b4d2ce11/7c09c/pillbox.jpg 975w, | |
669 /static/8802dbebea79ef99ab779b12b4d2ce11/01ab0/pillbox.jpg 1300w, | |
670 /static/8802dbebea79ef99ab779b12b4d2ce11/9568a/pillbox.jpg 3024w" | |
671 sizes="(max-width: 650px) 100vw, 650px" | |
672 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
673 loading="lazy" | |
674 /> | |
675 </a> | |
676 </span></p> | |
677 <p>This sucker lives in our kitchen counter in plain sight so that… | |
678 <h2>What next?</h2> | |
679 <p>This has been a long, strange trip of a six-month period. I&apo… | |
680 <p>I can't wait for this to be over. I can't wait for th… | |
681 <p>I have learned a lot about cancer and health. My heart breaks w… | |
682 <p>Thanks to Carly and my family and friends and work peeps for yo… | |
683 <p>Fuck cancer. <a href="/create-wonderful-things-be-good-… | |
684 <p><span | |
685 class="gatsby-resp-image-wrapper" | |
686 style="position: relative; display: block; margin-left: auto;… | |
687 > | |
688 <span | |
689 class="gatsby-resp-image-background-image" | |
690 style="padding-bottom: 74.84662576687117%; position: relative; … | |
691 ></span> | |
692 <img | |
693 class="gatsby-resp-image-image" | |
694 alt="In the Zone" | |
695 title="In the Zone" | |
696 src="/static/0aee6e1c7f7c78355cb80e7835703fca/a6d36/zone.pn… | |
697 srcset="/static/0aee6e1c7f7c78355cb80e7835703fca/222b7/zone… | |
698 /static/0aee6e1c7f7c78355cb80e7835703fca/ff46a/zone.png 325w, | |
699 /static/0aee6e1c7f7c78355cb80e7835703fca/a6d36/zone.png 650w, | |
700 /static/0aee6e1c7f7c78355cb80e7835703fca/e548f/zone.png 975w, | |
701 /static/0aee6e1c7f7c78355cb80e7835703fca/3c492/zone.png 1300w, | |
702 /static/0aee6e1c7f7c78355cb80e7835703fca/769f8/zone.png 1924w" | |
703 sizes="(max-width: 650px) 100vw, 650px" | |
704 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
705 loading="lazy" | |
706 /> | |
707 </span></p> | |
708 <p>This is a beautiful, astrally-projected depiction of Mihaly Csi… | |
709 <blockquote> | |
710 <p>It is what the sailor holding a tight course feels when the win… | |
711 </blockquote> | |
712 <p>That sounds pretty good, right? Csikszentmihalyi contends that … | |
713 <p>Even better was SOUL's depiction of the non-flow state - t… | |
714 <p><span | |
715 class="gatsby-resp-image-wrapper" | |
716 style="position: relative; display: block; margin-left: auto;… | |
717 > | |
718 <span | |
719 class="gatsby-resp-image-background-image" | |
720 style="padding-bottom: 41.104294478527606%; position: relative;… | |
721 ></span> | |
722 <img | |
723 class="gatsby-resp-image-image" | |
724 alt="lost souls" | |
725 title="lost souls" | |
726 src="/static/c8e9d78346f3711671078cfd117b81b8/6aca1/lost-so… | |
727 srcset="/static/c8e9d78346f3711671078cfd117b81b8/d2f63/lost… | |
728 /static/c8e9d78346f3711671078cfd117b81b8/c989d/lost-souls.jpg 325w, | |
729 /static/c8e9d78346f3711671078cfd117b81b8/6aca1/lost-souls.jpg 650w, | |
730 /static/c8e9d78346f3711671078cfd117b81b8/7c09c/lost-souls.jpg 975w, | |
731 /static/c8e9d78346f3711671078cfd117b81b8/a2510/lost-souls.jpg 1000w" | |
732 sizes="(max-width: 650px) 100vw, 650px" | |
733 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
734 loading="lazy" | |
735 /> | |
736 </span></p> | |
737 <p>Definitely been there. Usually its whenever I hear, "Can y… | |
738 <p>Luckily, the movie tells us it's never too late, and I bel… | |
739 <p>So, how do we achieve flow?</p> | |
740 <p>It's the deliberate combination of skill meeting challenge… | |
741 <blockquote> | |
742 <p>The best moments usually occur when a person's body or min… | |
743 </blockquote> | |
744 <p>This post documents a legitimate flow experience I had last wee… | |
745 <h2>All My Best Friends are Podcasts</h2> | |
746 <p>Yes, that's a <a href="https://www.youtube.com/wat… | |
747 <p>And, if you're at all like 28th-Grade Charlie, then you&ap… | |
748 <p>I listen all the time -- while I'm washing dishes, folding… | |
749 <p>Am I that afraid of silence? My own thoughts? Am I so lonely fo… | |
750 <blockquote class="twitter-tweet"><p lang="en&qu… | |
751 <p>I know too much about ancient Rome to be able to answer these q… | |
752 <p>So, if I'm just going to accept my Overcast overlords, can… | |
753 <p>Yes. We can. Enter: the spark of an idea.</p> | |
754 <h2>Create a podcast from the audio of YouTube videos</h2> | |
755 <p>If I can't control what my favorite podcast hosts are talk… | |
756 <p>YouTube is our answer. I've been collecting computer scien… | |
757 <p>YouTube also makes it really hard to consume something "on… | |
758 <p>Then I found this <a href="https://benjamincongdon.me/b… | |
759 <p>Nothing to add here, other than bravo, Benjamin. I was able to … | |
760 <p>Wait, I do have something to add. Benjamin suggests using <c… | |
761 <p>So I came up with another idea:</p> | |
762 <ul> | |
763 <li>Create a public repo on GitHub and enable GitHub Pages (mine i… | |
764 <li>Init the repo in your <code class="language-text"… | |
765 <li>Change your Podsync config's hostname to your GitHub Page… | |
766 </ul> | |
767 <div class="gatsby-highlight" data-language="text"… | |
768 <ul> | |
769 <li>Change your cron command to push to your repo (instead of <… | |
770 </ul> | |
771 <div class="gatsby-highlight" data-language="text"… | |
772 <p>Voila! My own podcast feed of YouTube videos, publicly availabl… | |
773 <div class="gatsby-highlight" data-language="text"… | |
774 <h3>C'mon, you really achieved flow from <em>that</e… | |
775 <p>No, not really, but <em>almost</em>. Tutorials, goo… | |
776 <p>In my case, this tutorial got my gears turning. Which now gets … | |
777 <p>I think it's important to remind ourselves to have fun wit… | |
778 <p>As soon as I saw Overcast fill up with audio from my <code c… | |
779 <h2>Creating a podcast audiobook from Project Gutenberg e-books<… | |
780 <p>Where else can we find a giant repository of open content on th… | |
781 <p>Hello, <a href="https://www.gutenberg.org/">Pro… | |
782 <p>Project Gutenberg is just about the coolest --- and one of the … | |
783 <p>My idea here is simple: pick a public domain book, chop it up i… | |
784 <p>I picked Mary Shelley's <a href="https://www.guten… | |
785 <p>If you've clicked the link to the text on Project Gutenber… | |
786 <p>First let's make some files.</p> | |
787 <div class="gatsby-highlight" data-language="bash"… | |
788 <span class="token function">touch</span> intro.txt | |
789 <span class="token function">touch</span> letter-&… | |
790 <span class="token function">touch</span> chapter-… | |
791 <span class="token function">touch</span> license.… | |
792 <p>And then we copy-pasta.</p> | |
793 <p>Now that I've got my chapters (aka future podcast episodes… | |
794 <p>My "in-the-zone" brain suggests using the terminal&ap… | |
795 <p>Surely, I can write a neat little script to loop through my tex… | |
796 <div class="gatsby-highlight" data-language="bash"… | |
797 <span class="token keyword">do</span> | |
798 <span class="token builtin class-name">echo</span… | |
799 <span class="token assign-left variable">name</sp… | |
800 say -v Vicki -f <span class="token variable">$i</… | |
801 lame -m m aiff/<span class="token variable">$name<… | |
802 <span class="token function">rm</span> aiff/&l… | |
803 <span class="token keyword">done</span></code&g… | |
804 <p>And it works! Checkpoint reached! The <code class="lang… | |
805 <p>My hack-y brain suggests another copy-pasta. Let's take th… | |
806 <p>More googling ensures, including learning a bit more about <… | |
807 <div class="gatsby-highlight" data-language="bash"… | |
808 | |
809 <span class="token comment"># edit these to your liking&… | |
810 <span class="token assign-left variable">PODCAST_TITLE&l… | |
811 <span class="token assign-left variable">PODCAST_AUTHOR&… | |
812 <span class="token assign-left variable">CATEGORY</sp… | |
813 <span class="token assign-left variable">GENERATOR</s… | |
814 <span class="token assign-left variable">LINK</span&g… | |
815 <span class="token assign-left variable">IMG</span>… | |
816 | |
817 <span class="token comment"># automatic</span> | |
818 <span class="token assign-left variable">CURRENT_DATE<… | |
819 | |
820 <span class="token comment"># order</span> | |
821 <span class="token assign-left variable">EPS</span>… | |
822 intro | |
823 letter-1 | |
824 letter-2 | |
825 letter-3 | |
826 letter-4 | |
827 chapter-1 | |
828 chapter-2 | |
829 chapter-4 | |
830 chapter-3 | |
831 chapter-5 | |
832 chapter-6 | |
833 chapter-7 | |
834 chapter-8 | |
835 chapter-9 | |
836 chapter-10 | |
837 chapter-11 | |
838 chapter-12 | |
839 chapter-13 | |
840 chapter-14 | |
841 chapter-15 | |
842 chapter-16 | |
843 chapter-17 | |
844 chapter-18 | |
845 chapter-19 | |
846 chapter-20 | |
847 chapter-21 | |
848 chapter-22 | |
849 chapter-23 | |
850 chapter-24 | |
851 license | |
852 <span class="token punctuation">)</span> | |
853 | |
854 <span class="token builtin class-name">read</span>… | |
855 &lt;?xml version="1.0" encoding="UTF-8"?> | |
856 &lt;rss version="2.0" xmlns:itunes="http://www.itunes… | |
857 &lt;channel> | |
858 &lt;title><span class="token variable">$PODCA… | |
859 &lt;link><span class="token variable">$LINK&l… | |
860 &lt;description><span class="token variable">… | |
861 &lt;category><span class="token variable">$CA… | |
862 &lt;generator><span class="token variable">$G… | |
863 &lt;language>en-us&lt;/language> | |
864 &lt;lastBuildDate><span class="token variable"&g… | |
865 &lt;pubDate><span class="token variable">$CUR… | |
866 &lt;itunes:author><span class="token variable"&g… | |
867 &lt;itunes:subtitle><span class="token variable"… | |
868 &lt;itunes:summary>&lt;![CDATA[<span class="token… | |
869 &lt;itunes:image href="<span class="token variable&… | |
870 &lt;itunes:explicit>no&lt;/itunes:explicit> | |
871 &lt;itunes:category text="<span class="token variab… | |
872 EOF</span> | |
873 | |
874 <span class="token builtin class-name">echo</span>… | |
875 | |
876 <span class="token assign-left variable">COUNT</span&… | |
877 <span class="token keyword">for</span> <span cl… | |
878 <span class="token builtin class-name">echo</span&g… | |
879 <span class="token assign-left variable">MP3_FILE</… | |
880 <span class="token assign-left variable">MP3_SIZE</… | |
881 <span class="token assign-left variable">UUID</span… | |
882 <span class="token assign-left variable">NEXT_DATE<… | |
883 <span class="token assign-left variable">DURATION</… | |
884 <span class="token builtin class-name">read</span&g… | |
885 &lt;item> | |
886 &lt;guid><span class="token variable">$UUID… | |
887 &lt;title><span class="token variable">$epi… | |
888 &lt;link><span class="token variable">$LINK… | |
889 &lt;description><span class="token variable"&g… | |
890 &lt;pubDate><span class="token variable">$N… | |
891 &lt;enclosure url="<span class="token variable&qu… | |
892 &lt;itunes:author><span class="token variable"… | |
893 &lt;itunes:subtitle><span class="token variable&quo… | |
894 &lt;itunes:summary>Audio generated from the text of this ch… | |
895 &lt;itunes:image href="<span class="token variabl… | |
896 &lt;itunes:duration><span class="token variable&quo… | |
897 &lt;itunes:explicit>no&lt;/itunes:explicit> | |
898 &lt;itunes:order><span class="token variable"&… | |
899 &lt;/item> | |
900 EOF</span> | |
901 <span class="token assign-left variable">feed</span… | |
902 <span class="token assign-left variable">COUNT</spa… | |
903 <span class="token function">sleep</span> <sp… | |
904 <span class="token keyword">done</span> | |
905 | |
906 | |
907 <span class="token assign-left variable">END</span>… | |
908 | |
909 <span class="token builtin class-name">echo</span>… | |
910 <p>Lots of minor bugs and typos later, and I've got my RSS fe… | |
911 <p><span | |
912 class="gatsby-resp-image-wrapper" | |
913 style="position: relative; display: block; margin-left: auto;… | |
914 > | |
915 <span | |
916 class="gatsby-resp-image-background-image" | |
917 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
918 ></span> | |
919 <img | |
920 class="gatsby-resp-image-image" | |
921 alt="Cover Art" | |
922 title="Cover Art" | |
923 src="/static/9c110a59d1146ed9fc3ad78daa442e0e/6aca1/coverar… | |
924 srcset="/static/9c110a59d1146ed9fc3ad78daa442e0e/d2f63/cove… | |
925 /static/9c110a59d1146ed9fc3ad78daa442e0e/c989d/coverart.jpg 325w, | |
926 /static/9c110a59d1146ed9fc3ad78daa442e0e/6aca1/coverart.jpg 650w, | |
927 /static/9c110a59d1146ed9fc3ad78daa442e0e/7c09c/coverart.jpg 975w, | |
928 /static/9c110a59d1146ed9fc3ad78daa442e0e/01ab0/coverart.jpg 1300w, | |
929 /static/9c110a59d1146ed9fc3ad78daa442e0e/d165a/coverart.jpg 1400w" | |
930 sizes="(max-width: 650px) 100vw, 650px" | |
931 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
932 loading="lazy" | |
933 /> | |
934 </span></p> | |
935 <p>Finally, using the same GitHub Pages approach, I upload my stuf… | |
936 <p><span | |
937 class="gatsby-resp-image-wrapper" | |
938 style="position: relative; display: block; margin-left: auto;… | |
939 > | |
940 <span | |
941 class="gatsby-resp-image-background-image" | |
942 style="padding-bottom: 216.5644171779141%; position: relative; … | |
943 ></span> | |
944 <img | |
945 class="gatsby-resp-image-image" | |
946 alt="Listen" | |
947 title="Listen" | |
948 src="/static/e6c3541f973f230827541a91d1128689/e49d1/listen.… | |
949 srcset="/static/e6c3541f973f230827541a91d1128689/d2f63/list… | |
950 /static/e6c3541f973f230827541a91d1128689/c989d/listen.jpg 325w, | |
951 /static/e6c3541f973f230827541a91d1128689/e49d1/listen.jpg 602w" | |
952 sizes="(max-width: 602px) 100vw, 602px" | |
953 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
954 loading="lazy" | |
955 /> | |
956 </span></p> | |
957 <p>I decide to call the project <code class="language-text… | |
958 <p>Finally, I give it a listen...</p> | |
959 <p>And it's a horrible monster. Here, I dare you to listen:&l… | |
960 <audio controls="controls"> | |
961 <source type="audio/mp3" src="https://whatrocks.gith… | |
962 </audio> | |
963 <p>We've gotta do something about this, cause this thing does… | |
964 <h3>Machine learning to the rescue?</h3> | |
965 <p>For a brief moment, I escape my zen-like programming mindset, a… | |
966 <p>Surely, there's a good open source text-to-speech project … | |
967 <p>This is great news. Instead of the <code class="languag… | |
968 <p>Except the models clip out after three sentences or so. I do so… | |
969 <p>But that's no problem for me. </p> | |
970 <p>I'll just split on the <code class="language-text&… | |
971 <p>Here's a <a href="https://colab.research.google.co… | |
972 <p>Here's how I make my machine learning powered audiobook po… | |
973 <ul> | |
974 <li> | |
975 <p>Mount my Google Drive, where I've dropped the text files (… | |
976 <div class="gatsby-highlight" data-language="python&qu… | |
977 drive<span class="token punctuation">.</span>mount… | |
978 </li> | |
979 <li> | |
980 <p>Install the <code class="language-text">pydub&l… | |
981 <div class="gatsby-highlight" data-language="python&qu… | |
982 </li> | |
983 <li> | |
984 <p>Read my text files of the chapters from Google Drive into an ar… | |
985 <div class="gatsby-highlight" data-language="python&qu… | |
986 path <span class="token operator">=</span> <spa… | |
987 chapter_path <span class="token operator">=</span>… | |
988 chapters <span class="token operator">=</span> <… | |
989 <span class="token keyword">for</span> <span cl… | |
990 <span class="token keyword">if</span> <span cla… | |
991 <span class="token keyword">with</span> <span c… | |
992 chapter_text <span class="token operator">=</span&g… | |
993 name <span class="token operator">=</span> <s… | |
994 chapters<span class="token punctuation">.</span>… | |
995 </li> | |
996 <li>Loop through the array, split each chapter into sentences, ski… | |
997 </ul> | |
998 <div class="gatsby-highlight" data-language="python&qu… | |
999 <span class="token keyword">import</span> uuid | |
1000 <span class="token keyword">from</span> pydub <… | |
1001 | |
1002 silence <span class="token operator">=</span> Audi… | |
1003 <span class="token keyword">for</span> chapter <… | |
1004 | |
1005 <span class="token keyword">print</span><span… | |
1006 chapter_audio <span class="token operator">=</span&… | |
1007 <span class="token keyword">for</span> sentence … | |
1008 | |
1009 <span class="token comment"># skip these</span> | |
1010 <span class="token keyword">if</span> sentence… | |
1011 <span class="token keyword">continue</span> | |
1012 | |
1013 sentence <span class="token operator">=</span>… | |
1014 | |
1015 <span class="token comment"># more skips</span> | |
1016 <span class="token keyword">if</span> <span… | |
1017 <span class="token keyword">continue</span> | |
1018 | |
1019 <span class="token comment"># generate wav</span&… | |
1020 align<span class="token punctuation">,</span> … | |
1021 | |
1022 <span class="token comment"># save wav file</span… | |
1023 wav_unique <span class="token operator">=</span&g… | |
1024 wav_name <span class="token operator">=</span>… | |
1025 wav_path <span class="token operator">=</span>… | |
1026 scipy<span class="token punctuation">.</span>i… | |
1027 | |
1028 <span class="token comment"># read wav file</span… | |
1029 sound <span class="token operator">=</span> Au… | |
1030 | |
1031 <span class="token comment"># combine it</span> | |
1032 chapter_audio <span class="token operator">+=</sp… | |
1033 chapter_audio <span class="token operator">+=</sp… | |
1034 | |
1035 <span class="token comment"># save mp3 file</span&g… | |
1036 file_handle <span class="token operator">=</span>… | |
1037 <span class="token keyword">print</span><span… | |
1038 <p>As you might have guessed, the above cell is the end result of … | |
1039 <p>Once I had this all set up, I hit <code class="language… | |
1040 <p>No worries, I just removed the already processed chapters from … | |
1041 <p>Want to hear the result?</p> | |
1042 <audio controls="controls"> | |
1043 <source type="audio/mp3" src="https://whatrocks.gith… | |
1044 </audio> | |
1045 <p>Dang!! That's so much better. Sure, it's still a litt… | |
1046 <p>I moved these files from Google Drive onto my local, and then I… | |
1047 <p>Here's a <a href="https://whatrocks.github.io/cast… | |
1048 <p>Sure, there's still problems. I've encountered these … | |
1049 <h3>Parse a screenplay and create voices for each character</h3… | |
1050 <p>Wouldn't it be amazing if you could recognize the characte… | |
1051 <div class="gatsby-highlight" data-language="text"… | |
1052 I love you. | |
1053 | |
1054 SMUGGLER | |
1055 I know. | |
1056 | |
1057 The smuggler is lowered into the machine. HISSES and SQUEALS. Everyone, … | |
1058 <p>I just made this scene up ^, okay?</p> | |
1059 <p>I could parse a screenplay, then pass each character's lin… | |
1060 <p>Oh! I know there's sentiment analysis models. What if I fi… | |
1061 <p>Now, we're talking...</p> | |
1062 <p>You can see where this is going. My brain is reeling with possi… | |
1063 <p>This is creative computing. This is why I love programming and … | |
1064 <p>I haven't tackled the screenplay parsing bit yet, but mayb… | |
1065 <blockquote> | |
1066 <p>Such individuals lead vigorous lives, are open to a variety of … | |
1067 </blockquote> | |
1068 <p>I couldn't have put it better myself, obviously. John Cass… | |
1069 <blockquote> | |
1070 <p>Create wonderful things, be good, and have fun.</p> | |
1071 </blockquote> | |
1072 <h3>P.S. Don't you know about LibriVox, dude?</h3> | |
1073 <p>Yeah, so there's already a project called <a href="… | |
1074 <p>My takeaway is that your ideas are probably not unique, but tha… | |
1075 <p>Okay, enjoy the feeds!</p></content:encoded></item><item>… | |
1076 <p><span | |
1077 class="gatsby-resp-image-wrapper" | |
1078 style="position: relative; display: block; margin-left: auto;… | |
1079 > | |
1080 <a | |
1081 class="gatsby-resp-image-link" | |
1082 href="/static/105cc972e126fcbe5ca46d520c2dcad7/8efc2/loop.png&q… | |
1083 style="display: block" | |
1084 target="_blank" | |
1085 rel="noopener" | |
1086 > | |
1087 <span | |
1088 class="gatsby-resp-image-background-image" | |
1089 style="padding-bottom: 123.31288343558282%; position: relative;… | |
1090 ></span> | |
1091 <img | |
1092 class="gatsby-resp-image-image" | |
1093 alt="loop pedal" | |
1094 title="loop pedal" | |
1095 src="/static/105cc972e126fcbe5ca46d520c2dcad7/a6d36/loop.pn… | |
1096 srcset="/static/105cc972e126fcbe5ca46d520c2dcad7/222b7/loop… | |
1097 /static/105cc972e126fcbe5ca46d520c2dcad7/ff46a/loop.png 325w, | |
1098 /static/105cc972e126fcbe5ca46d520c2dcad7/a6d36/loop.png 650w, | |
1099 /static/105cc972e126fcbe5ca46d520c2dcad7/8efc2/loop.png 828w" | |
1100 sizes="(max-width: 650px) 100vw, 650px" | |
1101 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1102 loading="lazy" | |
1103 /> | |
1104 </a> | |
1105 </span></p> | |
1106 <p>Those are the best sorts of days.</p> | |
1107 <p>Somedays that leads to a new song.</p> | |
1108 <h3>A loop pedal is a stack</h3> | |
1109 <p>A loop pedal is a magical device that lets you record in stacke… | |
1110 <p>Like other guitar pedals, a loop pedal lives somewhere between … | |
1111 <div class="gatsby-highlight" data-language="text"… | |
1112 <p>No cycles or braching in this DAG. I mean, maybe there could br… | |
1113 <p>Let's go back to our loop pedal and record something.</… | |
1114 <p>Imagine that I tap the loop pedal with my foot, play the follow… | |
1115 <div class="gatsby-highlight" data-language="text"… | |
1116 <p>Each X here might represent one "measure" or "ba… | |
1117 <p>This is now our root layer for our stack.</p> | |
1118 <p>By default, the pedal will keep "looping" this layer.… | |
1119 <p>Otherwise, now it's time to add some more layers. Tap the … | |
1120 <div class="gatsby-highlight" data-language="text"… | |
1121 y y y y</code></pre></div> | |
1122 <p>Maybe <code class="language-text">y</code>… | |
1123 <div class="gatsby-highlight" data-language="text"… | |
1124 y y y y | |
1125 z z z z z z z z</code></pre></div> | |
1126 <p>Now, this pattern will keep repeating over and over, expanding … | |
1127 <div class="gatsby-highlight" data-language="text"… | |
1128 y y y y y y y y --&gt; | |
1129 z z z z z z z z z z z z z z z z --&gt;</code></pre></… | |
1130 <p>What happens if you are recording a layer that extends longer t… | |
1131 <p>I'm going to add a layer that just plays ascending notes u… | |
1132 <div class="gatsby-highlight" data-language="text"… | |
1133 y y y y | |
1134 z z z z z z z z | |
1135 1 2 3 4 5 6 7 8</code></pre></div> | |
1136 <p>So far, so good. Why not keep going...</p> | |
1137 <div class="gatsby-highlight" data-language="text"… | |
1138 y y y y | |
1139 z z z z z z z z | |
1140 1 2 3 4 5 6 7 8 | |
1141 9 10</code></pre></div> | |
1142 <p>As you can see, my latest layer wrapped around to the beginning… | |
1143 <p>Thus, one of the more common use cases of the loop pedal is to … | |
1144 <p>Reader beware that my loop pedal is relatively simple. There ar… | |
1145 <p>But I appreciate the simplicity of my pedal. The one thing I st… | |
1146 <h3>School Supplies</h3> | |
1147 <p>Hello, world, this is your premiere of SCHOOL SUPPLIES, the thi… | |
1148 <iframe width="560" height="315" src="https:… | |
1149 <p>The chords, for those interested (looking at you, The Grones) a… | |
1150 <div class="gatsby-highlight" data-language="text"… | |
1151 G Bm Em C | |
1152 | |
1153 Chorus | |
1154 D G C | |
1155 | |
1156 Outro(key change!) | |
1157 A C#m F#m D</code></pre></div> | |
1158 <p>That's right! I pulled off my first key change. Thank you,… | |
1159 <p>I'll leave the lyrics as an exercise for the reader.</p… | |
1160 <h4>Uncle Mike's Tips for Running a Zoom-Based Open Mic Night… | |
1161 <p>Big thanks to Uncle Mike for organizing our second Zoom family … | |
1162 <p>To paraphrase his tips:</p> | |
1163 <ul> | |
1164 <li>Each performer gets one song, of "normal song length"… | |
1165 <li>Announce the order in advance</li> | |
1166 <li>Tune up your instrument when you're on deck or in the hol… | |
1167 <li>Don't worry about messing up, start over if you need to, … | |
1168 <li>Change your zoom settings to "Original Sound"</li… | |
1169 </ul> | |
1170 <p>This last one is key. Zoom does some "stuff" to make … | |
1171 <p>Oh, you should check out Uncle Mike's music podcast, <a… | |
1172 <p>As Uncle Mike says, music is the best!</p></content:encod… | |
1173 <p>Abraham Lincoln once said, "<a href="https://en.wi… | |
1174 <p>Putting that aside, I've been thinking a lot (uh-oh) about… | |
1175 <p>No, I'm talkin' about them RSS <em>feels</em… | |
1176 <p>Why does using opening my RSS inbox feel so much better than ty… | |
1177 <p>With my sweet-sweet RSS, there's no anxiety. There's … | |
1178 <p>It should go without saying that this feeling does not extend t… | |
1179 <h2>A framework for messages</h2> | |
1180 <p>Butchering some data pipeline terms, let's define an inbox… | |
1181 <p>O! Ye of little time! How are you meant to evaluate the "i… | |
1182 <p><span | |
1183 class="gatsby-resp-image-wrapper" | |
1184 style="position: relative; display: block; margin-left: auto;… | |
1185 > | |
1186 <a | |
1187 class="gatsby-resp-image-link" | |
1188 href="/static/40108f71e98124d2ba54690789f9cb9e/a1792/msggrid.pn… | |
1189 style="display: block" | |
1190 target="_blank" | |
1191 rel="noopener" | |
1192 > | |
1193 <span | |
1194 class="gatsby-resp-image-background-image" | |
1195 style="padding-bottom: 84.04907975460122%; position: relative; … | |
1196 ></span> | |
1197 <img | |
1198 class="gatsby-resp-image-image" | |
1199 alt="grid" | |
1200 title="grid" | |
1201 src="/static/40108f71e98124d2ba54690789f9cb9e/a6d36/msggrid… | |
1202 srcset="/static/40108f71e98124d2ba54690789f9cb9e/222b7/msgg… | |
1203 /static/40108f71e98124d2ba54690789f9cb9e/ff46a/msggrid.png 325w, | |
1204 /static/40108f71e98124d2ba54690789f9cb9e/a6d36/msggrid.png 650w, | |
1205 /static/40108f71e98124d2ba54690789f9cb9e/a1792/msggrid.png 780w" | |
1206 sizes="(max-width: 650px) 100vw, 650px" | |
1207 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1208 loading="lazy" | |
1209 /> | |
1210 </a> | |
1211 </span></p> | |
1212 <p>The sweet-spot is that upper row: useful messages from both &qu… | |
1213 <h4>Filtering on sender</h4> | |
1214 <p>The bottom right quadrant is easy to visualize: robo-calls abou… | |
1215 <p>You might think, perhaps, that we can use the "Expected Se… | |
1216 <p>The problem with this blunt approach of dead-letter queueing th… | |
1217 <p>A lighter touch approach here is to auto-classify your messages… | |
1218 <p>The bottom left quadrant is where your unique lifeforce is slow… | |
1219 <h4>Filtering on content</h4> | |
1220 <p>Okay, so, if filtering on sender alone doesn't work, can w… | |
1221 <p>We're now talking about <em>pre-processing</em>… | |
1222 <p>In the days of future past, you might have employed a staffer t… | |
1223 <p>Gmail, for example, has gotten pretty darn good at spam detecti… | |
1224 <p>This approach, however, isn't possible with all mediums. T… | |
1225 <p>And the tradeoff in pre-filtering on content is, of course, pri… | |
1226 <p>If you're down for your inbox provider to "scan"… | |
1227 <p>But, more likely than not, they're also reading them for a… | |
1228 <h4>The cost of free</h4> | |
1229 <p>Many of these inbox platforms are free (e.g. social media, Gmai… | |
1230 <p>Most ads are squarely in the bottom right quadrant. "Good&… | |
1231 <p>And, c'mon, I'd rather just not ever see ads in the f… | |
1232 <p>Okay, tough guy. Are you willing to pay for an ad-free inbox th… | |
1233 <p>Maybe? Ugh. Yes, there's a bunch of new players in the spa… | |
1234 <p>I'll come back to this, because our analysis is still miss… | |
1235 <h2>A framework for inboxen</h2> | |
1236 <p>So, far we've only explored the features of an individual … | |
1237 <p>Regardless of an individual message's usefuless or your pr… | |
1238 <p><span | |
1239 class="gatsby-resp-image-wrapper" | |
1240 style="position: relative; display: block; margin-left: auto;… | |
1241 > | |
1242 <a | |
1243 class="gatsby-resp-image-link" | |
1244 href="/static/ed577922c604b352cc74374b10cd9443/2e195/inboxgrid.… | |
1245 style="display: block" | |
1246 target="_blank" | |
1247 rel="noopener" | |
1248 > | |
1249 <span | |
1250 class="gatsby-resp-image-background-image" | |
1251 style="padding-bottom: 85.88957055214723%; position: relative; … | |
1252 ></span> | |
1253 <img | |
1254 class="gatsby-resp-image-image" | |
1255 alt="inbox" | |
1256 title="inbox" | |
1257 src="/static/ed577922c604b352cc74374b10cd9443/a6d36/inboxgr… | |
1258 srcset="/static/ed577922c604b352cc74374b10cd9443/222b7/inbo… | |
1259 /static/ed577922c604b352cc74374b10cd9443/ff46a/inboxgrid.png 325w, | |
1260 /static/ed577922c604b352cc74374b10cd9443/a6d36/inboxgrid.png 650w, | |
1261 /static/ed577922c604b352cc74374b10cd9443/2e195/inboxgrid.png 782w" | |
1262 sizes="(max-width: 650px) 100vw, 650px" | |
1263 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1264 loading="lazy" | |
1265 /> | |
1266 </a> | |
1267 </span></p> | |
1268 <p>The message volume thing is straightforward. Some platforms hav… | |
1269 <p>At the same time, each inbox medium connotes a inherent sense o… | |
1270 <p>Let's be more specific with some typical inboxes in our li… | |
1271 <p><span | |
1272 class="gatsby-resp-image-wrapper" | |
1273 style="position: relative; display: block; margin-left: auto;… | |
1274 > | |
1275 <a | |
1276 class="gatsby-resp-image-link" | |
1277 href="/static/f85539e1b1b5e52ca78c881a86f47601/f941f/inboxoverl… | |
1278 style="display: block" | |
1279 target="_blank" | |
1280 rel="noopener" | |
1281 > | |
1282 <span | |
1283 class="gatsby-resp-image-background-image" | |
1284 style="padding-bottom: 89.57055214723925%; position: relative; … | |
1285 ></span> | |
1286 <img | |
1287 class="gatsby-resp-image-image" | |
1288 alt="inbox overlay" | |
1289 title="inbox overlay" | |
1290 src="/static/f85539e1b1b5e52ca78c881a86f47601/a6d36/inboxov… | |
1291 srcset="/static/f85539e1b1b5e52ca78c881a86f47601/222b7/inbo… | |
1292 /static/f85539e1b1b5e52ca78c881a86f47601/ff46a/inboxoverlay.png 325w, | |
1293 /static/f85539e1b1b5e52ca78c881a86f47601/a6d36/inboxoverlay.png 650w, | |
1294 /static/f85539e1b1b5e52ca78c881a86f47601/f941f/inboxoverlay.png 736w&quo… | |
1295 sizes="(max-width: 650px) 100vw, 650px" | |
1296 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1297 loading="lazy" | |
1298 /> | |
1299 </a> | |
1300 </span></p> | |
1301 <p>Phone calls are just about as "urgent" as it gets. Pr… | |
1302 <p>Social media messages are legion in terms of volume. And, while… | |
1303 <p>Onto RSS -- my beautiful, dark, twisted RSS. There's truly… | |
1304 <p>Email is the real challenge-tunity here.</p> | |
1305 <h3>Stuck in the Middle With You</h3> | |
1306 <p>Email is caught in the middle of all these features, both messa… | |
1307 <p>Thus, we check our email, prodigiously, every single day. All d… | |
1308 <p>Perhaps this is a lens on why newsletters are making a comeback… | |
1309 <p>OK, enough about content-monetization (have I mentioned I have … | |
1310 <p>First, we should establish principles-slash-goals for each quad… | |
1311 <p><span | |
1312 class="gatsby-resp-image-wrapper" | |
1313 style="position: relative; display: block; margin-left: auto;… | |
1314 > | |
1315 <a | |
1316 class="gatsby-resp-image-link" | |
1317 href="/static/10539222c9e4e14ed7f74d968fa53c2a/a1792/messageact… | |
1318 style="display: block" | |
1319 target="_blank" | |
1320 rel="noopener" | |
1321 > | |
1322 <span | |
1323 class="gatsby-resp-image-background-image" | |
1324 style="padding-bottom: 82.82208588957054%; position: relative; … | |
1325 ></span> | |
1326 <img | |
1327 class="gatsby-resp-image-image" | |
1328 alt="message actions" | |
1329 title="message actions" | |
1330 src="/static/10539222c9e4e14ed7f74d968fa53c2a/a6d36/message… | |
1331 srcset="/static/10539222c9e4e14ed7f74d968fa53c2a/222b7/mess… | |
1332 /static/10539222c9e4e14ed7f74d968fa53c2a/ff46a/messageactions.png 325w, | |
1333 /static/10539222c9e4e14ed7f74d968fa53c2a/a6d36/messageactions.png 650w, | |
1334 /static/10539222c9e4e14ed7f74d968fa53c2a/a1792/messageactions.png 780w&q… | |
1335 sizes="(max-width: 650px) 100vw, 650px" | |
1336 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1337 loading="lazy" | |
1338 /> | |
1339 </a> | |
1340 </span></p> | |
1341 <p>How might we think about upholding these principles in our emai… | |
1342 <ul> | |
1343 <li><em>Upper-left</em>: We never want to miss useful … | |
1344 <li><em>Upper-right</em>: This quadrant is kind of a n… | |
1345 <li><em>Bottom-right</em>: Spam filtering takes the pr… | |
1346 <li><em>Bottom-left</em>: This is less-relevant for em… | |
1347 </ul> | |
1348 <p>Hmm, after reviewing message characteristics, email actually se… | |
1349 <h2>The medium is the madness</h2> | |
1350 <p>Maybe we need a faster way to just chug through emails. Power g… | |
1351 <p>Add up enough of these, and we're building a better imbox.… | |
1352 <p>I've certainly missed some features in this analysis. But … | |
1353 <p>Email me if you have any other ideas for inbox sanity! Just kid… | |
1354 <p>It being October and all, I thought I'd share this scary s… | |
1355 <p><span | |
1356 class="gatsby-resp-image-wrapper" | |
1357 style="position: relative; display: block; margin-left: auto;… | |
1358 > | |
1359 <a | |
1360 class="gatsby-resp-image-link" | |
1361 href="/static/6c61fe51fd42f8edbda8209466e9d038/d438d/yeasayer.p… | |
1362 style="display: block" | |
1363 target="_blank" | |
1364 rel="noopener" | |
1365 > | |
1366 <span | |
1367 class="gatsby-resp-image-background-image" | |
1368 style="padding-bottom: 52.760736196319016%; position: relative;… | |
1369 ></span> | |
1370 <img | |
1371 class="gatsby-resp-image-image" | |
1372 alt="yeasayer" | |
1373 title="yeasayer" | |
1374 src="/static/6c61fe51fd42f8edbda8209466e9d038/a6d36/yeasaye… | |
1375 srcset="/static/6c61fe51fd42f8edbda8209466e9d038/222b7/yeas… | |
1376 /static/6c61fe51fd42f8edbda8209466e9d038/ff46a/yeasayer.png 325w, | |
1377 /static/6c61fe51fd42f8edbda8209466e9d038/a6d36/yeasayer.png 650w, | |
1378 /static/6c61fe51fd42f8edbda8209466e9d038/e548f/yeasayer.png 975w, | |
1379 /static/6c61fe51fd42f8edbda8209466e9d038/3c492/yeasayer.png 1300w, | |
1380 /static/6c61fe51fd42f8edbda8209466e9d038/d438d/yeasayer.png 2290w" | |
1381 sizes="(max-width: 650px) 100vw, 650px" | |
1382 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1383 loading="lazy" | |
1384 /> | |
1385 </a> | |
1386 </span></p> | |
1387 <p><em>Image source: the <a href="https://www.youtub… | |
1388 <h2>The Peep-Hole</h2> | |
1389 <p>There was peace in the village of Ghir, thanks to the Peep-Hole… | |
1390 <p>It had been this way for as long as anyone could remember.</… | |
1391 <p>"It's better than a thousand kings," said one sh… | |
1392 <p>"We're blessed to have the wisdom of our elders at ou… | |
1393 <p>Any dispute, conflict, or argument could be brought to the Peep… | |
1394 <p>Ori had prepared his whole life to become a Watcher. To be one … | |
1395 <p>When Ori was six years old, his mother Cera was Chosen. It was … | |
1396 <p>Everyone in town believed in Ori and thought he would be Chosen… | |
1397 <p>On the morning of the ritual, Ori woke up and asked the Peep-Ho… | |
1398 <p>"CLEAR AND CALM. LOW TO MID 70'S," replied the P… | |
1399 <p>Every hut in Ghir had access to the Peep-Hole. Its tubes stretc… | |
1400 <p>"Peep-Hole, what does it take to be Chosen as Watcher?&quo… | |
1401 <p>"ONE MUST BE PURE-OF-HEART, STRONG-OF-MIND, AND BE OF-AGE … | |
1402 <p>Ori had heard these words thousands of times before.</p> | |
1403 <p>"Peep-Hole, will I be Chosen as Watcher today?"</p… | |
1404 <p>But the Peep-Hole was silent. Fear crept into Ori's heart.… | |
1405 <p>The entire village of Ghir had already assembled. Ori was late,… | |
1406 <p>The Peep-Hole gurgled and pulsed like liquid mercury. Its tubes… | |
1407 <p>"SREN"</p> | |
1408 <p>The village gasped. Ori felt to the dirt. </p> | |
1409 <p>A forlorn, meek boy stepped forward. Sren was a farmer's s… | |
1410 <p>The village watched silently as Sren walked into the rippling q… | |
1411 <p>Everyone screamed when they entered the Peep-Hole. No one knew … | |
1412 <p>The villagers dispersed, but Ori remained. Fig, a younger girl … | |
1413 <p>"It's okay, Ori. There's always next ritual.&quo… | |
1414 <p>Ori glanced at her. He heard no kindness in her words. He only … | |
1415 <p>When he returned home that night, Ori tried using the Peep-Hole… | |
1416 <p>Am I being exiled, he wondered. Being cut off from the Peep-Hol… | |
1417 <p>And Ori wanted to die.</p> | |
1418 <p>He wandered the village late that night, watching and listening… | |
1419 <p>His sleep was dreamless, but Ori woke with a new clarity. Last … | |
1420 <p>Ori felt powerful and confident.</p> | |
1421 <p>Later that morning, he called the villagers back to the town ce… | |
1422 <p>"Give it up, Ori," they grumbled.</p> | |
1423 <p>"You weren't Chosen," they called.</p> | |
1424 <p>But then they saw what he had done.</p> | |
1425 <p>Pyres of wood had been stacked around the heptagonal Peep-Hole.… | |
1426 <p>"People of Ghir," said Ori. "For too long we hav… | |
1427 <p>All the while, the Peep-Hole was gurgling uncontrollably behind… | |
1428 <p>Ori lit a match and threw it into the pyre. Flames encircled th… | |
1429 <p>Screams erupted from the crowd. Everyone vomited. Ori turned hi… | |
1430 <p>Inside the Peep-Hole were the Watchers. Or what was left of the… | |
1431 <p>Ori couldn't stand the sight -- or smell -- of it burning,… | |
1432 <p>"Go," said Ori to the Peep-Hole. "Go and never r… | |
1433 <p>The Peep-Hole thrummed loudly. It began to move, slowly, snappi… | |
1434 <p>The people of Ghir cheered Ori, naming him Hero. </p> | |
1435 <p>For a while, all was well in the village. But then the disputes… | |
1436 <p>The Hero set up a trial system. The people came before him to a… | |
1437 <p>But soon the people became clever. They spun their words. Truth… | |
1438 <p>More than once as he stood in the town center, Ori caught a gli… | |
1439 <p>It became too much for the Hero. That day, the people came to t… | |
1440 <p>"He's abandoned us, too."</p> | |
1441 <p>For many days, the villagers retreated to their huts and waited… | |
1442 <p>Then, one morning, the tubes in their huts were lit. They walke… | |
1443 <p>The Peep-Hole had returned.</p> | |
1444 <p>Ori was never seen again.</p></content:encoded></item><it… | |
1445 <p>The room is sterile. A dozen masked, gloved attendants in blue … | |
1446 <p>Except I won't be going anywhere on this particular journe… | |
1447 <blockquote> | |
1448 <p>"I'm here to remove my sigmoid colon via robotic surg… | |
1449 </blockquote> | |
1450 <p>I'm 34 years old. It's October 12th, 2020. Five weeks… | |
1451 <h2>Stool, bloody stool</h2> | |
1452 <p>I've always been a standing wiper. Not sure entirely why. … | |
1453 <p>This charming anecdote does factor into our story, because it m… | |
1454 <p><span | |
1455 class="gatsby-resp-image-wrapper" | |
1456 style="position: relative; display: block; margin-left: auto;… | |
1457 > | |
1458 <span | |
1459 class="gatsby-resp-image-background-image" | |
1460 style="padding-bottom: 53.987730061349694%; position: relative;… | |
1461 ></span> | |
1462 <img | |
1463 class="gatsby-resp-image-image" | |
1464 alt="Bristol stool scale" | |
1465 title="Bristol stool scale" | |
1466 src="/static/aa89064dc77b216479fbe409ba4b8653/a6d36/bristol… | |
1467 srcset="/static/aa89064dc77b216479fbe409ba4b8653/222b7/bris… | |
1468 /static/aa89064dc77b216479fbe409ba4b8653/ff46a/bristol.png 325w, | |
1469 /static/aa89064dc77b216479fbe409ba4b8653/a6d36/bristol.png 650w, | |
1470 /static/aa89064dc77b216479fbe409ba4b8653/be86f/bristol.png 662w" | |
1471 sizes="(max-width: 650px) 100vw, 650px" | |
1472 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1473 loading="lazy" | |
1474 /> | |
1475 </span></p> | |
1476 <p>I first noticed blood two or three years ago. On a monthly or s… | |
1477 <p>A brief aside on the phrase "your primary care doctor.&quo… | |
1478 <p><span | |
1479 class="gatsby-resp-image-wrapper" | |
1480 style="position: relative; display: block; margin-left: auto;… | |
1481 > | |
1482 <span | |
1483 class="gatsby-resp-image-background-image" | |
1484 style="padding-bottom: 56.44171779141104%; position: relative; … | |
1485 ></span> | |
1486 <img | |
1487 class="gatsby-resp-image-image" | |
1488 alt="Firetruck" | |
1489 title="Firetruck" | |
1490 src="/static/77fe5d6a0fb7c7f56ef4920d22c1efa9/a6d36/firetru… | |
1491 srcset="/static/77fe5d6a0fb7c7f56ef4920d22c1efa9/222b7/fire… | |
1492 /static/77fe5d6a0fb7c7f56ef4920d22c1efa9/ff46a/firetruck.png 325w, | |
1493 /static/77fe5d6a0fb7c7f56ef4920d22c1efa9/a6d36/firetruck.png 650w, | |
1494 /static/77fe5d6a0fb7c7f56ef4920d22c1efa9/e548f/firetruck.png 975w, | |
1495 /static/77fe5d6a0fb7c7f56ef4920d22c1efa9/3c492/firetruck.png 1300w, | |
1496 /static/77fe5d6a0fb7c7f56ef4920d22c1efa9/6c2de/firetruck.png 1334w" | |
1497 sizes="(max-width: 650px) 100vw, 650px" | |
1498 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1499 loading="lazy" | |
1500 /> | |
1501 </span></p> | |
1502 <p>Anyway, this season's Dr. Who told me not to worry about t… | |
1503 <p><em>WTF is a hemorrhoid?</em> I wondered to myself … | |
1504 <p>Fast-forward to 2020. Everything sucks. And the bloody wipes ar… | |
1505 <p>Now I consider myself to be a mostly healthy person. I eat fair… | |
1506 <p>Anything that deviates from that ideal makes me squirm and I do… | |
1507 <p>At the same time, I counterweight this with a mild touch of hyp… | |
1508 <p>Then I remembered an email from work: I was eligible for a <… | |
1509 <p>So, I met with the doc, liked him a lot, discussed my bloody po… | |
1510 <p>After some jiggling about with the referral documentation, we f… | |
1511 <p>Then, on August 28th, <a href="https://en.wikipedia.org… | |
1512 <p>I wasn't freaked out. Okay, yes, I was very freaked out.&l… | |
1513 <h2>Colonoscopies are not bad</h2> | |
1514 <p>What's a colonoscopy? It's a surgical procedure where… | |
1515 <p>Allow me to describe bowel prep: the day before the procedure, … | |
1516 <p>Other then the laxatives, you're allowed to drink clear li… | |
1517 <p>But that's it. Easy. I watched Stranger Things season 3 ag… | |
1518 <p>Okay, next, I woke up on September 9th. My appointment is aroun… | |
1519 <p><span | |
1520 class="gatsby-resp-image-wrapper" | |
1521 style="position: relative; display: block; margin-left: auto;… | |
1522 > | |
1523 <span | |
1524 class="gatsby-resp-image-background-image" | |
1525 style="padding-bottom: 66.87116564417178%; position: relative; … | |
1526 ></span> | |
1527 <img | |
1528 class="gatsby-resp-image-image" | |
1529 alt="sf" | |
1530 title="sf" | |
1531 src="/static/dfe0aae59da7dc3715e8f289c1ae8f7b/6aca1/sf.jpg&… | |
1532 srcset="/static/dfe0aae59da7dc3715e8f289c1ae8f7b/d2f63/sf.j… | |
1533 /static/dfe0aae59da7dc3715e8f289c1ae8f7b/c989d/sf.jpg 325w, | |
1534 /static/dfe0aae59da7dc3715e8f289c1ae8f7b/6aca1/sf.jpg 650w, | |
1535 /static/dfe0aae59da7dc3715e8f289c1ae8f7b/8e1fc/sf.jpg 900w" | |
1536 sizes="(max-width: 650px) 100vw, 650px" | |
1537 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1538 loading="lazy" | |
1539 /> | |
1540 </span></p> | |
1541 <blockquote class="twitter-tweet"><p lang="en&qu… | |
1542 <p>Nope.</p> | |
1543 <p>I decide to walk over to the UCSF Parnassus building in the cre… | |
1544 <p>As expected, the procedure was painless. My only bit of further… | |
1545 <p>An hour or so later, I woke up feeling the feels of that post-a… | |
1546 <p>In addition to two small polyps (which she removed), my colonos… | |
1547 <p>Despite the odds (my youth, my health), I now had cancer. Well,… | |
1548 <p>My doc said I'd need to meet with <a href="https:/… | |
1549 <p>And so began one of the worst weeks of our lives.</p> | |
1550 <h2>A brief family history</h2> | |
1551 <p>Let's talk about the odds for a moment.</p> | |
1552 <p><span | |
1553 class="gatsby-resp-image-wrapper" | |
1554 style="position: relative; display: block; margin-left: auto;… | |
1555 > | |
1556 <span | |
1557 class="gatsby-resp-image-background-image" | |
1558 style="padding-bottom: 57.05521472392638%; position: relative; … | |
1559 ></span> | |
1560 <img | |
1561 class="gatsby-resp-image-image" | |
1562 alt="odds" | |
1563 title="odds" | |
1564 src="/static/384a14f31566523d7bbc5cfb061fc8fe/a6d36/odds.pn… | |
1565 srcset="/static/384a14f31566523d7bbc5cfb061fc8fe/222b7/odds… | |
1566 /static/384a14f31566523d7bbc5cfb061fc8fe/ff46a/odds.png 325w, | |
1567 /static/384a14f31566523d7bbc5cfb061fc8fe/a6d36/odds.png 650w, | |
1568 /static/384a14f31566523d7bbc5cfb061fc8fe/e548f/odds.png 975w, | |
1569 /static/384a14f31566523d7bbc5cfb061fc8fe/91f10/odds.png 992w" | |
1570 sizes="(max-width: 650px) 100vw, 650px" | |
1571 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1572 loading="lazy" | |
1573 /> | |
1574 </span></p> | |
1575 <p>We've already discussed my vigorous, proto-Batman level of… | |
1576 <p>Speaking of unfortunate genetics, it turns out that I have some… | |
1577 <p>Here's the scoop: my pops (that's cool talk for Dad) … | |
1578 <p>My own tumor began as a lowly polyp, perhaps some ten years ago… | |
1579 <p>If you go further up the Harrington tree, you'll learn tha… | |
1580 <p>So, colon cancer is bouncing around in my family tree. But neit… | |
1581 <p>Getting confusing, right? I cannot stress this enough: <stro… | |
1582 <p>I just didn't know about any of this. I knew there were so… | |
1583 <p>But that's just it. You don't get health info automat… | |
1584 <p>There are tools to help, and I'm still digging into them n… | |
1585 <h2>Stage-wise limbo</h2> | |
1586 <p>Back to our story, we've just learned that I have a cancer… | |
1587 <p>I'm now starting to get booked for all sorts of appointmen… | |
1588 <p>Because, as I later learned from my colorectal surgeon (who is … | |
1589 <p>At this point, pre-CT scan, Carly and I have no idea what stage… | |
1590 <p>Carly and I are in a daze for most of the next week. And so are… | |
1591 <p>Much like the South Park lament "The Simpsons did it!"… | |
1592 <p><img src="https://imgs.xkcd.com/comics/emotion.png"… | |
1593 <p>As a wannabe stoic, I allow my negative visualization to run ra… | |
1594 <p>My CT scans are scheduled for Thursday afternoon and the meetin… | |
1595 <h3>The sound of silence</h3> | |
1596 <p>On Thursday, Carly and I walk over to the UCSF CT scanning plac… | |
1597 <p>It's here I realize that the <em>sound</em> of… | |
1598 <p>The CT machine looks like a coldsleep chamber crossed with a We… | |
1599 <h3>Plan of attack</h3> | |
1600 <p>The scans are done and now it's up to the radiologist to r… | |
1601 <p>The next morning we drive over to the <a href="https://… | |
1602 <p>When I see the sun again, we do.</p> | |
1603 <p>The CT scans were clean. There's no sign that the cancer s… | |
1604 <p>The second best news we hear is that the tumor is in a relative… | |
1605 <p>He's going to remove my entire <a href="https://en… | |
1606 <p>We'll only be able to tell if I'm Stage 2 or Stage 3 … | |
1607 <p>But, either way, we're getting this thing out of my butt, … | |
1608 <p>Carly and I have a plan. We're planners. We needed this. A… | |
1609 <h2>Gettin' hitched</h2> | |
1610 <p>We got married (eloped, both technically and social-distanced-l… | |
1611 <p><span | |
1612 class="gatsby-resp-image-wrapper" | |
1613 style="position: relative; display: block; margin-left: auto;… | |
1614 > | |
1615 <span | |
1616 class="gatsby-resp-image-background-image" | |
1617 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
1618 ></span> | |
1619 <img | |
1620 class="gatsby-resp-image-image" | |
1621 alt="wedding" | |
1622 title="wedding" | |
1623 src="/static/ee3c8142b9d95fa6818f729380100569/6aca1/wedding… | |
1624 srcset="/static/ee3c8142b9d95fa6818f729380100569/d2f63/wedd… | |
1625 /static/ee3c8142b9d95fa6818f729380100569/c989d/wedding.jpg 325w, | |
1626 /static/ee3c8142b9d95fa6818f729380100569/6aca1/wedding.jpg 650w, | |
1627 /static/ee3c8142b9d95fa6818f729380100569/bf093/wedding.jpg 888w" | |
1628 sizes="(max-width: 650px) 100vw, 650px" | |
1629 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1630 loading="lazy" | |
1631 /> | |
1632 </span></p> | |
1633 <p>Look at those oblivious smiles. Wait -- we aren't obliviou… | |
1634 <p>Originally slated for 2019, then after bouncing around in 2020,… | |
1635 <p>Now, onto our first act as a married couple: my surgery on Mond… | |
1636 <h2>Surgery ain't no joke</h2> | |
1637 <p>I don't have much to add about the surgery itself. I was … | |
1638 <p>I did remember to bring a book, though:</p> | |
1639 <p><span | |
1640 class="gatsby-resp-image-wrapper" | |
1641 style="position: relative; display: block; margin-left: auto;… | |
1642 > | |
1643 <span | |
1644 class="gatsby-resp-image-background-image" | |
1645 style="padding-bottom: 133.12883435582822%; position: relative;… | |
1646 ></span> | |
1647 <img | |
1648 class="gatsby-resp-image-image" | |
1649 alt="book" | |
1650 title="book" | |
1651 src="/static/a3ae521c3ee36a8aad866c867be69fb0/6aca1/musashi… | |
1652 srcset="/static/a3ae521c3ee36a8aad866c867be69fb0/d2f63/musa… | |
1653 /static/a3ae521c3ee36a8aad866c867be69fb0/c989d/musashi.jpg 325w, | |
1654 /static/a3ae521c3ee36a8aad866c867be69fb0/6aca1/musashi.jpg 650w, | |
1655 /static/a3ae521c3ee36a8aad866c867be69fb0/7c09c/musashi.jpg 975w, | |
1656 /static/a3ae521c3ee36a8aad866c867be69fb0/01ab0/musashi.jpg 1300w, | |
1657 /static/a3ae521c3ee36a8aad866c867be69fb0/9568a/musashi.jpg 3024w" | |
1658 sizes="(max-width: 650px) 100vw, 650px" | |
1659 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1660 loading="lazy" | |
1661 /> | |
1662 </span></p> | |
1663 <p>And, then, after glimpsing my many-limbed robotic friend in the… | |
1664 <p>The next thing I know it's five hours later and I'm i… | |
1665 <p>The big goal for me for the next 24 hours is to walk around. Be… | |
1666 <p>Sure, my guts feel like someone took a blender to them, but I&a… | |
1667 <p>Side note that IVs are interesting. They're like open port… | |
1668 <p><span | |
1669 class="gatsby-resp-image-wrapper" | |
1670 style="position: relative; display: block; margin-left: auto;… | |
1671 > | |
1672 <span | |
1673 class="gatsby-resp-image-background-image" | |
1674 style="padding-bottom: 74.84662576687117%; position: relative; … | |
1675 ></span> | |
1676 <img | |
1677 class="gatsby-resp-image-image" | |
1678 alt="port" | |
1679 title="port" | |
1680 src="/static/571a4b7e6bbeb991a19b7f248c5f5e20/6aca1/port.jp… | |
1681 srcset="/static/571a4b7e6bbeb991a19b7f248c5f5e20/d2f63/port… | |
1682 /static/571a4b7e6bbeb991a19b7f248c5f5e20/c989d/port.jpg 325w, | |
1683 /static/571a4b7e6bbeb991a19b7f248c5f5e20/6aca1/port.jpg 650w, | |
1684 /static/571a4b7e6bbeb991a19b7f248c5f5e20/7c09c/port.jpg 975w, | |
1685 /static/571a4b7e6bbeb991a19b7f248c5f5e20/01ab0/port.jpg 1300w, | |
1686 /static/571a4b7e6bbeb991a19b7f248c5f5e20/d2602/port.jpg 4032w" | |
1687 sizes="(max-width: 650px) 100vw, 650px" | |
1688 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1689 loading="lazy" | |
1690 /> | |
1691 </span></p> | |
1692 <p>Another secret weapon of mine that aided in my recovery: this c… | |
1693 <p><span | |
1694 class="gatsby-resp-image-wrapper" | |
1695 style="position: relative; display: block; margin-left: auto;… | |
1696 > | |
1697 <span | |
1698 class="gatsby-resp-image-background-image" | |
1699 style="padding-bottom: 74.84662576687117%; position: relative; … | |
1700 ></span> | |
1701 <img | |
1702 class="gatsby-resp-image-image" | |
1703 alt="avo" | |
1704 title="avo" | |
1705 src="/static/3c80ba743e37eb45929e343c8fba4082/6aca1/avo.jpg… | |
1706 srcset="/static/3c80ba743e37eb45929e343c8fba4082/d2f63/avo.… | |
1707 /static/3c80ba743e37eb45929e343c8fba4082/c989d/avo.jpg 325w, | |
1708 /static/3c80ba743e37eb45929e343c8fba4082/6aca1/avo.jpg 650w, | |
1709 /static/3c80ba743e37eb45929e343c8fba4082/7c09c/avo.jpg 975w, | |
1710 /static/3c80ba743e37eb45929e343c8fba4082/01ab0/avo.jpg 1300w, | |
1711 /static/3c80ba743e37eb45929e343c8fba4082/f1e22/avo.jpg 2576w" | |
1712 sizes="(max-width: 650px) 100vw, 650px" | |
1713 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1714 loading="lazy" | |
1715 /> | |
1716 </span></p> | |
1717 <p>I'm squeezing this thing every time I'm jabbed with a… | |
1718 <p>On Wednesday, after I've started farting and pooping again… | |
1719 <h3>The future</h3> | |
1720 <p>I'm home and moving slow and still feel a bunch of surgica… | |
1721 <p><span | |
1722 class="gatsby-resp-image-wrapper" | |
1723 style="position: relative; display: block; margin-left: auto;… | |
1724 > | |
1725 <span | |
1726 class="gatsby-resp-image-background-image" | |
1727 style="padding-bottom: 74.84662576687117%; position: relative; … | |
1728 ></span> | |
1729 <img | |
1730 class="gatsby-resp-image-image" | |
1731 alt="scars" | |
1732 title="scars" | |
1733 src="/static/c0d678a41a56e990c23598d139068017/6aca1/scars.j… | |
1734 srcset="/static/c0d678a41a56e990c23598d139068017/d2f63/scar… | |
1735 /static/c0d678a41a56e990c23598d139068017/c989d/scars.jpg 325w, | |
1736 /static/c0d678a41a56e990c23598d139068017/6aca1/scars.jpg 650w, | |
1737 /static/c0d678a41a56e990c23598d139068017/7c09c/scars.jpg 975w, | |
1738 /static/c0d678a41a56e990c23598d139068017/01ab0/scars.jpg 1300w, | |
1739 /static/c0d678a41a56e990c23598d139068017/f1e22/scars.jpg 2576w" | |
1740 sizes="(max-width: 650px) 100vw, 650px" | |
1741 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1742 loading="lazy" | |
1743 /> | |
1744 </span></p> | |
1745 <p>On Thursday, I get a call from my surgeon. The pathology is bac… | |
1746 <p>We did it.</p> | |
1747 <p>I still have some upcoming follow-up appointments, and meetings… | |
1748 <p>But I (think) I'm cancer-free now. Now, there's no wa… | |
1749 <h3>Hello, impostor's syndrome, my old friend</h3> | |
1750 <p>So, I guess that means I'm a cancer survivor.</p> | |
1751 <p>Which is weird to say, because this whole thing happened <em… | |
1752 <p>But I am a survivor.</p> | |
1753 <p>In fact, I'm probably the luckiest cancer survivor ever, f… | |
1754 <p>UCSF has me signed up for a 5+ year relationship with their can… | |
1755 <p>My wife and my family are depending on me to stay healthy, and … | |
1756 <h2>Some thanks</h2> | |
1757 <p>It's now about a week and half out from my surgery. I&apos… | |
1758 <p><span | |
1759 class="gatsby-resp-image-wrapper" | |
1760 style="position: relative; display: block; margin-left: auto;… | |
1761 > | |
1762 <span | |
1763 class="gatsby-resp-image-background-image" | |
1764 style="padding-bottom: 177.91411042944785%; position: relative;… | |
1765 ></span> | |
1766 <img | |
1767 class="gatsby-resp-image-image" | |
1768 alt="walking" | |
1769 title="walking" | |
1770 src="/static/ca5f150240ad51c2af255f1a5fa14716/a6d36/recover… | |
1771 srcset="/static/ca5f150240ad51c2af255f1a5fa14716/222b7/reco… | |
1772 /static/ca5f150240ad51c2af255f1a5fa14716/ff46a/recovery.png 325w, | |
1773 /static/ca5f150240ad51c2af255f1a5fa14716/a6d36/recovery.png 650w, | |
1774 /static/ca5f150240ad51c2af255f1a5fa14716/1d69c/recovery.png 750w" | |
1775 sizes="(max-width: 650px) 100vw, 650px" | |
1776 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1777 loading="lazy" | |
1778 /> | |
1779 </span></p> | |
1780 <p>Monday was my surgery. Tuesday didn't capture my walks, be… | |
1781 <p>Thank you for reading this story. I hope it is informative and … | |
1782 <p>Thank you to:</p> | |
1783 <ul> | |
1784 <li>My incredible, magical, beautiful <em>wife</em> Ca… | |
1785 <li>My parents and my mother-in-law and our siblings!</li> | |
1786 <li>Our friends and family!</li> | |
1787 <li>UCSF!</li> | |
1788 <li>OneMedical!</li> | |
1789 </ul> | |
1790 <p>Also, if I got anything wrong in this missive from a medical pe… | |
1791 <blockquote> | |
1792 <p><strong>2021 Update!</strong> Read Part II of my ca… | |
1793 </blockquote></content:encoded></item><item><title><![CDATA[Add So… | |
1794 <p><span | |
1795 class="gatsby-resp-image-wrapper" | |
1796 style="position: relative; display: block; margin-left: auto;… | |
1797 > | |
1798 <a | |
1799 class="gatsby-resp-image-link" | |
1800 href="/static/de45ce1eab470f024caad31db72d94e6/0f98f/marnie004.… | |
1801 style="display: block" | |
1802 target="_blank" | |
1803 rel="noopener" | |
1804 > | |
1805 <span | |
1806 class="gatsby-resp-image-background-image" | |
1807 style="padding-bottom: 53.987730061349694%; position: relative;… | |
1808 ></span> | |
1809 <img | |
1810 class="gatsby-resp-image-image" | |
1811 alt="marnie" | |
1812 title="marnie" | |
1813 src="/static/de45ce1eab470f024caad31db72d94e6/6aca1/marnie0… | |
1814 srcset="/static/de45ce1eab470f024caad31db72d94e6/d2f63/marn… | |
1815 /static/de45ce1eab470f024caad31db72d94e6/c989d/marnie004.jpg 325w, | |
1816 /static/de45ce1eab470f024caad31db72d94e6/6aca1/marnie004.jpg 650w, | |
1817 /static/de45ce1eab470f024caad31db72d94e6/7c09c/marnie004.jpg 975w, | |
1818 /static/de45ce1eab470f024caad31db72d94e6/01ab0/marnie004.jpg 1300w, | |
1819 /static/de45ce1eab470f024caad31db72d94e6/0f98f/marnie004.jpg 1920w" | |
1820 sizes="(max-width: 650px) 100vw, 650px" | |
1821 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1822 loading="lazy" | |
1823 /> | |
1824 </a> | |
1825 </span> </p> | |
1826 <p>A more useful comment gave a nice tip for scraping the images i… | |
1827 <div class="gatsby-highlight" data-language="bash"… | |
1828 <p>This uses the nice shell trick of using curly braces <code c… | |
1829 <p>For example, <code class="language-text">echo f… | |
1830 <p>Perhaps this might prove useful in your terminal travels.</p… | |
1831 <p>Back to Ghibli. So, now that I've got all these screenshot… | |
1832 <h2>My little Raspberry Pi server</h2> | |
1833 <p>I've got a <a href="https://www.amazon.com/gp/prod… | |
1834 <p>I run a <a href="https://www.plex.tv/">Plex<… | |
1835 <p>Finally, I also occasionally VNC in using VNC Viewer to check o… | |
1836 <p>But, I was getting pretty tired of looking at the same stock de… | |
1837 <h3>Using the Ghibli images as the Pi's desktop background<… | |
1838 <p>There's a neat command to change your Pi's desktop ba… | |
1839 <div class="gatsby-highlight" data-language="bash"… | |
1840 <p><span | |
1841 class="gatsby-resp-image-wrapper" | |
1842 style="position: relative; display: block; margin-left: auto;… | |
1843 > | |
1844 <a | |
1845 class="gatsby-resp-image-link" | |
1846 href="/static/555d1ff4e6dce7d4942dff1af03b1745/0f98f/ged009.jpg… | |
1847 style="display: block" | |
1848 target="_blank" | |
1849 rel="noopener" | |
1850 > | |
1851 <span | |
1852 class="gatsby-resp-image-background-image" | |
1853 style="padding-bottom: 53.987730061349694%; position: relative;… | |
1854 ></span> | |
1855 <img | |
1856 class="gatsby-resp-image-image" | |
1857 alt="marnie" | |
1858 title="marnie" | |
1859 src="/static/555d1ff4e6dce7d4942dff1af03b1745/6aca1/ged009.… | |
1860 srcset="/static/555d1ff4e6dce7d4942dff1af03b1745/d2f63/ged0… | |
1861 /static/555d1ff4e6dce7d4942dff1af03b1745/c989d/ged009.jpg 325w, | |
1862 /static/555d1ff4e6dce7d4942dff1af03b1745/6aca1/ged009.jpg 650w, | |
1863 /static/555d1ff4e6dce7d4942dff1af03b1745/7c09c/ged009.jpg 975w, | |
1864 /static/555d1ff4e6dce7d4942dff1af03b1745/01ab0/ged009.jpg 1300w, | |
1865 /static/555d1ff4e6dce7d4942dff1af03b1745/0f98f/ged009.jpg 1920w" | |
1866 sizes="(max-width: 650px) 100vw, 650px" | |
1867 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1868 loading="lazy" | |
1869 /> | |
1870 </a> | |
1871 </span></p> | |
1872 <p>Make sure that you've given the proper directory location … | |
1873 <p>Now, I've already admit that I enjoy manually running apt-… | |
1874 <h3>Automating a rotating background with a cron job</h3> | |
1875 <p>We can use a simple cron job for this! First, let's write … | |
1876 <div class="gatsby-highlight" data-language="bash"… | |
1877 <p>It looks kinda hairy, but it's pretty simple. First, we li… | |
1878 <div class="gatsby-highlight" data-language="bash"… | |
1879 karigurashi024.jpg</code></pre></div> | |
1880 <p>But we want to pipe this randomly selected file to the <code… | |
1881 <p>So, now that we have our command to randomly select a backgroun… | |
1882 <div class="gatsby-highlight" data-language="bash"… | |
1883 <p>And add this to the bottom:</p> | |
1884 <div class="gatsby-highlight" data-language="text"… | |
1885 <p>Save the file, and you're done. Right? No. That didn'… | |
1886 <div class="gatsby-highlight" data-language="text"… | |
1887 raspberrypi CRON[3866]: (CRON) info (No MTA installed, discarding output… | |
1888 <p>Not super helful. It does confirm that job ran, which is good, … | |
1889 <div class="gatsby-highlight" data-language="bash"… | |
1890 <p><span | |
1891 class="gatsby-resp-image-wrapper" | |
1892 style="position: relative; display: block; margin-left: auto;… | |
1893 > | |
1894 <a | |
1895 class="gatsby-resp-image-link" | |
1896 href="/static/5af659ddcc5a54584ababc4499e3448d/bff4e/postfix.pn… | |
1897 style="display: block" | |
1898 target="_blank" | |
1899 rel="noopener" | |
1900 > | |
1901 <span | |
1902 class="gatsby-resp-image-background-image" | |
1903 style="padding-bottom: 60.122699386503065%; position: relative;… | |
1904 ></span> | |
1905 <img | |
1906 class="gatsby-resp-image-image" | |
1907 alt="postfix" | |
1908 title="postfix" | |
1909 src="/static/5af659ddcc5a54584ababc4499e3448d/a6d36/postfix… | |
1910 srcset="/static/5af659ddcc5a54584ababc4499e3448d/222b7/post… | |
1911 /static/5af659ddcc5a54584ababc4499e3448d/ff46a/postfix.png 325w, | |
1912 /static/5af659ddcc5a54584ababc4499e3448d/a6d36/postfix.png 650w, | |
1913 /static/5af659ddcc5a54584ababc4499e3448d/e548f/postfix.png 975w, | |
1914 /static/5af659ddcc5a54584ababc4499e3448d/3c492/postfix.png 1300w, | |
1915 /static/5af659ddcc5a54584ababc4499e3448d/bff4e/postfix.png 2660w" | |
1916 sizes="(max-width: 650px) 100vw, 650px" | |
1917 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1918 loading="lazy" | |
1919 /> | |
1920 </a> | |
1921 </span></p> | |
1922 <p>You should choose a "Local" installation. Once we hav… | |
1923 <div class="gatsby-highlight" data-language="text"… | |
1924 <p>After a bunch of email header jargon, we finally see the error:… | |
1925 <div class="gatsby-highlight" data-language="text"… | |
1926 | |
1927 --1332E5E8FA.1601069882/raspberrypi--</code></pre></div&g… | |
1928 <p>Awesome! I mean, the cron job still doesn't work, but at l… | |
1929 <p>Did that fix it? No. But we get a new error message:</p> | |
1930 <div class="gatsby-highlight" data-language="text"… | |
1931 <p>Cool. Okay, so, what does this one mean? This <a href="… | |
1932 <div class="gatsby-highlight" data-language="text"… | |
1933 <p>Yes! Our cron job works!</p> | |
1934 <p><span | |
1935 class="gatsby-resp-image-wrapper" | |
1936 style="position: relative; display: block; margin-left: auto;… | |
1937 > | |
1938 <a | |
1939 class="gatsby-resp-image-link" | |
1940 href="/static/7088062c77a79c116dd28f9e93926586/0f98f/karigurash… | |
1941 style="display: block" | |
1942 target="_blank" | |
1943 rel="noopener" | |
1944 > | |
1945 <span | |
1946 class="gatsby-resp-image-background-image" | |
1947 style="padding-bottom: 53.987730061349694%; position: relative;… | |
1948 ></span> | |
1949 <img | |
1950 class="gatsby-resp-image-image" | |
1951 alt="marnie" | |
1952 title="marnie" | |
1953 src="/static/7088062c77a79c116dd28f9e93926586/6aca1/karigur… | |
1954 srcset="/static/7088062c77a79c116dd28f9e93926586/d2f63/kari… | |
1955 /static/7088062c77a79c116dd28f9e93926586/c989d/karigurashi024.jpg 325w, | |
1956 /static/7088062c77a79c116dd28f9e93926586/6aca1/karigurashi024.jpg 650w, | |
1957 /static/7088062c77a79c116dd28f9e93926586/7c09c/karigurashi024.jpg 975w, | |
1958 /static/7088062c77a79c116dd28f9e93926586/01ab0/karigurashi024.jpg 1300w, | |
1959 /static/7088062c77a79c116dd28f9e93926586/0f98f/karigurashi024.jpg 1920w&… | |
1960 sizes="(max-width: 650px) 100vw, 650px" | |
1961 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
1962 loading="lazy" | |
1963 /> | |
1964 </a> | |
1965 </span></p> | |
1966 <p>What are these <code class="language-text">DISP… | |
1967 <p>After all this Googling and debugging, we've now got all t… | |
1968 <p>Automating stuff like this is part of the magic of computers. A… | |
1969 <h2>Watching the Studio Ghibli films</h2> | |
1970 <p>But, now I've got a ticking clock... </p> | |
1971 <p>I hate spoilers, and I'm sad to say that I've only se… | |
1972 <p>In our first episode of the <a href="/escaping-web-seas… | |
1973 <p>For now, I'm just glad to have these images on my little s… | |
1974 <p>The other day I lopped off a sizeable chunk of my thumbprint wh… | |
1975 <p><span | |
1976 class="gatsby-resp-image-wrapper" | |
1977 style="position: relative; display: block; margin-left: auto;… | |
1978 > | |
1979 <a | |
1980 class="gatsby-resp-image-link" | |
1981 href="/static/9d940d0f21aec7abb6525a0c3097ef1c/5c744/cardboard.… | |
1982 style="display: block" | |
1983 target="_blank" | |
1984 rel="noopener" | |
1985 > | |
1986 <span | |
1987 class="gatsby-resp-image-background-image" | |
1988 style="padding-bottom: 133.12883435582822%; position: relative;… | |
1989 ></span> | |
1990 <img | |
1991 class="gatsby-resp-image-image" | |
1992 alt="cardboard robot" | |
1993 title="cardboard robot" | |
1994 src="/static/9d940d0f21aec7abb6525a0c3097ef1c/a6d36/cardboa… | |
1995 srcset="/static/9d940d0f21aec7abb6525a0c3097ef1c/222b7/card… | |
1996 /static/9d940d0f21aec7abb6525a0c3097ef1c/ff46a/cardboard.png 325w, | |
1997 /static/9d940d0f21aec7abb6525a0c3097ef1c/a6d36/cardboard.png 650w, | |
1998 /static/9d940d0f21aec7abb6525a0c3097ef1c/e548f/cardboard.png 975w, | |
1999 /static/9d940d0f21aec7abb6525a0c3097ef1c/5c744/cardboard.png 1206w" | |
2000 sizes="(max-width: 650px) 100vw, 650px" | |
2001 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2002 loading="lazy" | |
2003 /> | |
2004 </a> | |
2005 </span></p> | |
2006 <p>This little guy is one of many cardboard robots that I've … | |
2007 <p>For some reason, we'd always center on a unique theme each… | |
2008 <p>I decided to try my hand at making another cardboard robot beca… | |
2009 <p>There are all kinds of robots, cardboard and not. But there&apo… | |
2010 <h2>Robots I Love</h2> | |
2011 <h3>R.O.B. (Robotic Operating Buddy)</h3> | |
2012 <p>It's a robot... for your original Nintendo. I'm embar… | |
2013 <p><span | |
2014 class="gatsby-resp-image-wrapper" | |
2015 style="position: relative; display: block; margin-left: auto;… | |
2016 > | |
2017 <a | |
2018 class="gatsby-resp-image-link" | |
2019 href="/static/e2bd304c9728a8ea5a8c8a3e6c78b650/0a47e/rob.png&qu… | |
2020 style="display: block" | |
2021 target="_blank" | |
2022 rel="noopener" | |
2023 > | |
2024 <span | |
2025 class="gatsby-resp-image-background-image" | |
2026 style="padding-bottom: 126.38036809815951%; position: relative;… | |
2027 ></span> | |
2028 <img | |
2029 class="gatsby-resp-image-image" | |
2030 alt="rob1" | |
2031 title="rob1" | |
2032 src="/static/e2bd304c9728a8ea5a8c8a3e6c78b650/0a47e/rob.png… | |
2033 srcset="/static/e2bd304c9728a8ea5a8c8a3e6c78b650/222b7/rob.… | |
2034 /static/e2bd304c9728a8ea5a8c8a3e6c78b650/ff46a/rob.png 325w, | |
2035 /static/e2bd304c9728a8ea5a8c8a3e6c78b650/0a47e/rob.png 600w" | |
2036 sizes="(max-width: 600px) 100vw, 600px" | |
2037 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2038 loading="lazy" | |
2039 /> | |
2040 </a> | |
2041 </span></p> | |
2042 <blockquote> | |
2043 <p>Source: <a href="https://en.wikipedia.org/wiki/R.O.B.&q… | |
2044 </blockquote> | |
2045 <p>These Nintendo ads are just perfection. I'm still more exc… | |
2046 <p><span | |
2047 class="gatsby-resp-image-wrapper" | |
2048 style="position: relative; display: block; margin-left: auto;… | |
2049 > | |
2050 <a | |
2051 class="gatsby-resp-image-link" | |
2052 href="/static/249e6e5d55d9532ba82345dee293de3a/9c538/rob-1.jpg&… | |
2053 style="display: block" | |
2054 target="_blank" | |
2055 rel="noopener" | |
2056 > | |
2057 <span | |
2058 class="gatsby-resp-image-background-image" | |
2059 style="padding-bottom: 129.4478527607362%; position: relative; … | |
2060 ></span> | |
2061 <img | |
2062 class="gatsby-resp-image-image" | |
2063 alt="rob2" | |
2064 title="rob2" | |
2065 src="/static/249e6e5d55d9532ba82345dee293de3a/6aca1/rob-1.j… | |
2066 srcset="/static/249e6e5d55d9532ba82345dee293de3a/d2f63/rob-… | |
2067 /static/249e6e5d55d9532ba82345dee293de3a/c989d/rob-1.jpg 325w, | |
2068 /static/249e6e5d55d9532ba82345dee293de3a/6aca1/rob-1.jpg 650w, | |
2069 /static/249e6e5d55d9532ba82345dee293de3a/7c09c/rob-1.jpg 975w, | |
2070 /static/249e6e5d55d9532ba82345dee293de3a/01ab0/rob-1.jpg 1300w, | |
2071 /static/249e6e5d55d9532ba82345dee293de3a/9c538/rob-1.jpg 2550w" | |
2072 sizes="(max-width: 650px) 100vw, 650px" | |
2073 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2074 loading="lazy" | |
2075 /> | |
2076 </a> | |
2077 </span></p> | |
2078 <p><span | |
2079 class="gatsby-resp-image-wrapper" | |
2080 style="position: relative; display: block; margin-left: auto;… | |
2081 > | |
2082 <a | |
2083 class="gatsby-resp-image-link" | |
2084 href="/static/1f2df2dc5f2c9d2e7931bd92c78eef19/a0850/rob-2.jpg&… | |
2085 style="display: block" | |
2086 target="_blank" | |
2087 rel="noopener" | |
2088 > | |
2089 <span | |
2090 class="gatsby-resp-image-background-image" | |
2091 style="padding-bottom: 64.41717791411043%; position: relative; … | |
2092 ></span> | |
2093 <img | |
2094 class="gatsby-resp-image-image" | |
2095 alt="rob3" | |
2096 title="rob3" | |
2097 src="/static/1f2df2dc5f2c9d2e7931bd92c78eef19/6aca1/rob-2.j… | |
2098 srcset="/static/1f2df2dc5f2c9d2e7931bd92c78eef19/d2f63/rob-… | |
2099 /static/1f2df2dc5f2c9d2e7931bd92c78eef19/c989d/rob-2.jpg 325w, | |
2100 /static/1f2df2dc5f2c9d2e7931bd92c78eef19/6aca1/rob-2.jpg 650w, | |
2101 /static/1f2df2dc5f2c9d2e7931bd92c78eef19/7c09c/rob-2.jpg 975w, | |
2102 /static/1f2df2dc5f2c9d2e7931bd92c78eef19/01ab0/rob-2.jpg 1300w, | |
2103 /static/1f2df2dc5f2c9d2e7931bd92c78eef19/a0850/rob-2.jpg 4096w" | |
2104 sizes="(max-width: 650px) 100vw, 650px" | |
2105 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2106 loading="lazy" | |
2107 /> | |
2108 </a> | |
2109 </span></p> | |
2110 <p><span | |
2111 class="gatsby-resp-image-wrapper" | |
2112 style="position: relative; display: block; margin-left: auto;… | |
2113 > | |
2114 <a | |
2115 class="gatsby-resp-image-link" | |
2116 href="/static/919afde0ddef82184e8b12c4f32a0574/9c538/rob-3.jpg&… | |
2117 style="display: block" | |
2118 target="_blank" | |
2119 rel="noopener" | |
2120 > | |
2121 <span | |
2122 class="gatsby-resp-image-background-image" | |
2123 style="padding-bottom: 129.4478527607362%; position: relative; … | |
2124 ></span> | |
2125 <img | |
2126 class="gatsby-resp-image-image" | |
2127 alt="rob4" | |
2128 title="rob4" | |
2129 src="/static/919afde0ddef82184e8b12c4f32a0574/6aca1/rob-3.j… | |
2130 srcset="/static/919afde0ddef82184e8b12c4f32a0574/d2f63/rob-… | |
2131 /static/919afde0ddef82184e8b12c4f32a0574/c989d/rob-3.jpg 325w, | |
2132 /static/919afde0ddef82184e8b12c4f32a0574/6aca1/rob-3.jpg 650w, | |
2133 /static/919afde0ddef82184e8b12c4f32a0574/7c09c/rob-3.jpg 975w, | |
2134 /static/919afde0ddef82184e8b12c4f32a0574/01ab0/rob-3.jpg 1300w, | |
2135 /static/919afde0ddef82184e8b12c4f32a0574/9c538/rob-3.jpg 2550w" | |
2136 sizes="(max-width: 650px) 100vw, 650px" | |
2137 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2138 loading="lazy" | |
2139 /> | |
2140 </a> | |
2141 </span></p> | |
2142 <blockquote> | |
2143 <p>Source: <a href="https://twitter.com/heyphilsummers/sta… | |
2144 </blockquote> | |
2145 <p>R.O.B. only ever worked with two Nintendo games. From what I&ap… | |
2146 <h3>Johnny 5</h3> | |
2147 <p>Duh.</p> | |
2148 <p>Johnny 5 looks a lot like R.O.B., except with more nuclear-weap… | |
2149 <p><span | |
2150 class="gatsby-resp-image-wrapper" | |
2151 style="position: relative; display: block; margin-left: auto;… | |
2152 > | |
2153 <a | |
2154 class="gatsby-resp-image-link" | |
2155 href="/static/def1bd3463f03cf94b8a53217bafb621/7723c/johnny5.jp… | |
2156 style="display: block" | |
2157 target="_blank" | |
2158 rel="noopener" | |
2159 > | |
2160 <span | |
2161 class="gatsby-resp-image-background-image" | |
2162 style="padding-bottom: 123.92638036809815%; position: relative;… | |
2163 ></span> | |
2164 <img | |
2165 class="gatsby-resp-image-image" | |
2166 alt="johnny-5" | |
2167 title="johnny-5" | |
2168 src="/static/def1bd3463f03cf94b8a53217bafb621/7723c/johnny5… | |
2169 srcset="/static/def1bd3463f03cf94b8a53217bafb621/d2f63/john… | |
2170 /static/def1bd3463f03cf94b8a53217bafb621/c989d/johnny5.jpg 325w, | |
2171 /static/def1bd3463f03cf94b8a53217bafb621/7723c/johnny5.jpg 564w" | |
2172 sizes="(max-width: 564px) 100vw, 564px" | |
2173 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2174 loading="lazy" | |
2175 /> | |
2176 </a> | |
2177 </span></p> | |
2178 <blockquote> | |
2179 <p>Source: <a href="https://synthiam.com/Community/Questio… | |
2180 </blockquote> | |
2181 <p>Major spoiler-alert for Short Circuit 2, but this action sequen… | |
2182 <iframe width="720" height="415" src="https:… | |
2183 <h3>Wall-E</h3> | |
2184 <p>What do you get when you cross R.O.B., Johnny 5, and a Tonka tr… | |
2185 <p><span | |
2186 class="gatsby-resp-image-wrapper" | |
2187 style="position: relative; display: block; margin-left: auto;… | |
2188 > | |
2189 <a | |
2190 class="gatsby-resp-image-link" | |
2191 href="/static/a0029b6a0a4cd8dce5007aece8b5c0e9/eea4a/walle.jpg&… | |
2192 style="display: block" | |
2193 target="_blank" | |
2194 rel="noopener" | |
2195 > | |
2196 <span | |
2197 class="gatsby-resp-image-background-image" | |
2198 style="padding-bottom: 79.75460122699387%; position: relative; … | |
2199 ></span> | |
2200 <img | |
2201 class="gatsby-resp-image-image" | |
2202 alt="wall-e" | |
2203 title="wall-e" | |
2204 src="/static/a0029b6a0a4cd8dce5007aece8b5c0e9/6aca1/walle.j… | |
2205 srcset="/static/a0029b6a0a4cd8dce5007aece8b5c0e9/d2f63/wall… | |
2206 /static/a0029b6a0a4cd8dce5007aece8b5c0e9/c989d/walle.jpg 325w, | |
2207 /static/a0029b6a0a4cd8dce5007aece8b5c0e9/6aca1/walle.jpg 650w, | |
2208 /static/a0029b6a0a4cd8dce5007aece8b5c0e9/7c09c/walle.jpg 975w, | |
2209 /static/a0029b6a0a4cd8dce5007aece8b5c0e9/eea4a/walle.jpg 1280w" | |
2210 sizes="(max-width: 650px) 100vw, 650px" | |
2211 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2212 loading="lazy" | |
2213 /> | |
2214 </a> | |
2215 </span></p> | |
2216 <blockquote> | |
2217 <p>Source: <a href="https://gsouto-digitalteacher.blogspot… | |
2218 </blockquote> | |
2219 <p>It's probably becoming quite clear that I'm drawn to … | |
2220 <p>I also just discovered this video of someone's real-life W… | |
2221 <iframe width="720" height="415" src="https:… | |
2222 <h3>The flying robots from *Batteries Not Included</h3> | |
2223 <p>I don't remember much about this movie, other than that my… | |
2224 <p><span | |
2225 class="gatsby-resp-image-wrapper" | |
2226 style="position: relative; display: block; margin-left: auto;… | |
2227 > | |
2228 <a | |
2229 class="gatsby-resp-image-link" | |
2230 href="/static/b82a9f26dcde56c27d022b62cf3e394d/7de01/batteries.… | |
2231 style="display: block" | |
2232 target="_blank" | |
2233 rel="noopener" | |
2234 > | |
2235 <span | |
2236 class="gatsby-resp-image-background-image" | |
2237 style="padding-bottom: 149.07975460122697%; position: relative;… | |
2238 ></span> | |
2239 <img | |
2240 class="gatsby-resp-image-image" | |
2241 alt="batteries robots" | |
2242 title="batteries robots" | |
2243 src="/static/b82a9f26dcde56c27d022b62cf3e394d/a6d36/batteri… | |
2244 srcset="/static/b82a9f26dcde56c27d022b62cf3e394d/222b7/batt… | |
2245 /static/b82a9f26dcde56c27d022b62cf3e394d/ff46a/batteries.png 325w, | |
2246 /static/b82a9f26dcde56c27d022b62cf3e394d/a6d36/batteries.png 650w, | |
2247 /static/b82a9f26dcde56c27d022b62cf3e394d/7de01/batteries.png 794w" | |
2248 sizes="(max-width: 650px) 100vw, 650px" | |
2249 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2250 loading="lazy" | |
2251 /> | |
2252 </a> | |
2253 </span></p> | |
2254 <blockquote> | |
2255 <p>Source: <a href="https://play.google.com/store/movies/d… | |
2256 </blockquote> | |
2257 <p>I think these robots might actually be aliens, but I'm not… | |
2258 <h3>2-XL</h3> | |
2259 <p>I'm all about using robots for learning (see my post on &l… | |
2260 <p><span | |
2261 class="gatsby-resp-image-wrapper" | |
2262 style="position: relative; display: block; margin-left: auto;… | |
2263 > | |
2264 <a | |
2265 class="gatsby-resp-image-link" | |
2266 href="/static/e427b0ab3f3772309062f6c535faf3a6/eea4a/2-xl.jpg&q… | |
2267 style="display: block" | |
2268 target="_blank" | |
2269 rel="noopener" | |
2270 > | |
2271 <span | |
2272 class="gatsby-resp-image-background-image" | |
2273 style="padding-bottom: 132.51533742331287%; position: relative;… | |
2274 ></span> | |
2275 <img | |
2276 class="gatsby-resp-image-image" | |
2277 alt="2xl" | |
2278 title="2xl" | |
2279 src="/static/e427b0ab3f3772309062f6c535faf3a6/6aca1/2-xl.jp… | |
2280 srcset="/static/e427b0ab3f3772309062f6c535faf3a6/d2f63/2-xl… | |
2281 /static/e427b0ab3f3772309062f6c535faf3a6/c989d/2-xl.jpg 325w, | |
2282 /static/e427b0ab3f3772309062f6c535faf3a6/6aca1/2-xl.jpg 650w, | |
2283 /static/e427b0ab3f3772309062f6c535faf3a6/7c09c/2-xl.jpg 975w, | |
2284 /static/e427b0ab3f3772309062f6c535faf3a6/eea4a/2-xl.jpg 1280w" | |
2285 sizes="(max-width: 650px) 100vw, 650px" | |
2286 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2287 loading="lazy" | |
2288 /> | |
2289 </a> | |
2290 </span></p> | |
2291 <blockquote> | |
2292 <p>Source: <a href="https://en.wikipedia.org/wiki/2-XL&quo… | |
2293 </blockquote> | |
2294 <p>We got our 2-XL at a garage sale (garage sales were things of w… | |
2295 <p><span | |
2296 class="gatsby-resp-image-wrapper" | |
2297 style="position: relative; display: block; margin-left: auto;… | |
2298 > | |
2299 <a | |
2300 class="gatsby-resp-image-link" | |
2301 href="/static/b4f82ab27f934ed502846b4686fb90e3/41099/2-xl-casse… | |
2302 style="display: block" | |
2303 target="_blank" | |
2304 rel="noopener" | |
2305 > | |
2306 <span | |
2307 class="gatsby-resp-image-background-image" | |
2308 style="padding-bottom: 78.52760736196319%; position: relative; … | |
2309 ></span> | |
2310 <img | |
2311 class="gatsby-resp-image-image" | |
2312 alt="2xl cassette version" | |
2313 title="2xl cassette version" | |
2314 src="/static/b4f82ab27f934ed502846b4686fb90e3/41099/2-xl-ca… | |
2315 srcset="/static/b4f82ab27f934ed502846b4686fb90e3/d2f63/2-xl… | |
2316 /static/b4f82ab27f934ed502846b4686fb90e3/c989d/2-xl-cassette.jpg 325w, | |
2317 /static/b4f82ab27f934ed502846b4686fb90e3/41099/2-xl-cassette.jpg 500w&qu… | |
2318 sizes="(max-width: 500px) 100vw, 500px" | |
2319 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2320 loading="lazy" | |
2321 /> | |
2322 </a> | |
2323 </span></p> | |
2324 <blockquote> | |
2325 <p>Source: <a href="https://en.wikipedia.org/wiki/2-XL&quo… | |
2326 </blockquote> | |
2327 <p>But I'll always prefer our smart-alecky 8-track 2-XL, and … | |
2328 <h3>Mega Man X</h3> | |
2329 <p>When I was a kid, I was pretty sure that one day I was going to… | |
2330 <p><span | |
2331 class="gatsby-resp-image-wrapper" | |
2332 style="position: relative; display: block; margin-left: auto;… | |
2333 > | |
2334 <a | |
2335 class="gatsby-resp-image-link" | |
2336 href="/static/39d29464655aae0ce2f0e13229322f16/41099/mmx.jpg&qu… | |
2337 style="display: block" | |
2338 target="_blank" | |
2339 rel="noopener" | |
2340 > | |
2341 <span | |
2342 class="gatsby-resp-image-background-image" | |
2343 style="padding-bottom: 73.61963190184049%; position: relative; … | |
2344 ></span> | |
2345 <img | |
2346 class="gatsby-resp-image-image" | |
2347 alt="Mega Man X" | |
2348 title="Mega Man X" | |
2349 src="/static/39d29464655aae0ce2f0e13229322f16/41099/mmx.jpg… | |
2350 srcset="/static/39d29464655aae0ce2f0e13229322f16/d2f63/mmx.… | |
2351 /static/39d29464655aae0ce2f0e13229322f16/c989d/mmx.jpg 325w, | |
2352 /static/39d29464655aae0ce2f0e13229322f16/41099/mmx.jpg 500w" | |
2353 sizes="(max-width: 500px) 100vw, 500px" | |
2354 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2355 loading="lazy" | |
2356 /> | |
2357 </a> | |
2358 </span></p> | |
2359 <blockquote> | |
2360 <p>Source: <a href="https://www.amazon.co.uk/Mega-Man-Mega… | |
2361 </blockquote> | |
2362 <p>I'm still waiting for that to happen, but the the mean tim… | |
2363 <h3>DUM-E and U</h3> | |
2364 <p>Robot arms with quirky personalities, built by someone named To… | |
2365 <p><span | |
2366 class="gatsby-resp-image-wrapper" | |
2367 style="position: relative; display: block; margin-left: auto;… | |
2368 > | |
2369 <a | |
2370 class="gatsby-resp-image-link" | |
2371 href="/static/653244aa1db702282adae95d91fb4138/41099/starm.jpg&… | |
2372 style="display: block" | |
2373 target="_blank" | |
2374 rel="noopener" | |
2375 > | |
2376 <span | |
2377 class="gatsby-resp-image-background-image" | |
2378 style="padding-bottom: 80.3680981595092%; position: relative; b… | |
2379 ></span> | |
2380 <img | |
2381 class="gatsby-resp-image-image" | |
2382 alt="Stark" | |
2383 title="Stark" | |
2384 src="/static/653244aa1db702282adae95d91fb4138/41099/starm.j… | |
2385 srcset="/static/653244aa1db702282adae95d91fb4138/d2f63/star… | |
2386 /static/653244aa1db702282adae95d91fb4138/c989d/starm.jpg 325w, | |
2387 /static/653244aa1db702282adae95d91fb4138/41099/starm.jpg 500w" | |
2388 sizes="(max-width: 500px) 100vw, 500px" | |
2389 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2390 loading="lazy" | |
2391 /> | |
2392 </a> | |
2393 </span></p> | |
2394 <blockquote> | |
2395 <p>Source: <a href="https://ironman.fandom.com/wiki/Dum-E_… | |
2396 </blockquote> | |
2397 <p>PSA - check out <a href="https://www.amazon.com/gp/prod… | |
2398 <h3>Metal Head</h3> | |
2399 <p>Two of my favorite things in one terrifying package - turtles a… | |
2400 <p><span | |
2401 class="gatsby-resp-image-wrapper" | |
2402 style="position: relative; display: block; margin-left: auto;… | |
2403 > | |
2404 <a | |
2405 class="gatsby-resp-image-link" | |
2406 href="/static/77ae95136bf95ec6a8828bce2a0b9f3f/b8284/metalhead.… | |
2407 style="display: block" | |
2408 target="_blank" | |
2409 rel="noopener" | |
2410 > | |
2411 <span | |
2412 class="gatsby-resp-image-background-image" | |
2413 style="padding-bottom: 91.41104294478527%; position: relative; … | |
2414 ></span> | |
2415 <img | |
2416 class="gatsby-resp-image-image" | |
2417 alt="Metal Head" | |
2418 title="Metal Head" | |
2419 src="/static/77ae95136bf95ec6a8828bce2a0b9f3f/6aca1/metalhe… | |
2420 srcset="/static/77ae95136bf95ec6a8828bce2a0b9f3f/d2f63/meta… | |
2421 /static/77ae95136bf95ec6a8828bce2a0b9f3f/c989d/metalhead.jpg 325w, | |
2422 /static/77ae95136bf95ec6a8828bce2a0b9f3f/6aca1/metalhead.jpg 650w, | |
2423 /static/77ae95136bf95ec6a8828bce2a0b9f3f/7c09c/metalhead.jpg 975w, | |
2424 /static/77ae95136bf95ec6a8828bce2a0b9f3f/b8284/metalhead.jpg 985w" | |
2425 sizes="(max-width: 650px) 100vw, 650px" | |
2426 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2427 loading="lazy" | |
2428 /> | |
2429 </a> | |
2430 </span></p> | |
2431 <blockquote> | |
2432 <p>Source: <a href="https://turtlepedia.fandom.com/wiki/Me… | |
2433 </blockquote> | |
2434 <p>Not to be confused with the always-evil Mechaturtles from the i… | |
2435 <p><span | |
2436 class="gatsby-resp-image-wrapper" | |
2437 style="position: relative; display: block; margin-left: auto;… | |
2438 > | |
2439 <a | |
2440 class="gatsby-resp-image-link" | |
2441 href="/static/dfd0388a52796c6aa0b6271fa404d8f9/16745/Mechaturtl… | |
2442 style="display: block" | |
2443 target="_blank" | |
2444 rel="noopener" | |
2445 > | |
2446 <span | |
2447 class="gatsby-resp-image-background-image" | |
2448 style="padding-bottom: 237.17948717948718%; position: relative;… | |
2449 ></span> | |
2450 <img | |
2451 class="gatsby-resp-image-image" | |
2452 alt="Mechaturtles" | |
2453 title="Mechaturtles" | |
2454 src="/static/dfd0388a52796c6aa0b6271fa404d8f9/16745/Mechatu… | |
2455 srcset="/static/dfd0388a52796c6aa0b6271fa404d8f9/16745/Mech… | |
2456 sizes="(max-width: 78px) 100vw, 78px" | |
2457 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2458 loading="lazy" | |
2459 /> | |
2460 </a> | |
2461 </span></p> | |
2462 <blockquote> | |
2463 <p>Source: <a href="https://turtlepedia.fandom.com/wiki/Me… | |
2464 </blockquote> | |
2465 <h3>Sonic Sam</h3> | |
2466 <p>I had one of these (it's still in my parent's attic).… | |
2467 <p><span | |
2468 class="gatsby-resp-image-wrapper" | |
2469 style="position: relative; display: block; margin-left: auto;… | |
2470 > | |
2471 <a | |
2472 class="gatsby-resp-image-link" | |
2473 href="/static/de0408c04849f7c44e84532c3e696f1a/c08c5/robottoy.j… | |
2474 style="display: block" | |
2475 target="_blank" | |
2476 rel="noopener" | |
2477 > | |
2478 <span | |
2479 class="gatsby-resp-image-background-image" | |
2480 style="padding-bottom: 56.44171779141104%; position: relative; … | |
2481 ></span> | |
2482 <img | |
2483 class="gatsby-resp-image-image" | |
2484 alt="Sonic Sam" | |
2485 title="Sonic Sam" | |
2486 src="/static/de0408c04849f7c44e84532c3e696f1a/c08c5/robotto… | |
2487 srcset="/static/de0408c04849f7c44e84532c3e696f1a/d2f63/robo… | |
2488 /static/de0408c04849f7c44e84532c3e696f1a/c989d/robottoy.jpg 325w, | |
2489 /static/de0408c04849f7c44e84532c3e696f1a/c08c5/robottoy.jpg 640w" | |
2490 sizes="(max-width: 640px) 100vw, 640px" | |
2491 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2492 loading="lazy" | |
2493 /> | |
2494 </a> | |
2495 </span></p> | |
2496 <blockquote> | |
2497 <p>Source: <a href="https://www.spotern.com/en/spot/tv/str… | |
2498 </blockquote> | |
2499 <p>And it's now memorialized in one of my favorite TV shows.&… | |
2500 <h3>Robo from Chrono Trigger</h3> | |
2501 <p>The best JRPG of all time? I think so. I loved Chrono and his g… | |
2502 <p><span | |
2503 class="gatsby-resp-image-wrapper" | |
2504 style="position: relative; display: block; margin-left: auto;… | |
2505 > | |
2506 <a | |
2507 class="gatsby-resp-image-link" | |
2508 href="/static/6c22080c421e67c0bac7aee47f76f0de/772e8/robo.png&q… | |
2509 style="display: block" | |
2510 target="_blank" | |
2511 rel="noopener" | |
2512 > | |
2513 <span | |
2514 class="gatsby-resp-image-background-image" | |
2515 style="padding-bottom: 167.48466257668713%; position: relative;… | |
2516 ></span> | |
2517 <img | |
2518 class="gatsby-resp-image-image" | |
2519 alt="Robo" | |
2520 title="Robo" | |
2521 src="/static/6c22080c421e67c0bac7aee47f76f0de/772e8/robo.pn… | |
2522 srcset="/static/6c22080c421e67c0bac7aee47f76f0de/222b7/robo… | |
2523 /static/6c22080c421e67c0bac7aee47f76f0de/772e8/robo.png 200w" | |
2524 sizes="(max-width: 200px) 100vw, 200px" | |
2525 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2526 loading="lazy" | |
2527 /> | |
2528 </a> | |
2529 </span></p> | |
2530 <blockquote> | |
2531 <p>Source: <a href="https://chrono.fandom.com/wiki/Robo&qu… | |
2532 </blockquote> | |
2533 <h3>The Iron Giant</h3> | |
2534 <p>Sometimes giant robots are gentle and curious. They just want t… | |
2535 <p><span | |
2536 class="gatsby-resp-image-wrapper" | |
2537 style="position: relative; display: block; margin-left: auto;… | |
2538 > | |
2539 <a | |
2540 class="gatsby-resp-image-link" | |
2541 href="/static/2a5c15093914ba94c385d4a49fd0f063/23db2/irongiant.… | |
2542 style="display: block" | |
2543 target="_blank" | |
2544 rel="noopener" | |
2545 > | |
2546 <span | |
2547 class="gatsby-resp-image-background-image" | |
2548 style="padding-bottom: 137.42331288343559%; position: relative;… | |
2549 ></span> | |
2550 <img | |
2551 class="gatsby-resp-image-image" | |
2552 alt="Iron Giant" | |
2553 title="Iron Giant" | |
2554 src="/static/2a5c15093914ba94c385d4a49fd0f063/23db2/irongia… | |
2555 srcset="/static/2a5c15093914ba94c385d4a49fd0f063/d2f63/iron… | |
2556 /static/2a5c15093914ba94c385d4a49fd0f063/23db2/irongiant.jpg 269w" | |
2557 sizes="(max-width: 269px) 100vw, 269px" | |
2558 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2559 loading="lazy" | |
2560 /> | |
2561 </a> | |
2562 </span></p> | |
2563 <blockquote> | |
2564 <p>Source: <a href="https://upload.wikimedia.org/wikipedia… | |
2565 </blockquote> | |
2566 <p>Kids and robots just go together, like kids and E.T.</p> | |
2567 <h3>Cozmo</h3> | |
2568 <p>A programmable robot!</p> | |
2569 <p><span | |
2570 class="gatsby-resp-image-wrapper" | |
2571 style="position: relative; display: block; margin-left: auto;… | |
2572 > | |
2573 <a | |
2574 class="gatsby-resp-image-link" | |
2575 href="/static/0aa53da4daf21c62993620a41767c0a2/1cfc2/cozmo.png&… | |
2576 style="display: block" | |
2577 target="_blank" | |
2578 rel="noopener" | |
2579 > | |
2580 <span | |
2581 class="gatsby-resp-image-background-image" | |
2582 style="padding-bottom: 73.00613496932516%; position: relative; … | |
2583 ></span> | |
2584 <img | |
2585 class="gatsby-resp-image-image" | |
2586 alt="Cozmo" | |
2587 title="Cozmo" | |
2588 src="/static/0aa53da4daf21c62993620a41767c0a2/a6d36/cozmo.p… | |
2589 srcset="/static/0aa53da4daf21c62993620a41767c0a2/222b7/cozm… | |
2590 /static/0aa53da4daf21c62993620a41767c0a2/ff46a/cozmo.png 325w, | |
2591 /static/0aa53da4daf21c62993620a41767c0a2/a6d36/cozmo.png 650w, | |
2592 /static/0aa53da4daf21c62993620a41767c0a2/1cfc2/cozmo.png 900w" | |
2593 sizes="(max-width: 650px) 100vw, 650px" | |
2594 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2595 loading="lazy" | |
2596 /> | |
2597 </a> | |
2598 </span></p> | |
2599 <blockquote> | |
2600 <p>Source: <a href="https://www.digitaldreamlabs.com/pages… | |
2601 </blockquote> | |
2602 <p>Cozmo's fatal flaw is how nearly impossible it is to conne… | |
2603 <p>That said, I've had a lot fun with Cozmo, including <a … | |
2604 <h3>Droids</h3> | |
2605 <p>Okay, the main event. Droids.</p> | |
2606 <p>The Star Wars folks who put together the droids for A New Hope … | |
2607 <h4>WED-15-1016</h4> | |
2608 <p>It's R.O.B. with a longer neck, a blue face, and way more … | |
2609 <p><span | |
2610 class="gatsby-resp-image-wrapper" | |
2611 style="position: relative; display: block; margin-left: auto;… | |
2612 > | |
2613 <a | |
2614 class="gatsby-resp-image-link" | |
2615 href="/static/da34ef15c6d3d7825f5cff64051e89b3/cb69c/wed-techie… | |
2616 style="display: block" | |
2617 target="_blank" | |
2618 rel="noopener" | |
2619 > | |
2620 <span | |
2621 class="gatsby-resp-image-background-image" | |
2622 style="padding-bottom: 74.84662576687117%; position: relative; … | |
2623 ></span> | |
2624 <img | |
2625 class="gatsby-resp-image-image" | |
2626 alt="wed-technie" | |
2627 title="wed-technie" | |
2628 src="/static/da34ef15c6d3d7825f5cff64051e89b3/cb69c/wed-tec… | |
2629 srcset="/static/da34ef15c6d3d7825f5cff64051e89b3/d2f63/wed-… | |
2630 /static/da34ef15c6d3d7825f5cff64051e89b3/cb69c/wed-techie.jpg 320w" | |
2631 sizes="(max-width: 320px) 100vw, 320px" | |
2632 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2633 loading="lazy" | |
2634 /> | |
2635 </a> | |
2636 </span></p> | |
2637 <blockquote> | |
2638 <p>Source: <a href="https://starwarsataglance.wordpress.co… | |
2639 </blockquote> | |
2640 <p>I treasuring my WED-15-1016 card from the Star Wars collectible… | |
2641 <p><span | |
2642 class="gatsby-resp-image-wrapper" | |
2643 style="position: relative; display: block; margin-left: auto;… | |
2644 > | |
2645 <a | |
2646 class="gatsby-resp-image-link" | |
2647 href="/static/42d3d89633a83af49f7eb084c0aa25cc/a414c/wed-card.p… | |
2648 style="display: block" | |
2649 target="_blank" | |
2650 rel="noopener" | |
2651 > | |
2652 <span | |
2653 class="gatsby-resp-image-background-image" | |
2654 style="padding-bottom: 140.4907975460123%; position: relative; … | |
2655 ></span> | |
2656 <img | |
2657 class="gatsby-resp-image-image" | |
2658 alt="wed-card" | |
2659 title="wed-card" | |
2660 src="/static/42d3d89633a83af49f7eb084c0aa25cc/a414c/wed-car… | |
2661 srcset="/static/42d3d89633a83af49f7eb084c0aa25cc/222b7/wed-… | |
2662 /static/42d3d89633a83af49f7eb084c0aa25cc/a414c/wed-card.png 206w" | |
2663 sizes="(max-width: 206px) 100vw, 206px" | |
2664 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2665 loading="lazy" | |
2666 /> | |
2667 </a> | |
2668 </span></p> | |
2669 <blockquote> | |
2670 <p>Source: <a href="http://www.cardgamedb.com/index.php/st… | |
2671 </blockquote> | |
2672 <p>Here is one of WED-15-1016's cousins, a fully tricked-out … | |
2673 <p><span | |
2674 class="gatsby-resp-image-wrapper" | |
2675 style="position: relative; display: block; margin-left: auto;… | |
2676 > | |
2677 <a | |
2678 class="gatsby-resp-image-link" | |
2679 href="/static/6afe934f96e3f13bbf2ce81b82c3f2c6/0d333/WED-treadw… | |
2680 style="display: block" | |
2681 target="_blank" | |
2682 rel="noopener" | |
2683 > | |
2684 <span | |
2685 class="gatsby-resp-image-background-image" | |
2686 style="padding-bottom: 98.15950920245399%; position: relative; … | |
2687 ></span> | |
2688 <img | |
2689 class="gatsby-resp-image-image" | |
2690 alt="wed-tread" | |
2691 title="wed-tread" | |
2692 src="/static/6afe934f96e3f13bbf2ce81b82c3f2c6/6aca1/WED-tre… | |
2693 srcset="/static/6afe934f96e3f13bbf2ce81b82c3f2c6/d2f63/WED-… | |
2694 /static/6afe934f96e3f13bbf2ce81b82c3f2c6/c989d/WED-treadwell.jpg 325w, | |
2695 /static/6afe934f96e3f13bbf2ce81b82c3f2c6/6aca1/WED-treadwell.jpg 650w, | |
2696 /static/6afe934f96e3f13bbf2ce81b82c3f2c6/7c09c/WED-treadwell.jpg 975w, | |
2697 /static/6afe934f96e3f13bbf2ce81b82c3f2c6/0d333/WED-treadwell.jpg 1175w&q… | |
2698 sizes="(max-width: 650px) 100vw, 650px" | |
2699 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2700 loading="lazy" | |
2701 /> | |
2702 </a> | |
2703 </span></p> | |
2704 <blockquote> | |
2705 <p>Source: <a href="https://starwars.fandom.com/wiki/WED_T… | |
2706 </blockquote> | |
2707 <p>I even found this questionably-real deleted scene from A New Ho… | |
2708 <iframe width="720" height="415" src="https:… | |
2709 <h2>More robots</h2> | |
2710 <p>So, who did I miss in my list? Data? He's an android, so n… | |
2711 <p>Speaking of lists, I also found this gigantic <a href="… | |
2712 <p>I'm not-so-secretly hoping that, one day, the robots in my… | |
2713 <h2>From cardboard to ciruit boards</h2> | |
2714 <p>Also, it's high time to upgrade my hobby. I've begun … | |
2715 <p>Create wonderful things, be good, have fun</p> | |
2716 </blockquote> | |
2717 <p>This is the credo of Klutz Press, the most important book publi… | |
2718 <h2>What makes a Klutz Press book so good for learning stuff?</… | |
2719 <p>If you've heard of Klutz, then you've likely seen the… | |
2720 <p><span | |
2721 class="gatsby-resp-image-wrapper" | |
2722 style="position: relative; display: block; margin-left: auto;… | |
2723 > | |
2724 <a | |
2725 class="gatsby-resp-image-link" | |
2726 href="/static/c28fcf440265c6bea76d51f90e51b462/1cfc2/juggling.p… | |
2727 style="display: block" | |
2728 target="_blank" | |
2729 rel="noopener" | |
2730 > | |
2731 <span | |
2732 class="gatsby-resp-image-background-image" | |
2733 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
2734 ></span> | |
2735 <img | |
2736 class="gatsby-resp-image-image" | |
2737 alt="juggling" | |
2738 title="juggling" | |
2739 src="/static/c28fcf440265c6bea76d51f90e51b462/a6d36/jugglin… | |
2740 srcset="/static/c28fcf440265c6bea76d51f90e51b462/222b7/jugg… | |
2741 /static/c28fcf440265c6bea76d51f90e51b462/ff46a/juggling.png 325w, | |
2742 /static/c28fcf440265c6bea76d51f90e51b462/a6d36/juggling.png 650w, | |
2743 /static/c28fcf440265c6bea76d51f90e51b462/1cfc2/juggling.png 900w" | |
2744 sizes="(max-width: 650px) 100vw, 650px" | |
2745 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2746 loading="lazy" | |
2747 /> | |
2748 </a> | |
2749 </span></p> | |
2750 <p>If not, I highly suggest seeking out a copy. Keep in mind, it&a… | |
2751 <ul> | |
2752 <li>It's spiral-bound</li> | |
2753 <li>It has hilarious drawings</li> | |
2754 <li>It comes attached with three real-life bean bags!</li> | |
2755 </ul> | |
2756 <p>These are book super-powers, in my book (a Klutz-worthy pun?). … | |
2757 <ul> | |
2758 <li><a href="https://www.amazon.com/gp/product/0932592082/… | |
2759 <li><a href="https://www.amazon.com/gp/product/1591747007/… | |
2760 <li><a href="https://www.amazon.com/gp/product/1878257501/… | |
2761 <li><a href="https://www.amazon.com/gp/product/1878257536/… | |
2762 <li><a href="https://www.amazon.com/gp/product/1591745047/… | |
2763 <li><a href="https://www.amazon.com/gp/product/1878257412/… | |
2764 <li><a href="https://www.amazon.com/gp/product/1878257749/… | |
2765 <li><a href="https://www.amazon.com/gp/product/1878257145/… | |
2766 </ul> | |
2767 <p>As a kid, there was nothing better than getting a new Klutz boo… | |
2768 <h3>Klutz books are spiral-bound</h3> | |
2769 <p>Books for learning stuff should be able to open up and stay fla… | |
2770 <p>So, why don't we see more spiral-bound books? Without know… | |
2771 <h3>Klutz books come with the required materials</h3> | |
2772 <p>The little "paper" football that came with the <em… | |
2773 <p><span | |
2774 class="gatsby-resp-image-wrapper" | |
2775 style="position: relative; display: block; margin-left: auto;… | |
2776 > | |
2777 <a | |
2778 class="gatsby-resp-image-link" | |
2779 href="/static/e4a351feccb1c6d3e7524fa014860c7c/20f07/football.j… | |
2780 style="display: block" | |
2781 target="_blank" | |
2782 rel="noopener" | |
2783 > | |
2784 <span | |
2785 class="gatsby-resp-image-background-image" | |
2786 style="padding-bottom: 149.69325153374234%; position: relative;… | |
2787 ></span> | |
2788 <img | |
2789 class="gatsby-resp-image-image" | |
2790 alt="football" | |
2791 title="football" | |
2792 src="/static/e4a351feccb1c6d3e7524fa014860c7c/20f07/footbal… | |
2793 srcset="/static/e4a351feccb1c6d3e7524fa014860c7c/d2f63/foot… | |
2794 /static/e4a351feccb1c6d3e7524fa014860c7c/c989d/football.jpg 325w, | |
2795 /static/e4a351feccb1c6d3e7524fa014860c7c/20f07/football.jpg 334w" | |
2796 sizes="(max-width: 334px) 100vw, 334px" | |
2797 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2798 loading="lazy" | |
2799 /> | |
2800 </a> | |
2801 </span></p> | |
2802 <p>Side note that there are some people who just love making small… | |
2803 <p>Anyway, back to these Klutz books. By including juggling bean b… | |
2804 <h3>Klutz books have hilarious art</h3> | |
2805 <p><span | |
2806 class="gatsby-resp-image-wrapper" | |
2807 style="position: relative; display: block; margin-left: auto;… | |
2808 > | |
2809 <a | |
2810 class="gatsby-resp-image-link" | |
2811 href="/static/6c99ba6e2419ae976e32b7e293532a7a/20e5d/shenanigan… | |
2812 style="display: block" | |
2813 target="_blank" | |
2814 rel="noopener" | |
2815 > | |
2816 <span | |
2817 class="gatsby-resp-image-background-image" | |
2818 style="padding-bottom: 105.52147239263803%; position: relative;… | |
2819 ></span> | |
2820 <img | |
2821 class="gatsby-resp-image-image" | |
2822 alt="shenanigan" | |
2823 title="shenanigan" | |
2824 src="/static/6c99ba6e2419ae976e32b7e293532a7a/20e5d/shenani… | |
2825 srcset="/static/6c99ba6e2419ae976e32b7e293532a7a/d2f63/shen… | |
2826 /static/6c99ba6e2419ae976e32b7e293532a7a/c989d/shenanigan.jpg 325w, | |
2827 /static/6c99ba6e2419ae976e32b7e293532a7a/20e5d/shenanigan.jpg 450w" | |
2828 sizes="(max-width: 450px) 100vw, 450px" | |
2829 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2830 loading="lazy" | |
2831 /> | |
2832 </a> | |
2833 </span></p> | |
2834 <p>Just look at that paper airplane stuck in the teacher's ha… | |
2835 <p>Klutz had a particular art direction that spoke to me as a chil… | |
2836 <p>Which brings me to the most important reason that Klutz books a… | |
2837 <h3>Klutz books embrace the Beginner's Mindset</h3> | |
2838 <blockquote> | |
2839 <p>In the beginner's mind there are many possibilities. In th… | |
2840 </blockquote> | |
2841 <p>Everyone starts out as a klutz. No matter what. That means it&a… | |
2842 <p>Being a klutz, making mistakes, having fun, this is the path to… | |
2843 <h2>Who's behind Klutz Press?</h2> | |
2844 <p>According to <a href="https://en.wikipedia.org/wiki/Klu… | |
2845 <p>The apocryphal story is that <a href="https://en.wikipe… | |
2846 <p><em>Juggling For the Complete Klutz</em> has sold o… | |
2847 <p>Nowadays, Klutz.com redirects to the Scholastic website, and it… | |
2848 <p>Luckily, I was able to find a good interview with Cassidy from … | |
2849 <p>On their company culture at Klutz Press:</p> | |
2850 <blockquote> | |
2851 <p>"In terms of being laid back, we take a back seat to nobod… | |
2852 </blockquote> | |
2853 <p>On their "teaching" style:</p> | |
2854 <blockquote> | |
2855 <p>"Talk to a kid about fun and math, and it's like you&… | |
2856 </blockquote> | |
2857 <blockquote> | |
2858 <p>"Kids don't learn all that much by listening or readi… | |
2859 </blockquote> | |
2860 <p>This reminds me of Seymour Paypert's <a href="http… | |
2861 <p>The article explains a bit about their business:</p> | |
2862 <ul> | |
2863 <li>All of Klutz' books sell for less than $20</li> | |
2864 <li>They can have low prices because: (1) the books (with their ac… | |
2865 </ul> | |
2866 <p>And, importantly, the final word from Cassidy:</p> | |
2867 <blockquote> | |
2868 <p>"I can hang a spoon off my nose," Cassidy boasts, &qu… | |
2869 </blockquote> | |
2870 <h2>Create wonderful things, be good, have fun</h2> | |
2871 <p>I just wanted to write that out again. I've decided to ado… | |
2872 <p>I learned so much from Klutz Press as a kid. I'm still lea… | |
2873 <ul> | |
2874 <li>The car takes the expensive kind of gas</li> | |
2875 <li>The trunk doesn't always open up from the outside</li&… | |
2876 <li>The dash says the tail-light is out, but it's not</li&… | |
2877 <li>You'll need to add more oil every 100 miles or so, and it… | |
2878 </ul> | |
2879 <p>I nodded throughout. Yup, needs prem-o gas. Trunk's weird,… | |
2880 <p>Meanwhile, I caught myself thinking, "Wow, they really kno… | |
2881 <p>I, for one, don't. My dad knows how to take a car apart an… | |
2882 <p>Fact is, I've never owned a car in my adult life (hello, c… | |
2883 <p>But, sure, I'd like to!</p> | |
2884 <p>Even now, I'm starting to fantasize about acquiring the ru… | |
2885 <p>Where does this fantasy come from? Well, I've been told th… | |
2886 <p>Why do I jump all the way to wanting to understand things from … | |
2887 <p>Maybe because this has been a mostly-successful ideal for me to… | |
2888 <p>Which brings me to the following shower thought:</p> | |
2889 <h2>The Six Levels of Interaction with Systems</h2> | |
2890 <p>The six levels of interaction with a system are:</p> | |
2891 <ol start="0"> | |
2892 <li>Non-use</li> | |
2893 <li>Use</li> | |
2894 <li>Monitor</li> | |
2895 <li>Maintain</li> | |
2896 <li>Repair</li> | |
2897 <li>(Re)build</li> | |
2898 </ol> | |
2899 <p>Yes, this is zero-indexed, obviously. Want to see it as a Ben T… | |
2900 <p><span | |
2901 class="gatsby-resp-image-wrapper" | |
2902 style="position: relative; display: block; margin-left: auto;… | |
2903 > | |
2904 <a | |
2905 class="gatsby-resp-image-link" | |
2906 href="/static/019fd88c90423bca8237edf07f8b24fe/07d37/stages.png… | |
2907 style="display: block" | |
2908 target="_blank" | |
2909 rel="noopener" | |
2910 > | |
2911 <span | |
2912 class="gatsby-resp-image-background-image" | |
2913 style="padding-bottom: 18.404907975460123%; position: relative;… | |
2914 ></span> | |
2915 <img | |
2916 class="gatsby-resp-image-image" | |
2917 alt="levels" | |
2918 title="levels" | |
2919 src="/static/019fd88c90423bca8237edf07f8b24fe/a6d36/stages.… | |
2920 srcset="/static/019fd88c90423bca8237edf07f8b24fe/222b7/stag… | |
2921 /static/019fd88c90423bca8237edf07f8b24fe/ff46a/stages.png 325w, | |
2922 /static/019fd88c90423bca8237edf07f8b24fe/a6d36/stages.png 650w, | |
2923 /static/019fd88c90423bca8237edf07f8b24fe/e548f/stages.png 975w, | |
2924 /static/019fd88c90423bca8237edf07f8b24fe/3c492/stages.png 1300w, | |
2925 /static/019fd88c90423bca8237edf07f8b24fe/07d37/stages.png 1790w" | |
2926 sizes="(max-width: 650px) 100vw, 650px" | |
2927 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2928 loading="lazy" | |
2929 /> | |
2930 </a> | |
2931 </span></p> | |
2932 <p>My thanks to the <a href="https://excalidraw.com"&… | |
2933 <p><span | |
2934 class="gatsby-resp-image-wrapper" | |
2935 style="position: relative; display: block; margin-left: auto;… | |
2936 > | |
2937 <a | |
2938 class="gatsby-resp-image-link" | |
2939 href="/static/05ed9375769929e7791a124d47eac88b/80cfc/people.png… | |
2940 style="display: block" | |
2941 target="_blank" | |
2942 rel="noopener" | |
2943 > | |
2944 <span | |
2945 class="gatsby-resp-image-background-image" | |
2946 style="padding-bottom: 34.96932515337423%; position: relative; … | |
2947 ></span> | |
2948 <img | |
2949 class="gatsby-resp-image-image" | |
2950 alt="people" | |
2951 title="people" | |
2952 src="/static/05ed9375769929e7791a124d47eac88b/a6d36/people.… | |
2953 srcset="/static/05ed9375769929e7791a124d47eac88b/222b7/peop… | |
2954 /static/05ed9375769929e7791a124d47eac88b/ff46a/people.png 325w, | |
2955 /static/05ed9375769929e7791a124d47eac88b/a6d36/people.png 650w, | |
2956 /static/05ed9375769929e7791a124d47eac88b/e548f/people.png 975w, | |
2957 /static/05ed9375769929e7791a124d47eac88b/3c492/people.png 1300w, | |
2958 /static/05ed9375769929e7791a124d47eac88b/80cfc/people.png 1844w" | |
2959 sizes="(max-width: 650px) 100vw, 650px" | |
2960 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2961 loading="lazy" | |
2962 /> | |
2963 </a> | |
2964 </span></p> | |
2965 <p>Not funny enough? How about a concentric-circle approach? That … | |
2966 <p><span | |
2967 class="gatsby-resp-image-wrapper" | |
2968 style="position: relative; display: block; margin-left: auto;… | |
2969 > | |
2970 <a | |
2971 class="gatsby-resp-image-link" | |
2972 href="/static/aac83040f2c998858cc7a4acce92d28c/b12f7/onion.png&… | |
2973 style="display: block" | |
2974 target="_blank" | |
2975 rel="noopener" | |
2976 > | |
2977 <span | |
2978 class="gatsby-resp-image-background-image" | |
2979 style="padding-bottom: 107.97546012269939%; position: relative;… | |
2980 ></span> | |
2981 <img | |
2982 class="gatsby-resp-image-image" | |
2983 alt="onion" | |
2984 title="onion" | |
2985 src="/static/aac83040f2c998858cc7a4acce92d28c/a6d36/onion.p… | |
2986 srcset="/static/aac83040f2c998858cc7a4acce92d28c/222b7/onio… | |
2987 /static/aac83040f2c998858cc7a4acce92d28c/ff46a/onion.png 325w, | |
2988 /static/aac83040f2c998858cc7a4acce92d28c/a6d36/onion.png 650w, | |
2989 /static/aac83040f2c998858cc7a4acce92d28c/e548f/onion.png 975w, | |
2990 /static/aac83040f2c998858cc7a4acce92d28c/b12f7/onion.png 1020w" | |
2991 sizes="(max-width: 650px) 100vw, 650px" | |
2992 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
2993 loading="lazy" | |
2994 /> | |
2995 </a> | |
2996 </span></p> | |
2997 <p>Yes, those are the vintage Apple logo colors, because I literal… | |
2998 <p>Let's go through the levels one-by-one, continuing our use… | |
2999 <h3>Level 0: Non-use</h3> | |
3000 <p>You can't use the system. You don't know how to drive… | |
3001 <h3>Level 1: Use</h3> | |
3002 <p>You can use the primary purpose of the system. You know how to … | |
3003 <h3>Level 2: Monitor</h3> | |
3004 <p>You know how to observe secondary signals from the system. In o… | |
3005 <h3>Level 3: Maintain</h3> | |
3006 <p>You are comfortable enough with the previous monitoring signals… | |
3007 <h3>Level 4: Repair</h3> | |
3008 <p>You know how to fix sub-systems in the overall system. Not nece… | |
3009 <h3>Level 5: (Re)build</h3> | |
3010 <p>You know how to tear apart the system completely and re-build i… | |
3011 <h2>Other examples</h2> | |
3012 <blockquote> | |
3013 <p>Sure, Charlie, that worked conveniently for your car example. B… | |
3014 </blockquote> | |
3015 <p>Great question!</p> | |
3016 <p>How about investing?</p> | |
3017 <ol start="0"> | |
3018 <li><strong>Non-use</strong>: Don't invest anythi… | |
3019 <li><strong>Use</strong>: Invest some money and be abl… | |
3020 <li><strong>Monitor</strong>: Compare your returns wit… | |
3021 <li><strong>Maintain</strong>: Make slight adjustments… | |
3022 <li><strong>Repair</strong>: Fix gaping holes or major… | |
3023 <li><strong>Re(build)</strong>: Design a custom invest… | |
3024 </ol> | |
3025 <p>Okay, admittedly <strong>Repair</strong> and <st… | |
3026 <p><strong>In fact, the lines between these levels are meant… | |
3027 <p>Let's try another example: using a desktop computer!</p… | |
3028 <ol start="0"> | |
3029 <li><strong>Non-use</strong>: Don't know how to u… | |
3030 <li><strong>Use</strong>: Can use a computer to do stu… | |
3031 <li><strong>Monitor</strong>: Notice that your browser… | |
3032 <li><strong>Maintain</strong>: Empty your "trash … | |
3033 <li><strong>Repair</strong>: Remove that sketchy ad co… | |
3034 <li><strong>Re(build)</strong>: Take apart a computer,… | |
3035 </ol> | |
3036 <p>I suppose with that example we transitioned from a non-computer… | |
3037 <p>The onion is infinite. But these outer levels may prove useful … | |
3038 <p>There's often money to be made for more advanced "Lev… | |
3039 <h2>So, what's the right way to learn a new system?</h2> | |
3040 <p>I don't know! </p> | |
3041 <p>On one hand, knowledge stacks on previous or prerequiste knowle… | |
3042 <p>On the other hand, if all you ever want to do is "use"… | |
3043 <p>The question to consider is: what's your goal? </p> | |
3044 <p>Your answer should guide where you should set your North Star i… | |
3045 <h3>A note on instructional design</h3> | |
3046 <p>Great courses and great teachers take a strong viewpoint toward… | |
3047 <p>Sal Khan of <a href="https://www.khanacademy.org/"… | |
3048 <p>Whereas, <a href="https://www.fast.ai/about/#jeremy&quo… | |
3049 <p>In both cases, it's about finding the right way to motivat… | |
3050 <h3>"What's next?" asked the life-long learner</… | |
3051 <p>Is this six-levels thing a brilliant and new grand unified theo… | |
3052 <p>For me, this "thereom" (I'm still going to call … | |
3053 <p>Is it this car? Probably not. But I'll still watch some Yo… | |
3054 <h4>Footnotes</h4> | |
3055 <ol> | |
3056 <li>No actual quid pro quos were exchanged. I merely wanted to quo… | |
3057 </ol></content:encoded></item><item><title><![CDATA[My New Old App… | |
3058 <p>eBay thrills in me in an early Internet kind-of-way. It's … | |
3059 <p>My greatest feat of all was the 2006 purchase of a Fender Ameri… | |
3060 <p>Jackpot.</p> | |
3061 <p>I'd been waffling between a <a href="https://en.wi… | |
3062 <p>I set a few auctions to my watch-list, and then laced on my sne… | |
3063 <p>It was an Apple IIe. With its CRT monitor. And a dual floppy dr… | |
3064 <p>Just. SITTING. THERE.</p> | |
3065 <p>I explained the situation to Carly. She suggested, wisely, that… | |
3066 <p>The next 30 minutes were agony. I've never ran so fast in … | |
3067 <p>But it was still there.</p> | |
3068 <p>I knocked on the door. They were remodeling, I could hear saws … | |
3069 <blockquote> | |
3070 <p>It still works.</p> | |
3071 </blockquote> | |
3072 <p>No better sounds could have been uttered.</p> | |
3073 <h3>Plugging it in</h3> | |
3074 <p>I carried my Precious back home and hurried to plug it in.</… | |
3075 <p>Except the monitor cable was missing. I was certain that I&apos… | |
3076 <p>I still turned on the computer and the monitor anyway, and was … | |
3077 <p>By this point, it was high time to get on my bike and head into… | |
3078 <p><span | |
3079 class="gatsby-resp-image-wrapper" | |
3080 style="position: relative; display: block; margin-left: auto;… | |
3081 > | |
3082 <span | |
3083 class="gatsby-resp-image-background-image" | |
3084 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3085 ></span> | |
3086 <img | |
3087 class="gatsby-resp-image-image" | |
3088 alt="Monitor cable" | |
3089 title="Monitor cable" | |
3090 src="/static/3cc071bf6fe0055d7adf30d554753558/6aca1/monitor… | |
3091 srcset="/static/3cc071bf6fe0055d7adf30d554753558/d2f63/moni… | |
3092 /static/3cc071bf6fe0055d7adf30d554753558/c989d/monitorplug.jpg 325w, | |
3093 /static/3cc071bf6fe0055d7adf30d554753558/6aca1/monitorplug.jpg 650w, | |
3094 /static/3cc071bf6fe0055d7adf30d554753558/7c09c/monitorplug.jpg 975w, | |
3095 /static/3cc071bf6fe0055d7adf30d554753558/01ab0/monitorplug.jpg 1300w, | |
3096 /static/3cc071bf6fe0055d7adf30d554753558/ac99c/monitorplug.jpg 1536w&quo… | |
3097 sizes="(max-width: 650px) 100vw, 650px" | |
3098 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3099 loading="lazy" | |
3100 /> | |
3101 </span></p> | |
3102 <p>That night, after work, I turned it on. One beep and then:</… | |
3103 <p><span | |
3104 class="gatsby-resp-image-wrapper" | |
3105 style="position: relative; display: block; margin-left: auto;… | |
3106 > | |
3107 <span | |
3108 class="gatsby-resp-image-background-image" | |
3109 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3110 ></span> | |
3111 <img | |
3112 class="gatsby-resp-image-image" | |
3113 alt="boot" | |
3114 title="boot" | |
3115 src="/static/cc15f0f4663c4383e24711a1db5cba9d/6aca1/boot.jp… | |
3116 srcset="/static/cc15f0f4663c4383e24711a1db5cba9d/d2f63/boot… | |
3117 /static/cc15f0f4663c4383e24711a1db5cba9d/c989d/boot.jpg 325w, | |
3118 /static/cc15f0f4663c4383e24711a1db5cba9d/6aca1/boot.jpg 650w, | |
3119 /static/cc15f0f4663c4383e24711a1db5cba9d/7c09c/boot.jpg 975w, | |
3120 /static/cc15f0f4663c4383e24711a1db5cba9d/01ab0/boot.jpg 1300w, | |
3121 /static/cc15f0f4663c4383e24711a1db5cba9d/ac99c/boot.jpg 1536w" | |
3122 sizes="(max-width: 650px) 100vw, 650px" | |
3123 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3124 loading="lazy" | |
3125 /> | |
3126 </span></p> | |
3127 <p>"Isn't it beautiful?" I said to Carly. "And… | |
3128 <p>"Yes, and what do you do with it?"</p> | |
3129 <p>"Well... you just..."</p> | |
3130 <p>Truth was I didn't know how to advance past this welcome s… | |
3131 <p>But I'm a software engineer. I know how to Google. Soon, a… | |
3132 <p>I was ready for this.</p> | |
3133 <p><span | |
3134 class="gatsby-resp-image-wrapper" | |
3135 style="position: relative; display: block; margin-left: auto;… | |
3136 > | |
3137 <span | |
3138 class="gatsby-resp-image-background-image" | |
3139 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3140 ></span> | |
3141 <img | |
3142 class="gatsby-resp-image-image" | |
3143 alt="yup" | |
3144 title="yup" | |
3145 src="/static/80419632c0d27acc4c946f5991b0587d/6aca1/yup.jpg… | |
3146 srcset="/static/80419632c0d27acc4c946f5991b0587d/d2f63/yup.… | |
3147 /static/80419632c0d27acc4c946f5991b0587d/c989d/yup.jpg 325w, | |
3148 /static/80419632c0d27acc4c946f5991b0587d/6aca1/yup.jpg 650w, | |
3149 /static/80419632c0d27acc4c946f5991b0587d/7c09c/yup.jpg 975w, | |
3150 /static/80419632c0d27acc4c946f5991b0587d/01ab0/yup.jpg 1300w, | |
3151 /static/80419632c0d27acc4c946f5991b0587d/ac99c/yup.jpg 1536w" | |
3152 sizes="(max-width: 650px) 100vw, 650px" | |
3153 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3154 loading="lazy" | |
3155 /> | |
3156 </span></p> | |
3157 <p><span | |
3158 class="gatsby-resp-image-wrapper" | |
3159 style="position: relative; display: block; margin-left: auto;… | |
3160 > | |
3161 <span | |
3162 class="gatsby-resp-image-background-image" | |
3163 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3164 ></span> | |
3165 <img | |
3166 class="gatsby-resp-image-image" | |
3167 alt="loop" | |
3168 title="loop" | |
3169 src="/static/fb7fccae78325c62788e78bcdb8af7f3/6aca1/loop.jp… | |
3170 srcset="/static/fb7fccae78325c62788e78bcdb8af7f3/d2f63/loop… | |
3171 /static/fb7fccae78325c62788e78bcdb8af7f3/c989d/loop.jpg 325w, | |
3172 /static/fb7fccae78325c62788e78bcdb8af7f3/6aca1/loop.jpg 650w, | |
3173 /static/fb7fccae78325c62788e78bcdb8af7f3/7c09c/loop.jpg 975w, | |
3174 /static/fb7fccae78325c62788e78bcdb8af7f3/01ab0/loop.jpg 1300w, | |
3175 /static/fb7fccae78325c62788e78bcdb8af7f3/ac99c/loop.jpg 1536w" | |
3176 sizes="(max-width: 650px) 100vw, 650px" | |
3177 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3178 loading="lazy" | |
3179 /> | |
3180 </span></p> | |
3181 <p>I didn't grow up coding in BASIC, but I'm a student o… | |
3182 <p>Carly nodded. "Cool. Why does it smell like a campfire?&qu… | |
3183 <h3>Capacitor problems</h3> | |
3184 <p>Uh-oh. That pop that I'd heard seconds before, and willful… | |
3185 <blockquote> | |
3186 <p>Burnt marshmallows on blacktop.</p> | |
3187 </blockquote> | |
3188 <p>I flipped off the power. I forgot to mention I already had the … | |
3189 <p>Some more Googling revealed the likely problem: a capacitor pop… | |
3190 <p>At this point, if I had been a more experienced solder-er, I wo… | |
3191 <p>I spent some time looking for an Apple repair store that would … | |
3192 <p>So I did. It arrived in the mail about a week later, and I inst… | |
3193 <p>And it worked! I looked up an old program in an old Apple magaz… | |
3194 <blockquote class="twitter-tweet"><p lang="en&qu… | |
3195 <h3>Expansion slots</h3> | |
3196 <p>Now that I've got a working, adorable Apple IIe, the first… | |
3197 <p><span | |
3198 class="gatsby-resp-image-wrapper" | |
3199 style="position: relative; display: block; margin-left: auto;… | |
3200 > | |
3201 <span | |
3202 class="gatsby-resp-image-background-image" | |
3203 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3204 ></span> | |
3205 <img | |
3206 class="gatsby-resp-image-image" | |
3207 alt="Apple IIe top down" | |
3208 title="Apple IIe top down" | |
3209 src="/static/a8324ff3bbaccb5768157d73a8ac790e/6aca1/topclos… | |
3210 srcset="/static/a8324ff3bbaccb5768157d73a8ac790e/d2f63/topc… | |
3211 /static/a8324ff3bbaccb5768157d73a8ac790e/c989d/topclosed.jpg 325w, | |
3212 /static/a8324ff3bbaccb5768157d73a8ac790e/6aca1/topclosed.jpg 650w, | |
3213 /static/a8324ff3bbaccb5768157d73a8ac790e/7c09c/topclosed.jpg 975w, | |
3214 /static/a8324ff3bbaccb5768157d73a8ac790e/01ab0/topclosed.jpg 1300w, | |
3215 /static/a8324ff3bbaccb5768157d73a8ac790e/ac99c/topclosed.jpg 1536w" | |
3216 sizes="(max-width: 650px) 100vw, 650px" | |
3217 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3218 loading="lazy" | |
3219 /> | |
3220 </span></p> | |
3221 <p><span | |
3222 class="gatsby-resp-image-wrapper" | |
3223 style="position: relative; display: block; margin-left: auto;… | |
3224 > | |
3225 <span | |
3226 class="gatsby-resp-image-background-image" | |
3227 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3228 ></span> | |
3229 <img | |
3230 class="gatsby-resp-image-image" | |
3231 alt="lift" | |
3232 title="lift" | |
3233 src="/static/327df739a0121ee18eeac70a49ca184c/6aca1/lift.jp… | |
3234 srcset="/static/327df739a0121ee18eeac70a49ca184c/d2f63/lift… | |
3235 /static/327df739a0121ee18eeac70a49ca184c/c989d/lift.jpg 325w, | |
3236 /static/327df739a0121ee18eeac70a49ca184c/6aca1/lift.jpg 650w, | |
3237 /static/327df739a0121ee18eeac70a49ca184c/7c09c/lift.jpg 975w, | |
3238 /static/327df739a0121ee18eeac70a49ca184c/01ab0/lift.jpg 1300w, | |
3239 /static/327df739a0121ee18eeac70a49ca184c/ac99c/lift.jpg 1536w" | |
3240 sizes="(max-width: 650px) 100vw, 650px" | |
3241 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3242 loading="lazy" | |
3243 /> | |
3244 </span></p> | |
3245 <p><span | |
3246 class="gatsby-resp-image-wrapper" | |
3247 style="position: relative; display: block; margin-left: auto;… | |
3248 > | |
3249 <span | |
3250 class="gatsby-resp-image-background-image" | |
3251 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3252 ></span> | |
3253 <img | |
3254 class="gatsby-resp-image-image" | |
3255 alt="loaded" | |
3256 title="loaded" | |
3257 src="/static/f7fe5f5008054dc957530ffb0ca92ad9/6aca1/loaded.… | |
3258 srcset="/static/f7fe5f5008054dc957530ffb0ca92ad9/d2f63/load… | |
3259 /static/f7fe5f5008054dc957530ffb0ca92ad9/c989d/loaded.jpg 325w, | |
3260 /static/f7fe5f5008054dc957530ffb0ca92ad9/6aca1/loaded.jpg 650w, | |
3261 /static/f7fe5f5008054dc957530ffb0ca92ad9/7c09c/loaded.jpg 975w, | |
3262 /static/f7fe5f5008054dc957530ffb0ca92ad9/01ab0/loaded.jpg 1300w, | |
3263 /static/f7fe5f5008054dc957530ffb0ca92ad9/e1596/loaded.jpg 2048w" | |
3264 sizes="(max-width: 650px) 100vw, 650px" | |
3265 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3266 loading="lazy" | |
3267 /> | |
3268 </span></p> | |
3269 <p>As you can see, I've hit a pretty big jackpot on the expan… | |
3270 <p>Here's a bare-bones look at the motherboard after removing… | |
3271 <p><span | |
3272 class="gatsby-resp-image-wrapper" | |
3273 style="position: relative; display: block; margin-left: auto;… | |
3274 > | |
3275 <span | |
3276 class="gatsby-resp-image-background-image" | |
3277 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3278 ></span> | |
3279 <img | |
3280 class="gatsby-resp-image-image" | |
3281 alt="Apple IIe top open" | |
3282 title="Apple IIe top open" | |
3283 src="/static/5ca83fb901310e0d92734cefb8154e25/6aca1/topdown… | |
3284 srcset="/static/5ca83fb901310e0d92734cefb8154e25/d2f63/topd… | |
3285 /static/5ca83fb901310e0d92734cefb8154e25/c989d/topdown.jpg 325w, | |
3286 /static/5ca83fb901310e0d92734cefb8154e25/6aca1/topdown.jpg 650w, | |
3287 /static/5ca83fb901310e0d92734cefb8154e25/7c09c/topdown.jpg 975w, | |
3288 /static/5ca83fb901310e0d92734cefb8154e25/01ab0/topdown.jpg 1300w, | |
3289 /static/5ca83fb901310e0d92734cefb8154e25/ac99c/topdown.jpg 1536w" | |
3290 sizes="(max-width: 650px) 100vw, 650px" | |
3291 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3292 loading="lazy" | |
3293 /> | |
3294 </span></p> | |
3295 <p>And a close-up of the seven (7!) expansion slots, not including… | |
3296 <p><span | |
3297 class="gatsby-resp-image-wrapper" | |
3298 style="position: relative; display: block; margin-left: auto;… | |
3299 > | |
3300 <span | |
3301 class="gatsby-resp-image-background-image" | |
3302 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3303 ></span> | |
3304 <img | |
3305 class="gatsby-resp-image-image" | |
3306 alt="Apple IIe slots" | |
3307 title="Apple IIe slots" | |
3308 src="/static/15c5b681c6a5e6c235d5c3a7708a1dfd/6aca1/slots.j… | |
3309 srcset="/static/15c5b681c6a5e6c235d5c3a7708a1dfd/d2f63/slot… | |
3310 /static/15c5b681c6a5e6c235d5c3a7708a1dfd/c989d/slots.jpg 325w, | |
3311 /static/15c5b681c6a5e6c235d5c3a7708a1dfd/6aca1/slots.jpg 650w, | |
3312 /static/15c5b681c6a5e6c235d5c3a7708a1dfd/7c09c/slots.jpg 975w, | |
3313 /static/15c5b681c6a5e6c235d5c3a7708a1dfd/01ab0/slots.jpg 1300w, | |
3314 /static/15c5b681c6a5e6c235d5c3a7708a1dfd/e1596/slots.jpg 2048w" | |
3315 sizes="(max-width: 650px) 100vw, 650px" | |
3316 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3317 loading="lazy" | |
3318 /> | |
3319 </span></p> | |
3320 <p>This again reminds of the recent discussions on <a href=&quo… | |
3321 <p>But, in modern computers, I haven't seen much that's … | |
3322 <p>Which is completely the opposite for the Apple II. </p> | |
3323 <p>These expansion slots in Apple II computers CHANGED your comput… | |
3324 <p>Even the back of the Apple IIe shows the potential of this mach… | |
3325 <p><span | |
3326 class="gatsby-resp-image-wrapper" | |
3327 style="position: relative; display: block; margin-left: auto;… | |
3328 > | |
3329 <span | |
3330 class="gatsby-resp-image-background-image" | |
3331 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3332 ></span> | |
3333 <img | |
3334 class="gatsby-resp-image-image" | |
3335 alt="Back of Apple IIe" | |
3336 title="Back of Apple IIe" | |
3337 src="/static/7e6125158b6d97901b7241bed755f2bd/6aca1/back.jp… | |
3338 srcset="/static/7e6125158b6d97901b7241bed755f2bd/d2f63/back… | |
3339 /static/7e6125158b6d97901b7241bed755f2bd/c989d/back.jpg 325w, | |
3340 /static/7e6125158b6d97901b7241bed755f2bd/6aca1/back.jpg 650w, | |
3341 /static/7e6125158b6d97901b7241bed755f2bd/7c09c/back.jpg 975w, | |
3342 /static/7e6125158b6d97901b7241bed755f2bd/01ab0/back.jpg 1300w, | |
3343 /static/7e6125158b6d97901b7241bed755f2bd/e1596/back.jpg 2048w" | |
3344 sizes="(max-width: 650px) 100vw, 650px" | |
3345 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3346 loading="lazy" | |
3347 /> | |
3348 </span></p> | |
3349 <p>So, anyway, what the heck did I find inside my Apple IIe? Let&a… | |
3350 <h4>Extended 80-Column Text Card</h4> | |
3351 <p>The <a href="https://en.wikipedia.org/wiki/Apple_80-Col… | |
3352 <p><span | |
3353 class="gatsby-resp-image-wrapper" | |
3354 style="position: relative; display: block; margin-left: auto;… | |
3355 > | |
3356 <span | |
3357 class="gatsby-resp-image-background-image" | |
3358 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3359 ></span> | |
3360 <img | |
3361 class="gatsby-resp-image-image" | |
3362 alt="80 Column card" | |
3363 title="80 Column card" | |
3364 src="/static/81fc4256ab04da82e776a4916fb04021/6aca1/80col.j… | |
3365 srcset="/static/81fc4256ab04da82e776a4916fb04021/d2f63/80co… | |
3366 /static/81fc4256ab04da82e776a4916fb04021/c989d/80col.jpg 325w, | |
3367 /static/81fc4256ab04da82e776a4916fb04021/6aca1/80col.jpg 650w, | |
3368 /static/81fc4256ab04da82e776a4916fb04021/7c09c/80col.jpg 975w, | |
3369 /static/81fc4256ab04da82e776a4916fb04021/01ab0/80col.jpg 1300w, | |
3370 /static/81fc4256ab04da82e776a4916fb04021/e1596/80col.jpg 2048w" | |
3371 sizes="(max-width: 650px) 100vw, 650px" | |
3372 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3373 loading="lazy" | |
3374 /> | |
3375 </span></p> | |
3376 <p><span | |
3377 class="gatsby-resp-image-wrapper" | |
3378 style="position: relative; display: block; margin-left: auto;… | |
3379 > | |
3380 <span | |
3381 class="gatsby-resp-image-background-image" | |
3382 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3383 ></span> | |
3384 <img | |
3385 class="gatsby-resp-image-image" | |
3386 alt="col card" | |
3387 title="col card" | |
3388 src="/static/35ac506f826bef780af538d3732c4f25/6aca1/eightyc… | |
3389 srcset="/static/35ac506f826bef780af538d3732c4f25/d2f63/eigh… | |
3390 /static/35ac506f826bef780af538d3732c4f25/c989d/eightycol.jpg 325w, | |
3391 /static/35ac506f826bef780af538d3732c4f25/6aca1/eightycol.jpg 650w, | |
3392 /static/35ac506f826bef780af538d3732c4f25/7c09c/eightycol.jpg 975w, | |
3393 /static/35ac506f826bef780af538d3732c4f25/01ab0/eightycol.jpg 1300w, | |
3394 /static/35ac506f826bef780af538d3732c4f25/ac99c/eightycol.jpg 1536w" | |
3395 sizes="(max-width: 650px) 100vw, 650px" | |
3396 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3397 loading="lazy" | |
3398 /> | |
3399 </span></p> | |
3400 <p>How do you get into 80-column mode? Type <code class="l… | |
3401 <h4>Super Serial Card II</h4> | |
3402 <p>I am probably most excited about this card. The <a href=&quo… | |
3403 <p><span | |
3404 class="gatsby-resp-image-wrapper" | |
3405 style="position: relative; display: block; margin-left: auto;… | |
3406 > | |
3407 <span | |
3408 class="gatsby-resp-image-background-image" | |
3409 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3410 ></span> | |
3411 <img | |
3412 class="gatsby-resp-image-image" | |
3413 alt="Super Serial Card II" | |
3414 title="Super Serial Card II" | |
3415 src="/static/a4ba5625407f5479b5ae494069b786a8/6aca1/serial.… | |
3416 srcset="/static/a4ba5625407f5479b5ae494069b786a8/d2f63/seri… | |
3417 /static/a4ba5625407f5479b5ae494069b786a8/c989d/serial.jpg 325w, | |
3418 /static/a4ba5625407f5479b5ae494069b786a8/6aca1/serial.jpg 650w, | |
3419 /static/a4ba5625407f5479b5ae494069b786a8/7c09c/serial.jpg 975w, | |
3420 /static/a4ba5625407f5479b5ae494069b786a8/01ab0/serial.jpg 1300w, | |
3421 /static/a4ba5625407f5479b5ae494069b786a8/ac99c/serial.jpg 1536w" | |
3422 sizes="(max-width: 650px) 100vw, 650px" | |
3423 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3424 loading="lazy" | |
3425 /> | |
3426 </span></p> | |
3427 <p><span | |
3428 class="gatsby-resp-image-wrapper" | |
3429 style="position: relative; display: block; margin-left: auto;… | |
3430 > | |
3431 <span | |
3432 class="gatsby-resp-image-background-image" | |
3433 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3434 ></span> | |
3435 <img | |
3436 class="gatsby-resp-image-image" | |
3437 alt="Super Serial Card II closeup" | |
3438 title="Super Serial Card II closeup" | |
3439 src="/static/68c8a050c8e970e5f90bd2aef0ff1473/6aca1/serial2… | |
3440 srcset="/static/68c8a050c8e970e5f90bd2aef0ff1473/d2f63/seri… | |
3441 /static/68c8a050c8e970e5f90bd2aef0ff1473/c989d/serial2.jpg 325w, | |
3442 /static/68c8a050c8e970e5f90bd2aef0ff1473/6aca1/serial2.jpg 650w, | |
3443 /static/68c8a050c8e970e5f90bd2aef0ff1473/7c09c/serial2.jpg 975w, | |
3444 /static/68c8a050c8e970e5f90bd2aef0ff1473/01ab0/serial2.jpg 1300w, | |
3445 /static/68c8a050c8e970e5f90bd2aef0ff1473/ac99c/serial2.jpg 1536w" | |
3446 sizes="(max-width: 650px) 100vw, 650px" | |
3447 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3448 loading="lazy" | |
3449 /> | |
3450 </span></p> | |
3451 <h4>MicroModem IIe</h4> | |
3452 <p>It's a modem! With an external port that looks like a tele… | |
3453 <p><span | |
3454 class="gatsby-resp-image-wrapper" | |
3455 style="position: relative; display: block; margin-left: auto;… | |
3456 > | |
3457 <span | |
3458 class="gatsby-resp-image-background-image" | |
3459 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3460 ></span> | |
3461 <img | |
3462 class="gatsby-resp-image-image" | |
3463 alt="modem card" | |
3464 title="modem card" | |
3465 src="/static/0e5d74e10b2a0f9b0c074343be45c824/6aca1/modem.j… | |
3466 srcset="/static/0e5d74e10b2a0f9b0c074343be45c824/d2f63/mode… | |
3467 /static/0e5d74e10b2a0f9b0c074343be45c824/c989d/modem.jpg 325w, | |
3468 /static/0e5d74e10b2a0f9b0c074343be45c824/6aca1/modem.jpg 650w, | |
3469 /static/0e5d74e10b2a0f9b0c074343be45c824/7c09c/modem.jpg 975w, | |
3470 /static/0e5d74e10b2a0f9b0c074343be45c824/01ab0/modem.jpg 1300w, | |
3471 /static/0e5d74e10b2a0f9b0c074343be45c824/e1596/modem.jpg 2048w" | |
3472 sizes="(max-width: 650px) 100vw, 650px" | |
3473 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3474 loading="lazy" | |
3475 /> | |
3476 </span></p> | |
3477 <p><span | |
3478 class="gatsby-resp-image-wrapper" | |
3479 style="position: relative; display: block; margin-left: auto;… | |
3480 > | |
3481 <span | |
3482 class="gatsby-resp-image-background-image" | |
3483 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3484 ></span> | |
3485 <img | |
3486 class="gatsby-resp-image-image" | |
3487 alt="modem card closeup" | |
3488 title="modem card closeup" | |
3489 src="/static/a01edf5e481b4174a9680dd837984dea/6aca1/modem2.… | |
3490 srcset="/static/a01edf5e481b4174a9680dd837984dea/d2f63/mode… | |
3491 /static/a01edf5e481b4174a9680dd837984dea/c989d/modem2.jpg 325w, | |
3492 /static/a01edf5e481b4174a9680dd837984dea/6aca1/modem2.jpg 650w, | |
3493 /static/a01edf5e481b4174a9680dd837984dea/7c09c/modem2.jpg 975w, | |
3494 /static/a01edf5e481b4174a9680dd837984dea/01ab0/modem2.jpg 1300w, | |
3495 /static/a01edf5e481b4174a9680dd837984dea/e1596/modem2.jpg 2048w" | |
3496 sizes="(max-width: 650px) 100vw, 650px" | |
3497 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3498 loading="lazy" | |
3499 /> | |
3500 </span></p> | |
3501 <h4>DuoDisk and Disk II Card</h4> | |
3502 <p>The <a href="https://en.wikipedia.org/wiki/Disk_II#DuoD… | |
3503 <p><span | |
3504 class="gatsby-resp-image-wrapper" | |
3505 style="position: relative; display: block; margin-left: auto;… | |
3506 > | |
3507 <span | |
3508 class="gatsby-resp-image-background-image" | |
3509 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3510 ></span> | |
3511 <img | |
3512 class="gatsby-resp-image-image" | |
3513 alt="Apple IIe with floppy" | |
3514 title="Apple IIe with floppy" | |
3515 src="/static/5cc77f4287f8c875722285ff9d719c92/6aca1/floppym… | |
3516 srcset="/static/5cc77f4287f8c875722285ff9d719c92/d2f63/flop… | |
3517 /static/5cc77f4287f8c875722285ff9d719c92/c989d/floppymodule.jpg 325w, | |
3518 /static/5cc77f4287f8c875722285ff9d719c92/6aca1/floppymodule.jpg 650w, | |
3519 /static/5cc77f4287f8c875722285ff9d719c92/7c09c/floppymodule.jpg 975w, | |
3520 /static/5cc77f4287f8c875722285ff9d719c92/01ab0/floppymodule.jpg 1300w, | |
3521 /static/5cc77f4287f8c875722285ff9d719c92/ac99c/floppymodule.jpg 1536w&qu… | |
3522 sizes="(max-width: 650px) 100vw, 650px" | |
3523 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3524 loading="lazy" | |
3525 /> | |
3526 </span></p> | |
3527 <p>The card uses the same Disk II system famously designed by Woz.… | |
3528 <blockquote> | |
3529 <p>Wozniak called the resultant Disk II system "my most incre… | |
3530 </blockquote> | |
3531 <p><span | |
3532 class="gatsby-resp-image-wrapper" | |
3533 style="position: relative; display: block; margin-left: auto;… | |
3534 > | |
3535 <span | |
3536 class="gatsby-resp-image-background-image" | |
3537 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3538 ></span> | |
3539 <img | |
3540 class="gatsby-resp-image-image" | |
3541 alt="floppy card" | |
3542 title="floppy card" | |
3543 src="/static/36838def124428fea150870f5a9dbde3/6aca1/floppyc… | |
3544 srcset="/static/36838def124428fea150870f5a9dbde3/d2f63/flop… | |
3545 /static/36838def124428fea150870f5a9dbde3/c989d/floppycard.jpg 325w, | |
3546 /static/36838def124428fea150870f5a9dbde3/6aca1/floppycard.jpg 650w, | |
3547 /static/36838def124428fea150870f5a9dbde3/7c09c/floppycard.jpg 975w, | |
3548 /static/36838def124428fea150870f5a9dbde3/01ab0/floppycard.jpg 1300w, | |
3549 /static/36838def124428fea150870f5a9dbde3/e1596/floppycard.jpg 2048w" | |
3550 sizes="(max-width: 650px) 100vw, 650px" | |
3551 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3552 loading="lazy" | |
3553 /> | |
3554 </span></p> | |
3555 <p>If anyone's got any spare 5 1⁄4-inch floppies, let me kn… | |
3556 <h3>So, what are you going to do with your new old computer, Charl… | |
3557 <p>I'm not sure. Here are some of my thoughts.</p> | |
3558 <h4>Serial port</h4> | |
3559 <p>As mentioned, I suspect that I'll be able to figure out ho… | |
3560 <p>I recently found a project that uses Raspberry Pi in such a way… | |
3561 <p>But I'm also eager to see if I can rig it up such that I c… | |
3562 <p>This project is definitely my top priority, because it seems od… | |
3563 <h4>Repairs</h4> | |
3564 <p>These are smaller efforts, which means they'll likely ling… | |
3565 <p><span | |
3566 class="gatsby-resp-image-wrapper" | |
3567 style="position: relative; display: block; margin-left: auto;… | |
3568 > | |
3569 <span | |
3570 class="gatsby-resp-image-background-image" | |
3571 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3572 ></span> | |
3573 <img | |
3574 class="gatsby-resp-image-image" | |
3575 alt="keyboard" | |
3576 title="keyboard" | |
3577 src="/static/474d8f4a0061a7b5b03adc4a8b5e1b51/6aca1/keyboar… | |
3578 srcset="/static/474d8f4a0061a7b5b03adc4a8b5e1b51/d2f63/keyb… | |
3579 /static/474d8f4a0061a7b5b03adc4a8b5e1b51/c989d/keyboard.jpg 325w, | |
3580 /static/474d8f4a0061a7b5b03adc4a8b5e1b51/6aca1/keyboard.jpg 650w, | |
3581 /static/474d8f4a0061a7b5b03adc4a8b5e1b51/7c09c/keyboard.jpg 975w, | |
3582 /static/474d8f4a0061a7b5b03adc4a8b5e1b51/01ab0/keyboard.jpg 1300w, | |
3583 /static/474d8f4a0061a7b5b03adc4a8b5e1b51/ac99c/keyboard.jpg 1536w" | |
3584 sizes="(max-width: 650px) 100vw, 650px" | |
3585 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3586 loading="lazy" | |
3587 /> | |
3588 </span></p> | |
3589 <ul> | |
3590 <li>Find replacement keys for my missing keys. I hope this doesn&a… | |
3591 <li>"Retro-brite" and deep clean - a la 8 Bit Guy - to m… | |
3592 </ul> | |
3593 <h4>Games</h4> | |
3594 <p>I currently have zero software for the Apple IIe. None. Zilch. … | |
3595 <p>I'd also be very open to buying some classic Apple II game… | |
3596 <h4>Storage</h4> | |
3597 <p>Given that I immediately lose everything anytime the power goes… | |
3598 <ul> | |
3599 <li>Get a tape recorder and figure out how to save a program to ta… | |
3600 <li>Find some blank floppies and do the same</li> | |
3601 </ul> | |
3602 <h4>Programming</h4> | |
3603 <p>Other than AppleSoft BASIC (which was written by Microsoft! For… | |
3604 <div class="gatsby-highlight" data-language="text"… | |
3605 <p>I believe this is where I'll be able to do some of the mor… | |
3606 <h3>One more thing</h3> | |
3607 <p>This computer represents to me the lost era of computer as appl… | |
3608 <p>We're much closer to cyborgs now, with our phones and watc… | |
3609 <p>That's why this Apple IIe is such an important machine to … | |
3610 <p>And here a few more close-ups of the computer as a reward for m… | |
3611 <p><span | |
3612 class="gatsby-resp-image-wrapper" | |
3613 style="position: relative; display: block; margin-left: auto;… | |
3614 > | |
3615 <span | |
3616 class="gatsby-resp-image-background-image" | |
3617 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3618 ></span> | |
3619 <img | |
3620 class="gatsby-resp-image-image" | |
3621 alt="Apple IIe Logo" | |
3622 title="Apple IIe Logo" | |
3623 src="/static/ddeeecfdae735533db7571d7e8342705/6aca1/apple.j… | |
3624 srcset="/static/ddeeecfdae735533db7571d7e8342705/d2f63/appl… | |
3625 /static/ddeeecfdae735533db7571d7e8342705/c989d/apple.jpg 325w, | |
3626 /static/ddeeecfdae735533db7571d7e8342705/6aca1/apple.jpg 650w, | |
3627 /static/ddeeecfdae735533db7571d7e8342705/7c09c/apple.jpg 975w, | |
3628 /static/ddeeecfdae735533db7571d7e8342705/01ab0/apple.jpg 1300w, | |
3629 /static/ddeeecfdae735533db7571d7e8342705/ac99c/apple.jpg 1536w" | |
3630 sizes="(max-width: 650px) 100vw, 650px" | |
3631 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3632 loading="lazy" | |
3633 /> | |
3634 </span></p> | |
3635 <p><span | |
3636 class="gatsby-resp-image-wrapper" | |
3637 style="position: relative; display: block; margin-left: auto;… | |
3638 > | |
3639 <span | |
3640 class="gatsby-resp-image-background-image" | |
3641 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3642 ></span> | |
3643 <img | |
3644 class="gatsby-resp-image-image" | |
3645 alt="Motherboard" | |
3646 title="Motherboard" | |
3647 src="/static/1ac4332a25a559be39a6d6ee535c423c/6aca1/chips.j… | |
3648 srcset="/static/1ac4332a25a559be39a6d6ee535c423c/d2f63/chip… | |
3649 /static/1ac4332a25a559be39a6d6ee535c423c/c989d/chips.jpg 325w, | |
3650 /static/1ac4332a25a559be39a6d6ee535c423c/6aca1/chips.jpg 650w, | |
3651 /static/1ac4332a25a559be39a6d6ee535c423c/7c09c/chips.jpg 975w, | |
3652 /static/1ac4332a25a559be39a6d6ee535c423c/01ab0/chips.jpg 1300w, | |
3653 /static/1ac4332a25a559be39a6d6ee535c423c/ac99c/chips.jpg 1536w" | |
3654 sizes="(max-width: 650px) 100vw, 650px" | |
3655 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3656 loading="lazy" | |
3657 /> | |
3658 </span></p> | |
3659 <p><span | |
3660 class="gatsby-resp-image-wrapper" | |
3661 style="position: relative; display: block; margin-left: auto;… | |
3662 > | |
3663 <span | |
3664 class="gatsby-resp-image-background-image" | |
3665 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3666 ></span> | |
3667 <img | |
3668 class="gatsby-resp-image-image" | |
3669 alt="chips" | |
3670 title="chips" | |
3671 src="/static/3e75ae11d6e3bed6e0110e893614c605/6aca1/chips2.… | |
3672 srcset="/static/3e75ae11d6e3bed6e0110e893614c605/d2f63/chip… | |
3673 /static/3e75ae11d6e3bed6e0110e893614c605/c989d/chips2.jpg 325w, | |
3674 /static/3e75ae11d6e3bed6e0110e893614c605/6aca1/chips2.jpg 650w, | |
3675 /static/3e75ae11d6e3bed6e0110e893614c605/7c09c/chips2.jpg 975w, | |
3676 /static/3e75ae11d6e3bed6e0110e893614c605/01ab0/chips2.jpg 1300w, | |
3677 /static/3e75ae11d6e3bed6e0110e893614c605/e1596/chips2.jpg 2048w" | |
3678 sizes="(max-width: 650px) 100vw, 650px" | |
3679 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3680 loading="lazy" | |
3681 /> | |
3682 </span></p> | |
3683 <p><span | |
3684 class="gatsby-resp-image-wrapper" | |
3685 style="position: relative; display: block; margin-left: auto;… | |
3686 > | |
3687 <span | |
3688 class="gatsby-resp-image-background-image" | |
3689 style="padding-bottom: 74.84662576687117%; position: relative; … | |
3690 ></span> | |
3691 <img | |
3692 class="gatsby-resp-image-image" | |
3693 alt="Double Apple Logo" | |
3694 title="Double Apple Logo" | |
3695 src="/static/897f92f522ae024f5885a11e7d7cf7c4/6aca1/doublea… | |
3696 srcset="/static/897f92f522ae024f5885a11e7d7cf7c4/d2f63/doub… | |
3697 /static/897f92f522ae024f5885a11e7d7cf7c4/c989d/doubleapple.jpg 325w, | |
3698 /static/897f92f522ae024f5885a11e7d7cf7c4/6aca1/doubleapple.jpg 650w, | |
3699 /static/897f92f522ae024f5885a11e7d7cf7c4/7c09c/doubleapple.jpg 975w, | |
3700 /static/897f92f522ae024f5885a11e7d7cf7c4/01ab0/doubleapple.jpg 1300w, | |
3701 /static/897f92f522ae024f5885a11e7d7cf7c4/e1596/doubleapple.jpg 2048w&quo… | |
3702 sizes="(max-width: 650px) 100vw, 650px" | |
3703 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3704 loading="lazy" | |
3705 /> | |
3706 </span></p> | |
3707 <p><span | |
3708 class="gatsby-resp-image-wrapper" | |
3709 style="position: relative; display: block; margin-left: auto;… | |
3710 > | |
3711 <span | |
3712 class="gatsby-resp-image-background-image" | |
3713 style="padding-bottom: 133.12883435582822%; position: relative;… | |
3714 ></span> | |
3715 <img | |
3716 class="gatsby-resp-image-image" | |
3717 alt="memory" | |
3718 title="memory" | |
3719 src="/static/eb0b872444e58dcdd1b61ac711cac061/6aca1/memory.… | |
3720 srcset="/static/eb0b872444e58dcdd1b61ac711cac061/d2f63/memo… | |
3721 /static/eb0b872444e58dcdd1b61ac711cac061/c989d/memory.jpg 325w, | |
3722 /static/eb0b872444e58dcdd1b61ac711cac061/6aca1/memory.jpg 650w, | |
3723 /static/eb0b872444e58dcdd1b61ac711cac061/7c09c/memory.jpg 975w, | |
3724 /static/eb0b872444e58dcdd1b61ac711cac061/01ab0/memory.jpg 1300w, | |
3725 /static/eb0b872444e58dcdd1b61ac711cac061/ac99c/memory.jpg 1536w" | |
3726 sizes="(max-width: 650px) 100vw, 650px" | |
3727 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3728 loading="lazy" | |
3729 /> | |
3730 </span></p> | |
3731 <h4>Footnotes</h4> | |
3732 <ol> | |
3733 <li>For the uninitiated, I suggest starting with Part 1 of The 8-B… | |
3734 </ol></content:encoded></item><item><title><![CDATA[Mindstorms]]><… | |
3735 <p>I read <a href="https://www.amazon.com/gp/product/04650… | |
3736 <p>You may have heard of Papert's LOGO programming language b… | |
3737 <p><span | |
3738 class="gatsby-resp-image-wrapper" | |
3739 style="position: relative; display: block; margin-left: auto;… | |
3740 > | |
3741 <a | |
3742 class="gatsby-resp-image-link" | |
3743 href="/static/6abfec0f92eaf2f9ebb7ef9d2fd262e4/b4294/papert.jpg… | |
3744 style="display: block" | |
3745 target="_blank" | |
3746 rel="noopener" | |
3747 > | |
3748 <span | |
3749 class="gatsby-resp-image-background-image" | |
3750 style="padding-bottom: 138.03680981595093%; position: relative;… | |
3751 ></span> | |
3752 <img | |
3753 class="gatsby-resp-image-image" | |
3754 alt="Papert" | |
3755 title="Papert" | |
3756 src="/static/6abfec0f92eaf2f9ebb7ef9d2fd262e4/b4294/papert.… | |
3757 srcset="/static/6abfec0f92eaf2f9ebb7ef9d2fd262e4/d2f63/pape… | |
3758 /static/6abfec0f92eaf2f9ebb7ef9d2fd262e4/c989d/papert.jpg 325w, | |
3759 /static/6abfec0f92eaf2f9ebb7ef9d2fd262e4/b4294/papert.jpg 600w" | |
3760 sizes="(max-width: 600px) 100vw, 600px" | |
3761 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3762 loading="lazy" | |
3763 /> | |
3764 </a> | |
3765 </span></p> | |
3766 <p>The popular Lego Mindstorms products are inspired by Papert and… | |
3767 <p><span | |
3768 class="gatsby-resp-image-wrapper" | |
3769 style="position: relative; display: block; margin-left: auto;… | |
3770 > | |
3771 <a | |
3772 class="gatsby-resp-image-link" | |
3773 href="/static/7baf9184b196f541a1ed9b85dbe992bf/f3a19/cubetto.pn… | |
3774 style="display: block" | |
3775 target="_blank" | |
3776 rel="noopener" | |
3777 > | |
3778 <span | |
3779 class="gatsby-resp-image-background-image" | |
3780 style="padding-bottom: 57.668711656441715%; position: relative;… | |
3781 ></span> | |
3782 <img | |
3783 class="gatsby-resp-image-image" | |
3784 alt="Cubetto" | |
3785 title="Cubetto" | |
3786 src="/static/7baf9184b196f541a1ed9b85dbe992bf/a6d36/cubetto… | |
3787 srcset="/static/7baf9184b196f541a1ed9b85dbe992bf/222b7/cube… | |
3788 /static/7baf9184b196f541a1ed9b85dbe992bf/ff46a/cubetto.png 325w, | |
3789 /static/7baf9184b196f541a1ed9b85dbe992bf/a6d36/cubetto.png 650w, | |
3790 /static/7baf9184b196f541a1ed9b85dbe992bf/e548f/cubetto.png 975w, | |
3791 /static/7baf9184b196f541a1ed9b85dbe992bf/f3a19/cubetto.png 1086w" | |
3792 sizes="(max-width: 650px) 100vw, 650px" | |
3793 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
3794 loading="lazy" | |
3795 /> | |
3796 </a> | |
3797 </span></p> | |
3798 <p>When you conjure up an image of "learning with computers&q… | |
3799 <p>There's obviously also a reference to George Polya in here… | |
3800 <p>And now, onto the notes!</p> | |
3801 <h3>Learning with computers</h3> | |
3802 <ul> | |
3803 <li><strong>Bricolage</strong>: creation from diverse … | |
3804 <li> | |
3805 <p>Computers have the power to <strong>simulate</strong&g… | |
3806 <ul> | |
3807 <li>Flexible enough so children can each create with them</li&g… | |
3808 <li>Flexible enough to model the world</li> | |
3809 </ul> | |
3810 </li> | |
3811 <li>Remember: people seldom get things right on the first try</… | |
3812 <li> | |
3813 <p>He is not recommending "computer-aided instruction" -… | |
3814 <ul> | |
3815 <li>Instead, he envisions the child programming the computer!</… | |
3816 </ul> | |
3817 </li> | |
3818 <li>Learning to program can be a natural process like language acq… | |
3819 <li>Learning to communicate with a computer can change the ways we… | |
3820 <li> | |
3821 <p><strong>Jean Piaget</strong></p> | |
3822 <ul> | |
3823 <li>Papert's mentor / teacher</li> | |
3824 <li>"Learning without being taught" is perhaps Piaget&ap… | |
3825 <li>Piaget says that children build their own intellectual structu… | |
3826 <li>Children do thise all without being <em>taught</em>… | |
3827 <li>"Child as builder"</li> | |
3828 </ul> | |
3829 </li> | |
3830 </ul> | |
3831 <h3>Mathophobia</h3> | |
3832 <ul> | |
3833 <li>Mathophobia is endemic. To this day, if we see math, we avoid … | |
3834 <li>But we often have no trouble with math knowledge if we don&apo… | |
3835 <li> | |
3836 <p>People's images of themselves as learners is contaminated … | |
3837 <ul> | |
3838 <li>"I'm not a math person"</li> | |
3839 <li>"I'm not artistic"</li> | |
3840 <li>"I'm not musical"</li> | |
3841 <li>As you can see, it dangerously spreads to other disciplines...… | |
3842 </ul> | |
3843 </li> | |
3844 <li>Mathophobia leads to insecurity and self-imposed restrictions,… | |
3845 <li>However, the computer can be a carrier of cultural germs and s… | |
3846 </ul> | |
3847 <h3>The Turtle</h3> | |
3848 <ul> | |
3849 <li>"Body knowledge" - useful to think about things in r… | |
3850 <li> | |
3851 <p>Children need an "object to think with"</p> | |
3852 <ul> | |
3853 <li>This object is "the Turtle"</li> | |
3854 </ul> | |
3855 </li> | |
3856 <li>The Turtle is not a panacea, just a model for other objects no… | |
3857 <li>LOGO programming language is how children communicate with the… | |
3858 <li>The Turtle serves no purpose other than being good to program … | |
3859 <li> | |
3860 <p>Example LOGO commands</p> | |
3861 <ul> | |
3862 <li>FORWARD 100</li> | |
3863 <li>PENDOWN</li> | |
3864 <li>RIGHT 90</li> | |
3865 <li>PENUP</li> | |
3866 </ul> | |
3867 </li> | |
3868 <li>The idea of programming is done through the metaphor of teachi… | |
3869 <li>This is obviously fun, but also powerful learning is happening… | |
3870 <li>Like other builders, children appropriate to their own use mat… | |
3871 <li>Active, self-directed, recognizable personal purpose, source o… | |
3872 <li>Importance of learning systematic procedures and debugging the… | |
3873 <li>Learning to be a master programmer is learning to become highl… | |
3874 <li>Programs are not WRONG or RIGHT -> but they are fixable<… | |
3875 <li>Deliberately thinking like a computer is extremely valuable (s… | |
3876 <li>Computers are not something that "rots our brains"&l… | |
3877 </ul> | |
3878 <h3>Teaching without curriculum</h3> | |
3879 <ul> | |
3880 <li>Doesn't mean free-form, spontaneous classrooms or simply … | |
3881 <li> | |
3882 <p>Teaching without curriculum means supporting children as they b… | |
3883 <ul> | |
3884 <li>Planting new constructive elements</li> | |
3885 <li>Eliminating noxious ones</li> | |
3886 </ul> | |
3887 </li> | |
3888 <li>This is an ambitious task, and harder that a mere curriculum c… | |
3889 <li>Educators should be anthropologists and work with the cultural… | |
3890 <li>He doesn't recommend BASIC as a learning language</li&… | |
3891 <li> | |
3892 <p>BASIC is to computation what QWERTY is to typing</p> | |
3893 <ul> | |
3894 <li>People say BASIC is easy to learn because of its small vocabul… | |
3895 </ul> | |
3896 </li> | |
3897 </ul> | |
3898 <h3>Why is it hard to change education</h3> | |
3899 <ul> | |
3900 <li> | |
3901 <p>Radical change is possible, directly tied to the impact of the … | |
3902 <ul> | |
3903 <li>Unfortunately, conservatism in the world of education is a sel… | |
3904 <li>But as individuals get computers, education can become a priva… | |
3905 </ul> | |
3906 </li> | |
3907 <li> | |
3908 <p>Our culture has unneeded split between "humanities" a… | |
3909 <ul> | |
3910 <li>But Plato was both</li> | |
3911 </ul> | |
3912 </li> | |
3913 <li>Computer can break down this line</li> | |
3914 <li> | |
3915 <p>"Math" just means "learning" in Greek</p… | |
3916 <ul> | |
3917 <li>e.g. "polymath" is a person of many learnings</li… | |
3918 <li>"Mathetic" means "having to do with "learn… | |
3919 </ul> | |
3920 </li> | |
3921 <li>Children begin their lives as eager and competant learners. Th… | |
3922 <li> | |
3923 <p>Conservation of liquids example from Piaget</p> | |
3924 <ul> | |
3925 <li>Children take a while to learn this principle</li> | |
3926 <li>They have their own coherent world view (taller glass must hav… | |
3927 <li>This model was spontaneously developed by them</li> | |
3928 </ul> | |
3929 </li> | |
3930 <li>Mathophobia limit's people's lives. Deficiency becom… | |
3931 <li>"Cchool math" is not the same as "mathematics&q… | |
3932 </ul> | |
3933 <h3>Turtle geometry</h3> | |
3934 <ul> | |
3935 <li> | |
3936 <p>There are multiple types of geometry</p> | |
3937 <ul> | |
3938 <li>Turtle geometry = computational (tracks Position and Heading o… | |
3939 <li>Euclidean geometry = logical (tracks Position and Point)</l… | |
3940 <li>Descartes geometry = algebraic</li> | |
3941 </ul> | |
3942 </li> | |
3943 <li> | |
3944 <p>Geometry arises when child asks "How can I make the Turtle… | |
3945 <ul> | |
3946 <li>A good teacher doesn't answer the question, but encourage… | |
3947 </ul> | |
3948 </li> | |
3949 <li>Learning to "program computers" is done by teaching … | |
3950 <li>Along the way, students learn about <strong>modularity&l… | |
3951 <li>Don't forget the error - instead study the bugs!</li&g… | |
3952 <li>Try to make sense of what you want to learn</li> | |
3953 <li> | |
3954 <p><strong>Syntonic learning</strong></p> | |
3955 <ul> | |
3956 <li>The Turtle is body syntonic - firmly related to child's s… | |
3957 <li>Also is "ego syntonic" - the Turtle is coherent with… | |
3958 </ul> | |
3959 </li> | |
3960 <li>Turtle geometry is learnable because it is syntonic.</li> | |
3961 <li>Turtle geometry encourages deliberate use of problem-solving&l… | |
3962 <li> | |
3963 <p><strong>George Polya</strong></p> | |
3964 <ul> | |
3965 <li>Came up with a general method for problem solving</li> | |
3966 <li>Turtle geometry lends itself well to Polya's methods (e.g… | |
3967 <li>Turtle geometry is great for learning heuristic thinking</l… | |
3968 </ul> | |
3969 </li> | |
3970 <li>Disassociative learning is something like memorizing the multi… | |
3971 <li> | |
3972 <p>Bill, a fifth grader, suggests this unfortunate way to learn mu… | |
3973 <ul> | |
3974 <li>"Make your mind a blank and saying it over and over until… | |
3975 </ul> | |
3976 </li> | |
3977 <li>Turtle geometry on the other hand has rhythm, movement, naviga… | |
3978 <li> | |
3979 <p>Differential Calculus</p> | |
3980 <ul> | |
3981 <li>Differential calculus is ability to describe growth by what is… | |
3982 <li>Newton modeled the motions of the planets with it</li> | |
3983 <li>The Turtle's circle program ( FORWARD 1, RIGHTTURN 1) is … | |
3984 </ul> | |
3985 </li> | |
3986 <li> | |
3987 <p>Many students come to Turtle geometry hating numbers as alien c… | |
3988 <ul> | |
3989 <li>Turtle geometry shows students that angles have body syntoncit… | |
3990 </ul> | |
3991 </li> | |
3992 <li>Idea of a "variable" in programming: using a symbol … | |
3993 <li> | |
3994 <p>Idea of "recursion" in programming: a never ending pr… | |
3995 <ul> | |
3996 <li>Kids already love the idea / fantasy of something "going … | |
3997 </ul> | |
3998 </li> | |
3999 <li> | |
4000 <p>The Total Turtle Trip Theorem</p> | |
4001 <ul> | |
4002 <li>If a Turtle tasks a trip around the boundaries of any area and… | |
4003 </ul> | |
4004 </li> | |
4005 <li>One learns to enjoy and to respect the power of powerful ideas… | |
4006 <li>Computers can influence the language we use to talk about ours… | |
4007 </ul> | |
4008 <h3>Structure programming</h3> | |
4009 <ul> | |
4010 <li>Learn to write subprocedures, aka "mind-sized bites"… | |
4011 <li>It's possible to build a large intellectual system withou… | |
4012 <li>Example of teaching the Turtle to draw a person can use multip… | |
4013 <li>Computers give enough flexibility and power so that child&apos… | |
4014 <li>"Brute force" would be trying to have the Turtle dra… | |
4015 <li>Brute force with no internal structure is not a good model for… | |
4016 <li>For example, in real life, juggling is actually composed of ma… | |
4017 <li>Introduces notion of timing: | |
4018 `* parallel processes vs serial processes</li> | |
4019 <li>Introduce notion of condition logic with The "WHEN demon&… | |
4020 <li>"When something happens, the demon pounces out and does i… | |
4021 </ul> | |
4022 <h3>Debugging</h3> | |
4023 <ul> | |
4024 <li>Children seem to have a resistance to debugging</li> | |
4025 <li>They would rather "throw it out" and start over</… | |
4026 <li>Seemingly, they want to do it correctly in one shot</li> | |
4027 <li>We can empathize, because a bug seems like WRONG or MISTAKE or… | |
4028 <li>Kids like that computers can remove any trace of their errors&… | |
4029 <li>But errors and debugging are good!</li> | |
4030 <li>We must learn to study what happened and understand what went … | |
4031 <li>Computers will help children "believe in" debugging&… | |
4032 <li>Contact with LOGO and the Turtle eventually, gradually, underm… | |
4033 <li>With LOGO, the teacher is also a learner, and everyone makes m… | |
4034 <li>Children know when teacher "fakes it" with "let… | |
4035 <li>But LOGO makes that situation feel genuine, because the teache… | |
4036 <li>Real intellectual collaboration - together they try to underst… | |
4037 <li>Affirmation of the power of ideas and the power of the mind!&l… | |
4038 </ul></content:encoded></item><item><title><![CDATA[Writer's Bane]… | |
4039 <p>Not from me! Goodness, no.</p> | |
4040 <p>Instead, here's a compendium of books and other odd bits t… | |
4041 <p>I hope this guide proves useful when you're looking to rea… | |
4042 <h2>Books</h2> | |
4043 <ul> | |
4044 <li><strong><a href="https://www.amazon.com/gp/produ… | |
4045 <li><strong><a href="https://www.amazon.com/gp/produ… | |
4046 <li><strong><a href="https://www.amazon.com/gp/produ… | |
4047 <li><strong><a href="https://www.amazon.com/gp/produ… | |
4048 <li><strong><a href="https://amzn.to/2IWZ1B3"&g… | |
4049 <li><strong><a href="https://www.amazon.com/gp/produ… | |
4050 </ul> | |
4051 <h2>Podcasts</h2> | |
4052 <ul> | |
4053 <li><strong><a href="https://www.askthebards.com/&qu… | |
4054 <li><strong><a href="https://podcasts.apple.com/us/p… | |
4055 <li><strong><a href="https://johnaugust.com/scriptno… | |
4056 </ul> | |
4057 <h2>Articles</h2> | |
4058 <ul> | |
4059 <li><strong><a href="http://terribleminds.com/ramble… | |
4060 </ul> | |
4061 <h2>Newsletters</h2> | |
4062 <ul> | |
4063 <li><strong><a href="https://www.robinsloan.com/over… | |
4064 </ul> | |
4065 <p><span | |
4066 class="gatsby-resp-image-wrapper" | |
4067 style="position: relative; display: block; margin-left: auto;… | |
4068 > | |
4069 <a | |
4070 class="gatsby-resp-image-link" | |
4071 href="/static/51db8e397a54c68f2f1d0c7a6e245409/71bac/durin.jpg&… | |
4072 style="display: block" | |
4073 target="_blank" | |
4074 rel="noopener" | |
4075 > | |
4076 <span | |
4077 class="gatsby-resp-image-background-image" | |
4078 style="padding-bottom: 135.58282208588957%; position: relative;… | |
4079 ></span> | |
4080 <img | |
4081 class="gatsby-resp-image-image" | |
4082 alt="balrog" | |
4083 title="balrog" | |
4084 src="/static/51db8e397a54c68f2f1d0c7a6e245409/71bac/durin.j… | |
4085 srcset="/static/51db8e397a54c68f2f1d0c7a6e245409/d2f63/duri… | |
4086 /static/51db8e397a54c68f2f1d0c7a6e245409/c989d/durin.jpg 325w, | |
4087 /static/51db8e397a54c68f2f1d0c7a6e245409/71bac/durin.jpg 332w" | |
4088 sizes="(max-width: 332px) 100vw, 332px" | |
4089 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4090 loading="lazy" | |
4091 /> | |
4092 </a> | |
4093 </span></p> | |
4094 <blockquote> | |
4095 <p>"Write, you fools!" he cried, and was gone.</p> | |
4096 </blockquote></content:encoded></item><item><title><![CDATA[Notes … | |
4097 <p><span | |
4098 class="gatsby-resp-image-wrapper" | |
4099 style="position: relative; display: block; margin-left: auto;… | |
4100 > | |
4101 <a | |
4102 class="gatsby-resp-image-link" | |
4103 href="/static/1789e9ba45b720280866164b35c25854/d2602/site.jpg&q… | |
4104 style="display: block" | |
4105 target="_blank" | |
4106 rel="noopener" | |
4107 > | |
4108 <span | |
4109 class="gatsby-resp-image-background-image" | |
4110 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4111 ></span> | |
4112 <img | |
4113 class="gatsby-resp-image-image" | |
4114 alt="site" | |
4115 title="site" | |
4116 src="/static/1789e9ba45b720280866164b35c25854/6aca1/site.jp… | |
4117 srcset="/static/1789e9ba45b720280866164b35c25854/d2f63/site… | |
4118 /static/1789e9ba45b720280866164b35c25854/c989d/site.jpg 325w, | |
4119 /static/1789e9ba45b720280866164b35c25854/6aca1/site.jpg 650w, | |
4120 /static/1789e9ba45b720280866164b35c25854/7c09c/site.jpg 975w, | |
4121 /static/1789e9ba45b720280866164b35c25854/01ab0/site.jpg 1300w, | |
4122 /static/1789e9ba45b720280866164b35c25854/d2602/site.jpg 4032w" | |
4123 sizes="(max-width: 650px) 100vw, 650px" | |
4124 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4125 loading="lazy" | |
4126 /> | |
4127 </a> | |
4128 </span></p> | |
4129 <p><a href="https://en.wikipedia.org/wiki/Nike_Missile_Sit… | |
4130 <p><span | |
4131 class="gatsby-resp-image-wrapper" | |
4132 style="position: relative; display: block; margin-left: auto;… | |
4133 > | |
4134 <a | |
4135 class="gatsby-resp-image-link" | |
4136 href="/static/d115d74ea742126d2c24af84f36d45dd/d2602/radar.jpg&… | |
4137 style="display: block" | |
4138 target="_blank" | |
4139 rel="noopener" | |
4140 > | |
4141 <span | |
4142 class="gatsby-resp-image-background-image" | |
4143 style="padding-bottom: 50.306748466257666%; position: relative;… | |
4144 ></span> | |
4145 <img | |
4146 class="gatsby-resp-image-image" | |
4147 alt="radar" | |
4148 title="radar" | |
4149 src="/static/d115d74ea742126d2c24af84f36d45dd/6aca1/radar.j… | |
4150 srcset="/static/d115d74ea742126d2c24af84f36d45dd/d2f63/rada… | |
4151 /static/d115d74ea742126d2c24af84f36d45dd/c989d/radar.jpg 325w, | |
4152 /static/d115d74ea742126d2c24af84f36d45dd/6aca1/radar.jpg 650w, | |
4153 /static/d115d74ea742126d2c24af84f36d45dd/7c09c/radar.jpg 975w, | |
4154 /static/d115d74ea742126d2c24af84f36d45dd/01ab0/radar.jpg 1300w, | |
4155 /static/d115d74ea742126d2c24af84f36d45dd/d2602/radar.jpg 4032w" | |
4156 sizes="(max-width: 650px) 100vw, 650px" | |
4157 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4158 loading="lazy" | |
4159 /> | |
4160 </a> | |
4161 </span></p> | |
4162 <p>Check out its <a href="https://www.nps.gov/goga/nike-mi… | |
4163 <p>We got lucky, and the veterans were both hilarious and super in… | |
4164 <p><img src="/c8c202158e218ccd053886bd110d0290/animation.g… | |
4165 <p>I brought along my little notebook and took copious notes while… | |
4166 <p><span | |
4167 class="gatsby-resp-image-wrapper" | |
4168 style="position: relative; display: block; margin-left: auto;… | |
4169 > | |
4170 <a | |
4171 class="gatsby-resp-image-link" | |
4172 href="/static/f175d4c895d6921cadc6782d98ad3176/d2602/history.jp… | |
4173 style="display: block" | |
4174 target="_blank" | |
4175 rel="noopener" | |
4176 > | |
4177 <span | |
4178 class="gatsby-resp-image-background-image" | |
4179 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4180 ></span> | |
4181 <img | |
4182 class="gatsby-resp-image-image" | |
4183 alt="history" | |
4184 title="history" | |
4185 src="/static/f175d4c895d6921cadc6782d98ad3176/6aca1/history… | |
4186 srcset="/static/f175d4c895d6921cadc6782d98ad3176/d2f63/hist… | |
4187 /static/f175d4c895d6921cadc6782d98ad3176/c989d/history.jpg 325w, | |
4188 /static/f175d4c895d6921cadc6782d98ad3176/6aca1/history.jpg 650w, | |
4189 /static/f175d4c895d6921cadc6782d98ad3176/7c09c/history.jpg 975w, | |
4190 /static/f175d4c895d6921cadc6782d98ad3176/01ab0/history.jpg 1300w, | |
4191 /static/f175d4c895d6921cadc6782d98ad3176/d2602/history.jpg 4032w" | |
4192 sizes="(max-width: 650px) 100vw, 650px" | |
4193 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4194 loading="lazy" | |
4195 /> | |
4196 </a> | |
4197 </span></p> | |
4198 <p>But first I wanted to share a favorite moment.</p> | |
4199 <p>Near the end of the tour, we were led underground to where they… | |
4200 <p>Meanwhile, as we're watching this gigantic warhead move sk… | |
4201 <audio controls="controls"> | |
4202 <source type="audio/mp3" src="/5d9feeb82b2ba991d0806… | |
4203 </audio> | |
4204 <p>That's when the veteran asked, "Anyone ever seen Star… | |
4205 <p>My hand burst into the air like Hermoine's.</p> | |
4206 <p>Apparently, George Lucas visited the Nike missile site before f… | |
4207 <p><span | |
4208 class="gatsby-resp-image-wrapper" | |
4209 style="position: relative; display: block; margin-left: auto;… | |
4210 > | |
4211 <a | |
4212 class="gatsby-resp-image-link" | |
4213 href="/static/71d4a050bc2b68ac607f8fc3088a2aa7/df7e7/trash.jpg&… | |
4214 style="display: block" | |
4215 target="_blank" | |
4216 rel="noopener" | |
4217 > | |
4218 <span | |
4219 class="gatsby-resp-image-background-image" | |
4220 style="padding-bottom: 66.87116564417178%; position: relative; … | |
4221 ></span> | |
4222 <img | |
4223 class="gatsby-resp-image-image" | |
4224 alt="trash" | |
4225 title="trash" | |
4226 src="/static/71d4a050bc2b68ac607f8fc3088a2aa7/df7e7/trash.j… | |
4227 srcset="/static/71d4a050bc2b68ac607f8fc3088a2aa7/d2f63/tras… | |
4228 /static/71d4a050bc2b68ac607f8fc3088a2aa7/c989d/trash.jpg 325w, | |
4229 /static/71d4a050bc2b68ac607f8fc3088a2aa7/df7e7/trash.jpg 639w" | |
4230 sizes="(max-width: 639px) 100vw, 639px" | |
4231 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4232 loading="lazy" | |
4233 /> | |
4234 </a> | |
4235 </span></p> | |
4236 <p>This experience now lends more credence to the apocryphal story… | |
4237 <p>Anyway, as mentioned, here's what I scribbled down during … | |
4238 <ul> | |
4239 <li>Nike is the "goddess of victory"</li> | |
4240 <li> | |
4241 <p>Nike Missile Program</p> | |
4242 <ul> | |
4243 <li>1954 - 1974</li> | |
4244 <li>233 sites across the USA</li> | |
4245 <li>Billions were spent</li> | |
4246 <li>Obsoleted by ICBMs (inter-continental ballistic missiles)</… | |
4247 </ul> | |
4248 </li> | |
4249 <li> | |
4250 <p>Two types of missiles:</p> | |
4251 <ul> | |
4252 <li>(1) Ajax: liquid fuel, very dangerous to handle</li> | |
4253 <li>(2) Hercules: nuclear version</li> | |
4254 </ul> | |
4255 </li> | |
4256 <li>Many of the Army operators were ~19 years: "We were kids.… | |
4257 <li>Missiles were radar operated</li> | |
4258 <li>No Nike missiles were ever "officially launched" at … | |
4259 <li> | |
4260 <p>Each site had three radars:</p> | |
4261 <ul> | |
4262 <li>(1) Friend or Foe?</li> | |
4263 <li>(2) Foe tracker</li> | |
4264 <li>(3) Missile tracker</li> | |
4265 </ul> | |
4266 </li> | |
4267 <li> | |
4268 <p>The U.S. strategy for defending our coasts was:</p> | |
4269 <ul> | |
4270 <li>(1) Navy will try first,</li> | |
4271 <li>(2) Then the Air Force,</li> | |
4272 <li>(3) Finally, the Army with Nike missiles as a last resort</… | |
4273 </ul> | |
4274 </li> | |
4275 <li> | |
4276 <p>Control operators had five words they could send to an in-fligh… | |
4277 <ul> | |
4278 <li>(1) PITCH</li> | |
4279 <li>(2) YAW</li> | |
4280 <li>(3) ROLL</li> | |
4281 <li>(4) SELF-DESTRUCT</li> | |
4282 <li>(5) EXPLODE (they had to tell the missiles to explode!)</li… | |
4283 </ul> | |
4284 </li> | |
4285 <li>Operators went to annual training in New Mexico where they act… | |
4286 <li>Hercules had a 35 mile "kill" diameter</li> | |
4287 <li>There is an electromagnetic pulse during a nuclear explosion, … | |
4288 </ul> | |
4289 <p>And here are some of the better photos from my phone. If you li… | |
4290 <p><span | |
4291 class="gatsby-resp-image-wrapper" | |
4292 style="position: relative; display: block; margin-left: auto;… | |
4293 > | |
4294 <a | |
4295 class="gatsby-resp-image-link" | |
4296 href="/static/28a20b6ce46becb1226cd959be3cf0c7/d2602/buttons.jp… | |
4297 style="display: block" | |
4298 target="_blank" | |
4299 rel="noopener" | |
4300 > | |
4301 <span | |
4302 class="gatsby-resp-image-background-image" | |
4303 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4304 ></span> | |
4305 <img | |
4306 class="gatsby-resp-image-image" | |
4307 alt="buttons" | |
4308 title="buttons" | |
4309 src="/static/28a20b6ce46becb1226cd959be3cf0c7/6aca1/buttons… | |
4310 srcset="/static/28a20b6ce46becb1226cd959be3cf0c7/d2f63/butt… | |
4311 /static/28a20b6ce46becb1226cd959be3cf0c7/c989d/buttons.jpg 325w, | |
4312 /static/28a20b6ce46becb1226cd959be3cf0c7/6aca1/buttons.jpg 650w, | |
4313 /static/28a20b6ce46becb1226cd959be3cf0c7/7c09c/buttons.jpg 975w, | |
4314 /static/28a20b6ce46becb1226cd959be3cf0c7/01ab0/buttons.jpg 1300w, | |
4315 /static/28a20b6ce46becb1226cd959be3cf0c7/d2602/buttons.jpg 4032w" | |
4316 sizes="(max-width: 650px) 100vw, 650px" | |
4317 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4318 loading="lazy" | |
4319 /> | |
4320 </a> | |
4321 </span></p> | |
4322 <p><span | |
4323 class="gatsby-resp-image-wrapper" | |
4324 style="position: relative; display: block; margin-left: auto;… | |
4325 > | |
4326 <a | |
4327 class="gatsby-resp-image-link" | |
4328 href="/static/52be07ae64ab63460489c89eefdb569a/6a89c/controls.j… | |
4329 style="display: block" | |
4330 target="_blank" | |
4331 rel="noopener" | |
4332 > | |
4333 <span | |
4334 class="gatsby-resp-image-background-image" | |
4335 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4336 ></span> | |
4337 <img | |
4338 class="gatsby-resp-image-image" | |
4339 alt="controls" | |
4340 title="controls" | |
4341 src="/static/52be07ae64ab63460489c89eefdb569a/6aca1/control… | |
4342 srcset="/static/52be07ae64ab63460489c89eefdb569a/d2f63/cont… | |
4343 /static/52be07ae64ab63460489c89eefdb569a/c989d/controls.jpg 325w, | |
4344 /static/52be07ae64ab63460489c89eefdb569a/6aca1/controls.jpg 650w, | |
4345 /static/52be07ae64ab63460489c89eefdb569a/7c09c/controls.jpg 975w, | |
4346 /static/52be07ae64ab63460489c89eefdb569a/01ab0/controls.jpg 1300w, | |
4347 /static/52be07ae64ab63460489c89eefdb569a/6a89c/controls.jpg 3714w" | |
4348 sizes="(max-width: 650px) 100vw, 650px" | |
4349 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4350 loading="lazy" | |
4351 /> | |
4352 </a> | |
4353 </span></p> | |
4354 <p><span | |
4355 class="gatsby-resp-image-wrapper" | |
4356 style="position: relative; display: block; margin-left: auto;… | |
4357 > | |
4358 <a | |
4359 class="gatsby-resp-image-link" | |
4360 href="/static/aca59aea2a2e99606c2258c15096e50c/d2602/dials.jpg&… | |
4361 style="display: block" | |
4362 target="_blank" | |
4363 rel="noopener" | |
4364 > | |
4365 <span | |
4366 class="gatsby-resp-image-background-image" | |
4367 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4368 ></span> | |
4369 <img | |
4370 class="gatsby-resp-image-image" | |
4371 alt="dials" | |
4372 title="dials" | |
4373 src="/static/aca59aea2a2e99606c2258c15096e50c/6aca1/dials.j… | |
4374 srcset="/static/aca59aea2a2e99606c2258c15096e50c/d2f63/dial… | |
4375 /static/aca59aea2a2e99606c2258c15096e50c/c989d/dials.jpg 325w, | |
4376 /static/aca59aea2a2e99606c2258c15096e50c/6aca1/dials.jpg 650w, | |
4377 /static/aca59aea2a2e99606c2258c15096e50c/7c09c/dials.jpg 975w, | |
4378 /static/aca59aea2a2e99606c2258c15096e50c/01ab0/dials.jpg 1300w, | |
4379 /static/aca59aea2a2e99606c2258c15096e50c/d2602/dials.jpg 4032w" | |
4380 sizes="(max-width: 650px) 100vw, 650px" | |
4381 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4382 loading="lazy" | |
4383 /> | |
4384 </a> | |
4385 </span></p> | |
4386 <p><span | |
4387 class="gatsby-resp-image-wrapper" | |
4388 style="position: relative; display: block; margin-left: auto;… | |
4389 > | |
4390 <a | |
4391 class="gatsby-resp-image-link" | |
4392 href="/static/94942153f05fff73adbf2b72216ed795/d2602/missile.jp… | |
4393 style="display: block" | |
4394 target="_blank" | |
4395 rel="noopener" | |
4396 > | |
4397 <span | |
4398 class="gatsby-resp-image-background-image" | |
4399 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4400 ></span> | |
4401 <img | |
4402 class="gatsby-resp-image-image" | |
4403 alt="missile" | |
4404 title="missile" | |
4405 src="/static/94942153f05fff73adbf2b72216ed795/6aca1/missile… | |
4406 srcset="/static/94942153f05fff73adbf2b72216ed795/d2f63/miss… | |
4407 /static/94942153f05fff73adbf2b72216ed795/c989d/missile.jpg 325w, | |
4408 /static/94942153f05fff73adbf2b72216ed795/6aca1/missile.jpg 650w, | |
4409 /static/94942153f05fff73adbf2b72216ed795/7c09c/missile.jpg 975w, | |
4410 /static/94942153f05fff73adbf2b72216ed795/01ab0/missile.jpg 1300w, | |
4411 /static/94942153f05fff73adbf2b72216ed795/d2602/missile.jpg 4032w" | |
4412 sizes="(max-width: 650px) 100vw, 650px" | |
4413 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4414 loading="lazy" | |
4415 /> | |
4416 </a> | |
4417 </span></p> | |
4418 <p><span | |
4419 class="gatsby-resp-image-wrapper" | |
4420 style="position: relative; display: block; margin-left: auto;… | |
4421 > | |
4422 <a | |
4423 class="gatsby-resp-image-link" | |
4424 href="/static/c5d7694dc4304c2cf704b8ee257ff1ba/d2602/parallax.j… | |
4425 style="display: block" | |
4426 target="_blank" | |
4427 rel="noopener" | |
4428 > | |
4429 <span | |
4430 class="gatsby-resp-image-background-image" | |
4431 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4432 ></span> | |
4433 <img | |
4434 class="gatsby-resp-image-image" | |
4435 alt="parallax" | |
4436 title="parallax" | |
4437 src="/static/c5d7694dc4304c2cf704b8ee257ff1ba/6aca1/paralla… | |
4438 srcset="/static/c5d7694dc4304c2cf704b8ee257ff1ba/d2f63/para… | |
4439 /static/c5d7694dc4304c2cf704b8ee257ff1ba/c989d/parallax.jpg 325w, | |
4440 /static/c5d7694dc4304c2cf704b8ee257ff1ba/6aca1/parallax.jpg 650w, | |
4441 /static/c5d7694dc4304c2cf704b8ee257ff1ba/7c09c/parallax.jpg 975w, | |
4442 /static/c5d7694dc4304c2cf704b8ee257ff1ba/01ab0/parallax.jpg 1300w, | |
4443 /static/c5d7694dc4304c2cf704b8ee257ff1ba/d2602/parallax.jpg 4032w" | |
4444 sizes="(max-width: 650px) 100vw, 650px" | |
4445 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4446 loading="lazy" | |
4447 /> | |
4448 </a> | |
4449 </span></p> | |
4450 <p><span | |
4451 class="gatsby-resp-image-wrapper" | |
4452 style="position: relative; display: block; margin-left: auto;… | |
4453 > | |
4454 <a | |
4455 class="gatsby-resp-image-link" | |
4456 href="/static/986e00cad4152a58664883e8a3d330f1/7c297/phone.jpg&… | |
4457 style="display: block" | |
4458 target="_blank" | |
4459 rel="noopener" | |
4460 > | |
4461 <span | |
4462 class="gatsby-resp-image-background-image" | |
4463 style="padding-bottom: 114.7239263803681%; position: relative; … | |
4464 ></span> | |
4465 <img | |
4466 class="gatsby-resp-image-image" | |
4467 alt="phone" | |
4468 title="phone" | |
4469 src="/static/986e00cad4152a58664883e8a3d330f1/6aca1/phone.j… | |
4470 srcset="/static/986e00cad4152a58664883e8a3d330f1/d2f63/phon… | |
4471 /static/986e00cad4152a58664883e8a3d330f1/c989d/phone.jpg 325w, | |
4472 /static/986e00cad4152a58664883e8a3d330f1/6aca1/phone.jpg 650w, | |
4473 /static/986e00cad4152a58664883e8a3d330f1/7c09c/phone.jpg 975w, | |
4474 /static/986e00cad4152a58664883e8a3d330f1/01ab0/phone.jpg 1300w, | |
4475 /static/986e00cad4152a58664883e8a3d330f1/7c297/phone.jpg 3007w" | |
4476 sizes="(max-width: 650px) 100vw, 650px" | |
4477 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4478 loading="lazy" | |
4479 /> | |
4480 </a> | |
4481 </span></p> | |
4482 <p><span | |
4483 class="gatsby-resp-image-wrapper" | |
4484 style="position: relative; display: block; margin-left: auto;… | |
4485 > | |
4486 <a | |
4487 class="gatsby-resp-image-link" | |
4488 href="/static/edeea8b83f4d379392bbc93402181f2f/d2602/plot.jpg&q… | |
4489 style="display: block" | |
4490 target="_blank" | |
4491 rel="noopener" | |
4492 > | |
4493 <span | |
4494 class="gatsby-resp-image-background-image" | |
4495 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4496 ></span> | |
4497 <img | |
4498 class="gatsby-resp-image-image" | |
4499 alt="plot" | |
4500 title="plot" | |
4501 src="/static/edeea8b83f4d379392bbc93402181f2f/6aca1/plot.jp… | |
4502 srcset="/static/edeea8b83f4d379392bbc93402181f2f/d2f63/plot… | |
4503 /static/edeea8b83f4d379392bbc93402181f2f/c989d/plot.jpg 325w, | |
4504 /static/edeea8b83f4d379392bbc93402181f2f/6aca1/plot.jpg 650w, | |
4505 /static/edeea8b83f4d379392bbc93402181f2f/7c09c/plot.jpg 975w, | |
4506 /static/edeea8b83f4d379392bbc93402181f2f/01ab0/plot.jpg 1300w, | |
4507 /static/edeea8b83f4d379392bbc93402181f2f/d2602/plot.jpg 4032w" | |
4508 sizes="(max-width: 650px) 100vw, 650px" | |
4509 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4510 loading="lazy" | |
4511 /> | |
4512 </a> | |
4513 </span></p> | |
4514 <p><span | |
4515 class="gatsby-resp-image-wrapper" | |
4516 style="position: relative; display: block; margin-left: auto;… | |
4517 > | |
4518 <a | |
4519 class="gatsby-resp-image-link" | |
4520 href="/static/7a57d968e5242926589df2368be6cad0/d2602/power.jpg&… | |
4521 style="display: block" | |
4522 target="_blank" | |
4523 rel="noopener" | |
4524 > | |
4525 <span | |
4526 class="gatsby-resp-image-background-image" | |
4527 style="padding-bottom: 74.84662576687117%; position: relative; … | |
4528 ></span> | |
4529 <img | |
4530 class="gatsby-resp-image-image" | |
4531 alt="power" | |
4532 title="power" | |
4533 src="/static/7a57d968e5242926589df2368be6cad0/6aca1/power.j… | |
4534 srcset="/static/7a57d968e5242926589df2368be6cad0/d2f63/powe… | |
4535 /static/7a57d968e5242926589df2368be6cad0/c989d/power.jpg 325w, | |
4536 /static/7a57d968e5242926589df2368be6cad0/6aca1/power.jpg 650w, | |
4537 /static/7a57d968e5242926589df2368be6cad0/7c09c/power.jpg 975w, | |
4538 /static/7a57d968e5242926589df2368be6cad0/01ab0/power.jpg 1300w, | |
4539 /static/7a57d968e5242926589df2368be6cad0/d2602/power.jpg 4032w" | |
4540 sizes="(max-width: 650px) 100vw, 650px" | |
4541 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4542 loading="lazy" | |
4543 /> | |
4544 </a> | |
4545 </span></p> | |
4546 <p><span | |
4547 class="gatsby-resp-image-wrapper" | |
4548 style="position: relative; display: block; margin-left: auto;… | |
4549 > | |
4550 <a | |
4551 class="gatsby-resp-image-link" | |
4552 href="/static/2d3dab732e50aa4b88aa8d0672a25fda/6f063/secret.jpg… | |
4553 style="display: block" | |
4554 target="_blank" | |
4555 rel="noopener" | |
4556 > | |
4557 <span | |
4558 class="gatsby-resp-image-background-image" | |
4559 style="padding-bottom: 131.2883435582822%; position: relative; … | |
4560 ></span> | |
4561 <img | |
4562 class="gatsby-resp-image-image" | |
4563 alt="secret" | |
4564 title="secret" | |
4565 src="/static/2d3dab732e50aa4b88aa8d0672a25fda/6aca1/secret.… | |
4566 srcset="/static/2d3dab732e50aa4b88aa8d0672a25fda/d2f63/secr… | |
4567 /static/2d3dab732e50aa4b88aa8d0672a25fda/c989d/secret.jpg 325w, | |
4568 /static/2d3dab732e50aa4b88aa8d0672a25fda/6aca1/secret.jpg 650w, | |
4569 /static/2d3dab732e50aa4b88aa8d0672a25fda/7c09c/secret.jpg 975w, | |
4570 /static/2d3dab732e50aa4b88aa8d0672a25fda/01ab0/secret.jpg 1300w, | |
4571 /static/2d3dab732e50aa4b88aa8d0672a25fda/6f063/secret.jpg 2475w" | |
4572 sizes="(max-width: 650px) 100vw, 650px" | |
4573 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4574 loading="lazy" | |
4575 /> | |
4576 </a> | |
4577 </span></p> | |
4578 <p><span | |
4579 class="gatsby-resp-image-wrapper" | |
4580 style="position: relative; display: block; margin-left: auto;… | |
4581 > | |
4582 <a | |
4583 class="gatsby-resp-image-link" | |
4584 href="/static/75ed3e19f967cb450e0a86ee5a2d5e10/ca211/sign.jpg&q… | |
4585 style="display: block" | |
4586 target="_blank" | |
4587 rel="noopener" | |
4588 > | |
4589 <span | |
4590 class="gatsby-resp-image-background-image" | |
4591 style="padding-bottom: 108.58895705521472%; position: relative;… | |
4592 ></span> | |
4593 <img | |
4594 class="gatsby-resp-image-image" | |
4595 alt="sign" | |
4596 title="sign" | |
4597 src="/static/75ed3e19f967cb450e0a86ee5a2d5e10/6aca1/sign.jp… | |
4598 srcset="/static/75ed3e19f967cb450e0a86ee5a2d5e10/d2f63/sign… | |
4599 /static/75ed3e19f967cb450e0a86ee5a2d5e10/c989d/sign.jpg 325w, | |
4600 /static/75ed3e19f967cb450e0a86ee5a2d5e10/6aca1/sign.jpg 650w, | |
4601 /static/75ed3e19f967cb450e0a86ee5a2d5e10/7c09c/sign.jpg 975w, | |
4602 /static/75ed3e19f967cb450e0a86ee5a2d5e10/01ab0/sign.jpg 1300w, | |
4603 /static/75ed3e19f967cb450e0a86ee5a2d5e10/ca211/sign.jpg 2980w" | |
4604 sizes="(max-width: 650px) 100vw, 650px" | |
4605 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4606 loading="lazy" | |
4607 /> | |
4608 </a> | |
4609 </span></p> | |
4610 <p><span | |
4611 class="gatsby-resp-image-wrapper" | |
4612 style="position: relative; display: block; margin-left: auto;… | |
4613 > | |
4614 <a | |
4615 class="gatsby-resp-image-link" | |
4616 href="/static/4b3492e94c48707b0b44fceaa14ad0b2/9568a/squib.jpg&… | |
4617 style="display: block" | |
4618 target="_blank" | |
4619 rel="noopener" | |
4620 > | |
4621 <span | |
4622 class="gatsby-resp-image-background-image" | |
4623 style="padding-bottom: 133.12883435582822%; position: relative;… | |
4624 ></span> | |
4625 <img | |
4626 class="gatsby-resp-image-image" | |
4627 alt="squib" | |
4628 title="squib" | |
4629 src="/static/4b3492e94c48707b0b44fceaa14ad0b2/6aca1/squib.j… | |
4630 srcset="/static/4b3492e94c48707b0b44fceaa14ad0b2/d2f63/squi… | |
4631 /static/4b3492e94c48707b0b44fceaa14ad0b2/c989d/squib.jpg 325w, | |
4632 /static/4b3492e94c48707b0b44fceaa14ad0b2/6aca1/squib.jpg 650w, | |
4633 /static/4b3492e94c48707b0b44fceaa14ad0b2/7c09c/squib.jpg 975w, | |
4634 /static/4b3492e94c48707b0b44fceaa14ad0b2/01ab0/squib.jpg 1300w, | |
4635 /static/4b3492e94c48707b0b44fceaa14ad0b2/9568a/squib.jpg 3024w" | |
4636 sizes="(max-width: 650px) 100vw, 650px" | |
4637 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4638 loading="lazy" | |
4639 /> | |
4640 </a> | |
4641 </span></p> | |
4642 <p><span | |
4643 class="gatsby-resp-image-wrapper" | |
4644 style="position: relative; display: block; margin-left: auto;… | |
4645 > | |
4646 <a | |
4647 class="gatsby-resp-image-link" | |
4648 href="/static/69d36a8d8a00d7b88158eb8b0e196916/02c19/test.jpg&q… | |
4649 style="display: block" | |
4650 target="_blank" | |
4651 rel="noopener" | |
4652 > | |
4653 <span | |
4654 class="gatsby-resp-image-background-image" | |
4655 style="padding-bottom: 119.6319018404908%; position: relative; … | |
4656 ></span> | |
4657 <img | |
4658 class="gatsby-resp-image-image" | |
4659 alt="test" | |
4660 title="test" | |
4661 src="/static/69d36a8d8a00d7b88158eb8b0e196916/6aca1/test.jp… | |
4662 srcset="/static/69d36a8d8a00d7b88158eb8b0e196916/d2f63/test… | |
4663 /static/69d36a8d8a00d7b88158eb8b0e196916/c989d/test.jpg 325w, | |
4664 /static/69d36a8d8a00d7b88158eb8b0e196916/6aca1/test.jpg 650w, | |
4665 /static/69d36a8d8a00d7b88158eb8b0e196916/7c09c/test.jpg 975w, | |
4666 /static/69d36a8d8a00d7b88158eb8b0e196916/01ab0/test.jpg 1300w, | |
4667 /static/69d36a8d8a00d7b88158eb8b0e196916/02c19/test.jpg 2673w" | |
4668 sizes="(max-width: 650px) 100vw, 650px" | |
4669 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4670 loading="lazy" | |
4671 /> | |
4672 </a> | |
4673 </span></p></content:encoded></item><item><title><![CDAT… | |
4674 <blockquote> | |
4675 <p>Escaping Web is a show celebrating software engineers who'… | |
4676 </blockquote> | |
4677 <p>The idea for the podcast began with the observation that most e… | |
4678 <p>As the head of <a href="https://bradfieldcs.com"&g… | |
4679 <p>Our podcast interviews these engineers to learn what makes the … | |
4680 <p>Mostly, Escaping Web is a podcast about learning how to learn h… | |
4681 <p>We recorded six episodes last year with six amazing individuals… | |
4682 <p>We recently decided to put the show on indefinite hiatus (don&a… | |
4683 <h2>Starting a podcast</h2> | |
4684 <p>It's easy! Everyone says that, and I pretty much agree. He… | |
4685 <ol> | |
4686 <li>Record one or two episodes of audio</li> | |
4687 <li>Edit them (optional)</li> | |
4688 <li>Upload them somewhere on the internet that is publically acces… | |
4689 <li>Generate an RSS feed that can tell podcast directories where t… | |
4690 <li>Tell the podcast directories (e.g. iTunes, Google Play, Spotif… | |
4691 <li>Line up sponsorships with Squarespace, Linode, and a subscript… | |
4692 </ol> | |
4693 <p>But that's it! Podcasting is still an open medium. There a… | |
4694 <h3>1. Recording audio</h3> | |
4695 <p>This one should be easy, you'd think. But it's not. I… | |
4696 <p>Even if you're not doing a guest-of-the-week format, there… | |
4697 <p>If you do give Escaping Web a listen, you might agree with me t… | |
4698 <p>I still think we went the right way with the interview format f… | |
4699 <p>Weren't we supposed to be talking about recording audio? O… | |
4700 <ol> | |
4701 <li>In-person, each with an individual mic and headphones</li&g… | |
4702 <li>Over Skype, using Skype Call Recorder (and Piezo as a backup)&… | |
4703 </ol> | |
4704 <p>The goal here is to get separate tracks for each speaker so tha… | |
4705 <ol start="3"> | |
4706 <li>In-person, sharing one mic with no headphones (and occasionall… | |
4707 </ol> | |
4708 <p>Why? Why, oh why, did we go this route?</p> | |
4709 <p>Mostly because Oz already had this big ol' Blue Yeti mic, … | |
4710 <p>I, for one, am extremely loud. Oz, not so much. Our guests, som… | |
4711 <p>I've gone on quite a bit already, and we're still in … | |
4712 <h3>2. Editing audio</h3> | |
4713 <p>This can be another rabbit hole time-warp. But it's also n… | |
4714 <p>Our shows ran about an hour or so, which meant we had about 90 … | |
4715 <p>So, what is editing? I'm not totally sure. Here's wha… | |
4716 <ul> | |
4717 <li>Remove weird loud noises and pops</li> | |
4718 <li>Remove background hum (the Bradfield office had an nice air co… | |
4719 <li>Equalize and condense the tracks</li> | |
4720 <li>Make a funny intro segment (with music!)</li> | |
4721 </ul> | |
4722 <p>My tools were the free and awesome Audacity (I'm not sure … | |
4723 <p>Admittedly, the thing I looked forward to most about the edits … | |
4724 <h3>3-4. Hosting files and generating RSS feed</h3> | |
4725 <p>Now we're into what "folks in the biz" call &quo… | |
4726 <p>There are many podcast hosting companies out there. If you&apos… | |
4727 <p>I chose <a href="https://transistor.fm/?via=charles&quo… | |
4728 <p>Unfortunately, now that we've gone on hiatus and we don&ap… | |
4729 <h3>5. Adding your RSS feed to the directories</h3> | |
4730 <p>One slight bummer is that, even with a podcast hosting service,… | |
4731 <p>This is mainly a bummer in that, if you've made it this fa… | |
4732 <p>To take the other side of this, I've actually now found it… | |
4733 <p>Oh! Also, your show needs show art. Here's what I sketched… | |
4734 <p><span | |
4735 class="gatsby-resp-image-wrapper" | |
4736 style="position: relative; display: block; margin-left: auto;… | |
4737 > | |
4738 <span | |
4739 class="gatsby-resp-image-background-image" | |
4740 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
4741 ></span> | |
4742 <img | |
4743 class="gatsby-resp-image-image" | |
4744 alt="ewlogo" | |
4745 title="ewlogo" | |
4746 src="/static/cf35047043f8693673a5235362b746ce/6aca1/ew.jpg&… | |
4747 srcset="/static/cf35047043f8693673a5235362b746ce/d2f63/ew.j… | |
4748 /static/cf35047043f8693673a5235362b746ce/c989d/ew.jpg 325w, | |
4749 /static/cf35047043f8693673a5235362b746ce/6aca1/ew.jpg 650w, | |
4750 /static/cf35047043f8693673a5235362b746ce/7c09c/ew.jpg 975w, | |
4751 /static/cf35047043f8693673a5235362b746ce/01ab0/ew.jpg 1300w, | |
4752 /static/cf35047043f8693673a5235362b746ce/12609/ew.jpg 3000w" | |
4753 sizes="(max-width: 650px) 100vw, 650px" | |
4754 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4755 loading="lazy" | |
4756 /> | |
4757 </span></p> | |
4758 <p>Our spider has a Nand gate on its back. Cute.</p> | |
4759 <h3>6. Finding sponsors!</h3> | |
4760 <p>Whoops. We never did this one. This is especially unfortunate, … | |
4761 <p>Promotion is hard, in general. Not just for podcasts. Maybe obs… | |
4762 <p>We did set up a Twitter account for the show (<a href="… | |
4763 <p>In fact, I wanted to share some of the things that folks Tweete… | |
4764 <blockquote class="twitter-tweet"><p lang="en&qu… | |
4765 <blockquote class="twitter-tweet"><p lang="en&qu… | |
4766 <blockquote class="twitter-tweet"><p lang="en&qu… | |
4767 <p>Yes, I know, I know. The audio on the Grant episode is the wors… | |
4768 <p>Also, everyone says that leaving ratings on iTunes is "sup… | |
4769 <p><span | |
4770 class="gatsby-resp-image-wrapper" | |
4771 style="position: relative; display: block; margin-left: auto;… | |
4772 > | |
4773 <span | |
4774 class="gatsby-resp-image-background-image" | |
4775 style="padding-bottom: 45.39877300613497%; position: relative; … | |
4776 ></span> | |
4777 <img | |
4778 class="gatsby-resp-image-image" | |
4779 alt="itunesratings" | |
4780 title="itunesratings" | |
4781 src="/static/e9803cd60b32c872b51bf1cc82832262/a6d36/itunesr… | |
4782 srcset="/static/e9803cd60b32c872b51bf1cc82832262/222b7/itun… | |
4783 /static/e9803cd60b32c872b51bf1cc82832262/ff46a/itunesratings.png 325w, | |
4784 /static/e9803cd60b32c872b51bf1cc82832262/a6d36/itunesratings.png 650w, | |
4785 /static/e9803cd60b32c872b51bf1cc82832262/e548f/itunesratings.png 975w, | |
4786 /static/e9803cd60b32c872b51bf1cc82832262/3c492/itunesratings.png 1300w, | |
4787 /static/e9803cd60b32c872b51bf1cc82832262/f36fd/itunesratings.png 2488w&q… | |
4788 sizes="(max-width: 650px) 100vw, 650px" | |
4789 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
4790 loading="lazy" | |
4791 /> | |
4792 </span></p> | |
4793 <p>Still, these tweets and these ratings and the personal texts we… | |
4794 <h2>What I learned from season one of Escaping Web (other than how… | |
4795 <p><strong>Interviewing is challenging.</strong> Duh. … | |
4796 <p><strong>Take to time to explore things deeply.</strong… | |
4797 <p><strong>Find a friend who's way smarter than you and… | |
4798 <p>And, with that, the retrospective is complete! Onto the shownot… | |
4799 <ul> | |
4800 <li><a href="https://www.cs.virginia.edu/~robins/YouAndYou… | |
4801 <li><a href="https://en.wikipedia.org/wiki/How_to_Solve_It… | |
4802 <li><a href="https://mitpress.mit.edu/sites/default/files/… | |
4803 <li><a href="https://www.nand2tetris.org/">Nand2Te… | |
4804 <li><a href="https://www.amazon.com/Flow-Psychology-Experi… | |
4805 </ul> | |
4806 <h2>Shownotes and audio for Escaping Web</h2> | |
4807 <h3>1: A Quantum of Sad Things Happening To Felix Tripier of IonQ&… | |
4808 <p>Felix Tripier is a software engineer at a quantum computing com… | |
4809 <blockquote> | |
4810 <p>Find out how Felix Tripier went from high-school and college dr… | |
4811 </blockquote> | |
4812 <audio controls="controls"> | |
4813 <source type="audio/mp3" src="https://escapingweb.gi… | |
4814 </audio> | |
4815 <p>Links and resources:</p> | |
4816 <ul> | |
4817 <li><a href="https://en.wikipedia.org/wiki/Grave_of_the_Fi… | |
4818 <li> | |
4819 <p>Richard Hamming, "You And Your Research"</p> | |
4820 <ul> | |
4821 <li><a href="https://www.cs.virginia.edu/~robins/YouAndYou… | |
4822 <li><a href="https://www.youtube.com/watch?v=a1zDuOPkMSw&q… | |
4823 </ul> | |
4824 </li> | |
4825 <li><a href="https://github.com/ftripier/Q-bug">Q-… | |
4826 <li><a href="https://twitter.com/FelixTripier%22">… | |
4827 </ul> | |
4828 <h3>2: Epic Slacking with Roo Harrigan of Slack</h3> | |
4829 <p>Roo Harrigan is the Strategic Engineering Projects Lead at Slac… | |
4830 <blockquote> | |
4831 <p>Find out how Roo Harrigan went from an all-around generalist (p… | |
4832 </blockquote> | |
4833 <audio controls="controls"> | |
4834 <source type="audio/mp3" src="https://escapingweb.gi… | |
4835 </audio> | |
4836 <p>Links and resources:</p> | |
4837 <ul> | |
4838 <li><a href="https://medium.com/hackbright-capstone/day-29… | |
4839 <li><a href="http://frontsttrattoria.com/">Front S… | |
4840 <li><a href="https://hackbrightacademy.com">Hackbr… | |
4841 <li><a href="https://get.slack.help/hc/en-us/articles/2084… | |
4842 <li><a href="https://www.amazon.com/Flow-Psychology-Experi… | |
4843 <li><a href="https://twitter.com/roo_harrigan">Roo… | |
4844 </ul> | |
4845 <h3>3: Getting Time Serious with Richie Artoul of Uber</h3> | |
4846 <p>Richie Artoul is a software engineer on Uber's Observabili… | |
4847 <blockquote> | |
4848 <p>Find out how Richie Artoul went from bootcamp grad to infrastru… | |
4849 </blockquote> | |
4850 <audio controls="controls"> | |
4851 <source type="audio/mp3" src="https://escapingweb.gi… | |
4852 </audio> | |
4853 <p>Links and resources:</p> | |
4854 <ul> | |
4855 <li><a href="https://eng.uber.com/optimizing-m3/">… | |
4856 <li><a href="https://m3db.io/">M3 &#x26; M3DB&… | |
4857 <li><a href="https://www.nand2tetris.org/">Nand2Te… | |
4858 <li><a href="https://en.wikipedia.org/wiki/Rubber_duck_deb… | |
4859 <li><a href="https://www.allthingsdistributed.com/files/am… | |
4860 <li><a href="https://www.foundationdb.org/">Founda… | |
4861 <li><a href="https://jvns.ca/blog/brag-documents/">… | |
4862 <li><a href="https://twitter.com/richardartoul">Ri… | |
4863 </ul> | |
4864 <h3>4: A Graphic(s) Conversation with Lauren Budorick of Figma<… | |
4865 <p>Lauren Budorick is Graphics Software Engineer at Figma. She’s… | |
4866 <blockquote> | |
4867 <p>Find out how Lauren went from bootcamp grad to Graphics Softwar… | |
4868 </blockquote> | |
4869 <audio controls="controls"> | |
4870 <source type="audio/mp3" src="https://escapingweb.gi… | |
4871 </audio> | |
4872 <p>Links and resources:</p> | |
4873 <ul> | |
4874 <li><a href="https://twitter.com/lbudorick/status/11491189… | |
4875 <li><a href="https://www.w3.org/Graphics/GIF/spec-gif89a.t… | |
4876 <li><a href="http://www.olsenhome.com/gif/BOB_89A.GIF"… | |
4877 <li><a href="http://ata4.github.io/gifiddle/#http://www.ol… | |
4878 <li><a href="https://www.theatlantic.com/technology/archiv… | |
4879 <li><a href="https://www.youtube.com/watch?v=Opzomu6mgYk&q… | |
4880 <li><a href="https://www.goodreads.com/book/show/7090.The_… | |
4881 <li><a href="https://www.youtube.com/watch?v=YFGY2BeyfzA&q… | |
4882 <li><a href="https://www.3blue1brown.com/essence-of-linear… | |
4883 <li><a href="https://www.figma.com/">Figma</a&g… | |
4884 <li><a href="https://www.figma.com/blog/section/engineerin… | |
4885 <li><a href="https://www.mapbox.com/">Mapbox</a… | |
4886 <li><a href="https://hackbrightacademy.com/">Hackb… | |
4887 <li><a href="https://www.goodreads.com/book/show/222146.Ma… | |
4888 <li><a href="https://twitter.com/lbudorick">Lauren… | |
4889 </ul> | |
4890 <h3>5: Learning Your Stripes with Grant Wu of Stripe</h3> | |
4891 <p>Grant Wu is a Software Engineer at Stripe on the Ruby Applicati… | |
4892 <blockquote> | |
4893 <p>Charlie and Oz dig into Grant’s study habits for self-guided … | |
4894 </blockquote> | |
4895 <audio controls="controls"> | |
4896 <source type="audio/mp3" src="https://escapingweb.gi… | |
4897 </audio> | |
4898 <p>Links and resources:</p> | |
4899 <ul> | |
4900 <li><a href="https://stripe.com">Stripe</a>&… | |
4901 <li><a href="https://sorbet.org/">Sorbet: Ruby Sta… | |
4902 <li><a href="https://increment.com/">Stripe’s In… | |
4903 <li><a href="https://press.stripe.com/">The Dream … | |
4904 <li><a href="https://www.goodreads.com/book/show/830502.It… | |
4905 <li><a href="http://teachyourselfcs.com">teachyour… | |
4906 <li><a href="https://www.youtube.com/watch?v=v7s8m_-sA-Y&q… | |
4907 <li><a href="https://www.amazon.com/Flow-Psychology-Experi… | |
4908 <li><a href="https://twitter.com/awkc1996/status/117179246… | |
4909 <li><a href="https://www.hackreactor.com/">Hack Re… | |
4910 <li><a href="https://mitpress.mit.edu/sites/default/files/… | |
4911 <li><a href="https://github.com/gw">Grant Wu on Gi… | |
4912 <li><a href="https://www.linkedin.com/in/gwu01/">G… | |
4913 </ul> | |
4914 <h3>6: Algorithmically Speaking with Elliott Jin of Triplebyte<… | |
4915 <p>Elliott Jin is the Interview Team Tech Lead at Triplebyte. You&… | |
4916 <blockquote> | |
4917 <p>Charlie and Oz explore Elliott's path down the various int… | |
4918 </blockquote> | |
4919 <audio controls="controls"> | |
4920 <source type="audio/mp3" src="https://escapingweb.gi… | |
4921 </audio> | |
4922 <p>Links and resources:</p> | |
4923 <ul> | |
4924 <li><a href="https://projecteuler.net/">Project Eu… | |
4925 <li><a href="https://www.amazon.com/Programming-Language-2… | |
4926 <li><a href="https://en.wikipedia.org/wiki/Gorillas_(video… | |
4927 <li><a href="https://en.wikipedia.org/wiki/Windows_3.1x%22… | |
4928 <li><a href="https://en.wikipedia.org/wiki/Drugwars%22&quo… | |
4929 <li><a href="https://en.wikipedia.org/wiki/Space_Trader_(P… | |
4930 <li><a href="https://twitter.com/jessitron/status/11833778… | |
4931 <li><a href="https://web.nmsu.edu/~davidp/hpm-subm-2012-nu… | |
4932 <li><a href="https://en.wikipedia.org/wiki/How_to_Solve_It… | |
4933 <li><a href="http://pleasingfungus.com/Silicon%20Zeroes/%2… | |
4934 <li><a href="https://en.wikipedia.org/wiki/The_Diamond_Age… | |
4935 <li><a href="https://www.amazon.com/Computability-Logic-Ge… | |
4936 <li><a href="https://www.amazon.com/Elements-Programming-A… | |
4937 <li><a href="https://mitpress.mit.edu/sites/default/files/… | |
4938 <li><a href="http://augmentingcognition.com/ltm.html%22&qu… | |
4939 <li><a href="https://www.amazon.com/Mind-Play-Shannon-Inve… | |
4940 <li><a href="https://thebitplayer.com/%22">The Bit… | |
4941 <li><a href="https://en.wikipedia.org/wiki/Useless_machine… | |
4942 <li><a href="https://www.dropbox.com%22">Dropbox&l… | |
4943 <li><a href="https://en.wikipedia.org/wiki/Formative_asses… | |
4944 <li><a href="https://triplebyte.com/%22">Triplebyt… | |
4945 <li><a href="https://github.com/robot-dreams%22">E… | |
4946 <li><a href="https://medium.com/@robot_dreams%22">… | |
4947 </ul></content:encoded></item><item><title><![CDATA[Notes on Map a… | |
4948 <p>After the Nike Missile site, we decided to take a course on map… | |
4949 <h2>Maps</h2> | |
4950 <ul> | |
4951 <li>Using a map is about using <strong>filters</strong>… | |
4952 <li>Download <a href="https://www.usgs.gov/products/maps/t… | |
4953 <li> | |
4954 <p>SCOPE acronym:</p> | |
4955 <ul> | |
4956 <li>shape</li> | |
4957 <li>color</li> | |
4958 <li>orientation</li> | |
4959 <li>proportion (aka distance)</li> | |
4960 </ul> | |
4961 </li> | |
4962 <li>You don't have to go in order of the acronym!</li> | |
4963 </ul> | |
4964 <h3>Shape</h3> | |
4965 <ul> | |
4966 <li>Look for valleys, ridges, hills with flat tops, gulleys, hills… | |
4967 <li> | |
4968 <p>Hidden Valley Ranch Salad Dressing</p> | |
4969 <ul> | |
4970 <li>Another acronym. Used by the "military"</li> | |
4971 <li>Hills Valleys Ridges Spurs Depressions</li> | |
4972 <li>These are the landshapes to look for on your map and in the ar… | |
4973 </ul> | |
4974 </li> | |
4975 </ul> | |
4976 <h3>Color</h3> | |
4977 <ul> | |
4978 <li>green = trees, white = not trees</li> | |
4979 <li>How to tell if you're in trees? Look up, if you see branc… | |
4980 <li>Sometimes white areas will have scrub brushes and plantlife, d… | |
4981 <li>Sometimes the tops of green hills will have white scrub / chap… | |
4982 <li>red or black indicates a human-made object</li> | |
4983 <li>trails are often not on a map. Many of the surveys were done d… | |
4984 </ul> | |
4985 <h3>Orientation</h3> | |
4986 <ul> | |
4987 <li>Use compass to orient the map, then place the map on the groun… | |
4988 <li>Maps usually point North</li> | |
4989 </ul> | |
4990 <h3>Proportion (Distance)</h3> | |
4991 <ul> | |
4992 <li>Measured as the crow flies, not on the ground</li> | |
4993 <li>Maps have a scale on them</li> | |
4994 <li>You can use the string of your compass to trace a trail, and t… | |
4995 <li>Good skill to learn: look at object in the distance and estima… | |
4996 <li>Make sure you know if your map is in miles or kilometers</l… | |
4997 </ul> | |
4998 <h3>Elevation</h3> | |
4999 <ul> | |
5000 <li>Measures vertical distance above sea level in feet</li> | |
5001 <li>5280 feet in a mile</li> | |
5002 <li>Contour lines have a standard elevation gap between them (e.g.… | |
5003 <li>Maps have "index" contour lines that state their ele… | |
5004 <li>"Intermediate" contour lines don't state their … | |
5005 <li>When lines are close together = STEEP!</li> | |
5006 <li>Fun experiment: slice a potato to measure contour lines! <e… | |
5007 </ul> | |
5008 <p><span | |
5009 class="gatsby-resp-image-wrapper" | |
5010 style="position: relative; display: block; margin-left: auto;… | |
5011 > | |
5012 <a | |
5013 class="gatsby-resp-image-link" | |
5014 href="/static/cd59ff499985ae9c272723cfe801cbf8/d2602/p1.jpg&quo… | |
5015 style="display: block" | |
5016 target="_blank" | |
5017 rel="noopener" | |
5018 > | |
5019 <span | |
5020 class="gatsby-resp-image-background-image" | |
5021 style="padding-bottom: 74.84662576687117%; position: relative; … | |
5022 ></span> | |
5023 <img | |
5024 class="gatsby-resp-image-image" | |
5025 alt="potato1" | |
5026 title="potato1" | |
5027 src="/static/cd59ff499985ae9c272723cfe801cbf8/6aca1/p1.jpg&… | |
5028 srcset="/static/cd59ff499985ae9c272723cfe801cbf8/d2f63/p1.j… | |
5029 /static/cd59ff499985ae9c272723cfe801cbf8/c989d/p1.jpg 325w, | |
5030 /static/cd59ff499985ae9c272723cfe801cbf8/6aca1/p1.jpg 650w, | |
5031 /static/cd59ff499985ae9c272723cfe801cbf8/7c09c/p1.jpg 975w, | |
5032 /static/cd59ff499985ae9c272723cfe801cbf8/01ab0/p1.jpg 1300w, | |
5033 /static/cd59ff499985ae9c272723cfe801cbf8/d2602/p1.jpg 4032w" | |
5034 sizes="(max-width: 650px) 100vw, 650px" | |
5035 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5036 loading="lazy" | |
5037 /> | |
5038 </a> | |
5039 </span></p> | |
5040 <p><span | |
5041 class="gatsby-resp-image-wrapper" | |
5042 style="position: relative; display: block; margin-left: auto;… | |
5043 > | |
5044 <a | |
5045 class="gatsby-resp-image-link" | |
5046 href="/static/95024dcb4b9020a04454a93913894a99/d2602/p2.jpg&quo… | |
5047 style="display: block" | |
5048 target="_blank" | |
5049 rel="noopener" | |
5050 > | |
5051 <span | |
5052 class="gatsby-resp-image-background-image" | |
5053 style="padding-bottom: 74.84662576687117%; position: relative; … | |
5054 ></span> | |
5055 <img | |
5056 class="gatsby-resp-image-image" | |
5057 alt="potato1" | |
5058 title="potato1" | |
5059 src="/static/95024dcb4b9020a04454a93913894a99/6aca1/p2.jpg&… | |
5060 srcset="/static/95024dcb4b9020a04454a93913894a99/d2f63/p2.j… | |
5061 /static/95024dcb4b9020a04454a93913894a99/c989d/p2.jpg 325w, | |
5062 /static/95024dcb4b9020a04454a93913894a99/6aca1/p2.jpg 650w, | |
5063 /static/95024dcb4b9020a04454a93913894a99/7c09c/p2.jpg 975w, | |
5064 /static/95024dcb4b9020a04454a93913894a99/01ab0/p2.jpg 1300w, | |
5065 /static/95024dcb4b9020a04454a93913894a99/d2602/p2.jpg 4032w" | |
5066 sizes="(max-width: 650px) 100vw, 650px" | |
5067 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5068 loading="lazy" | |
5069 /> | |
5070 </a> | |
5071 </span></p> | |
5072 <p><span | |
5073 class="gatsby-resp-image-wrapper" | |
5074 style="position: relative; display: block; margin-left: auto;… | |
5075 > | |
5076 <a | |
5077 class="gatsby-resp-image-link" | |
5078 href="/static/7e4d6074a9f546fb80b165746dda1325/9568a/p5.jpg&quo… | |
5079 style="display: block" | |
5080 target="_blank" | |
5081 rel="noopener" | |
5082 > | |
5083 <span | |
5084 class="gatsby-resp-image-background-image" | |
5085 style="padding-bottom: 133.12883435582822%; position: relative;… | |
5086 ></span> | |
5087 <img | |
5088 class="gatsby-resp-image-image" | |
5089 alt="potato5" | |
5090 title="potato5" | |
5091 src="/static/7e4d6074a9f546fb80b165746dda1325/6aca1/p5.jpg&… | |
5092 srcset="/static/7e4d6074a9f546fb80b165746dda1325/d2f63/p5.j… | |
5093 /static/7e4d6074a9f546fb80b165746dda1325/c989d/p5.jpg 325w, | |
5094 /static/7e4d6074a9f546fb80b165746dda1325/6aca1/p5.jpg 650w, | |
5095 /static/7e4d6074a9f546fb80b165746dda1325/7c09c/p5.jpg 975w, | |
5096 /static/7e4d6074a9f546fb80b165746dda1325/01ab0/p5.jpg 1300w, | |
5097 /static/7e4d6074a9f546fb80b165746dda1325/9568a/p5.jpg 3024w" | |
5098 sizes="(max-width: 650px) 100vw, 650px" | |
5099 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5100 loading="lazy" | |
5101 /> | |
5102 </a> | |
5103 </span></p> | |
5104 <ul> | |
5105 <li>Contour lines are shaped like upside down V when there is a sm… | |
5106 </ul> | |
5107 <p><span | |
5108 class="gatsby-resp-image-wrapper" | |
5109 style="position: relative; display: block; margin-left: auto;… | |
5110 > | |
5111 <a | |
5112 class="gatsby-resp-image-link" | |
5113 href="/static/031c2a9d16ebcff723645aaf9a18bd29/9568a/v.jpg" | |
5114 style="display: block" | |
5115 target="_blank" | |
5116 rel="noopener" | |
5117 > | |
5118 <span | |
5119 class="gatsby-resp-image-background-image" | |
5120 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
5121 ></span> | |
5122 <img | |
5123 class="gatsby-resp-image-image" | |
5124 alt="vshape" | |
5125 title="vshape" | |
5126 src="/static/031c2a9d16ebcff723645aaf9a18bd29/6aca1/v.jpg&q… | |
5127 srcset="/static/031c2a9d16ebcff723645aaf9a18bd29/d2f63/v.jp… | |
5128 /static/031c2a9d16ebcff723645aaf9a18bd29/c989d/v.jpg 325w, | |
5129 /static/031c2a9d16ebcff723645aaf9a18bd29/6aca1/v.jpg 650w, | |
5130 /static/031c2a9d16ebcff723645aaf9a18bd29/7c09c/v.jpg 975w, | |
5131 /static/031c2a9d16ebcff723645aaf9a18bd29/01ab0/v.jpg 1300w, | |
5132 /static/031c2a9d16ebcff723645aaf9a18bd29/9568a/v.jpg 3024w" | |
5133 sizes="(max-width: 650px) 100vw, 650px" | |
5134 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5135 loading="lazy" | |
5136 /> | |
5137 </a> | |
5138 </span></p> | |
5139 <ul> | |
5140 <li>Spurs look like shallow U shapes</li> | |
5141 </ul> | |
5142 <h2>Compass</h2> | |
5143 <ul> | |
5144 <li>Four skills to learn:</li> | |
5145 <li> | |
5146 <p>Real World</p> | |
5147 <ul> | |
5148 <li>(1) Follow a field bearing</li> | |
5149 <li>(2) Take a bearing of an object</li> | |
5150 </ul> | |
5151 </li> | |
5152 <li> | |
5153 <p>"Map World"</p> | |
5154 <ul> | |
5155 <li>(3) Find object on map and measure angle</li> | |
5156 <li>(4) Start with angle and draw on the map</li> | |
5157 </ul> | |
5158 </li> | |
5159 <li>Angles are always measured clockwise</li> | |
5160 </ul> | |
5161 <p><span | |
5162 class="gatsby-resp-image-wrapper" | |
5163 style="position: relative; display: block; margin-left: auto;… | |
5164 > | |
5165 <a | |
5166 class="gatsby-resp-image-link" | |
5167 href="/static/71c143c98f02af3d4502f27d460e7d2f/e12a7/compass.jp… | |
5168 style="display: block" | |
5169 target="_blank" | |
5170 rel="noopener" | |
5171 > | |
5172 <span | |
5173 class="gatsby-resp-image-background-image" | |
5174 style="padding-bottom: 80.98159509202453%; position: relative; … | |
5175 ></span> | |
5176 <img | |
5177 class="gatsby-resp-image-image" | |
5178 alt="compass" | |
5179 title="compass" | |
5180 src="/static/71c143c98f02af3d4502f27d460e7d2f/6aca1/compass… | |
5181 srcset="/static/71c143c98f02af3d4502f27d460e7d2f/d2f63/comp… | |
5182 /static/71c143c98f02af3d4502f27d460e7d2f/c989d/compass.jpg 325w, | |
5183 /static/71c143c98f02af3d4502f27d460e7d2f/6aca1/compass.jpg 650w, | |
5184 /static/71c143c98f02af3d4502f27d460e7d2f/7c09c/compass.jpg 975w, | |
5185 /static/71c143c98f02af3d4502f27d460e7d2f/01ab0/compass.jpg 1300w, | |
5186 /static/71c143c98f02af3d4502f27d460e7d2f/e12a7/compass.jpg 2948w" | |
5187 sizes="(max-width: 650px) 100vw, 650px" | |
5188 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5189 loading="lazy" | |
5190 /> | |
5191 </a> | |
5192 </span></p> | |
5193 <ul> | |
5194 <li>If you forget the compass directions, it spells "WE"… | |
5195 <li>True north (north pole) vs Magnetic North (which can move arou… | |
5196 <li>Declination is number of angles from true north to magnetic no… | |
5197 <li>Always keep your moving needle on the declination</li> | |
5198 <li>Angle of declination needs to be known for your area (look thi… | |
5199 </ul> | |
5200 <p><span | |
5201 class="gatsby-resp-image-wrapper" | |
5202 style="position: relative; display: block; margin-left: auto;… | |
5203 > | |
5204 <a | |
5205 class="gatsby-resp-image-link" | |
5206 href="/static/19346824ea175b6cf4796d0c7637dbd4/dbde2/declinatio… | |
5207 style="display: block" | |
5208 target="_blank" | |
5209 rel="noopener" | |
5210 > | |
5211 <span | |
5212 class="gatsby-resp-image-background-image" | |
5213 style="padding-bottom: 26.380368098159508%; position: relative;… | |
5214 ></span> | |
5215 <img | |
5216 class="gatsby-resp-image-image" | |
5217 alt="declination" | |
5218 title="declination" | |
5219 src="/static/19346824ea175b6cf4796d0c7637dbd4/6aca1/declina… | |
5220 srcset="/static/19346824ea175b6cf4796d0c7637dbd4/d2f63/decl… | |
5221 /static/19346824ea175b6cf4796d0c7637dbd4/c989d/declination.jpg 325w, | |
5222 /static/19346824ea175b6cf4796d0c7637dbd4/6aca1/declination.jpg 650w, | |
5223 /static/19346824ea175b6cf4796d0c7637dbd4/7c09c/declination.jpg 975w, | |
5224 /static/19346824ea175b6cf4796d0c7637dbd4/01ab0/declination.jpg 1300w, | |
5225 /static/19346824ea175b6cf4796d0c7637dbd4/dbde2/declination.jpg 2815w&quo… | |
5226 sizes="(max-width: 650px) 100vw, 650px" | |
5227 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5228 loading="lazy" | |
5229 /> | |
5230 </a> | |
5231 </span></p> | |
5232 <ul> | |
5233 <li>Angle of declination grows larger as you move north</li> | |
5234 <li>A compass in the Southern hemisphere isn't going to work … | |
5235 <li>North Star does point to true North (only object in sky that d… | |
5236 </ul> | |
5237 <h2>Triangulation (my favorite part of the class!)</h2> | |
5238 <ul> | |
5239 <li>Brings it all together! This helps you "locate" your… | |
5240 <li>General overview: Finding your location a map by taking three … | |
5241 <li>You definitely need to know exactly where the objects of inter… | |
5242 <li> | |
5243 <p>Steps:</p> | |
5244 <ol> | |
5245 <li>Take bearing of an object by pointing compass at object and mo… | |
5246 <li>Move compass to map and line it up so that it is pointing to a… | |
5247 <li>Draw a straight line</li> | |
5248 <li>Repeat 2 - 3 times with different objects</li> | |
5249 </ol> | |
5250 </li> | |
5251 <li>At this point, you should have created a "triangle" … | |
5252 </ul></content:encoded></item><item><title><![CDATA[Dean of Discip… | |
5253 <p>“Your dad is the best”</p> | |
5254 <p>“Your dad is so scary”</p> | |
5255 <p>“Your dad is the MAN”</p> | |
5256 <p>I’d nod along, because often these comments were from some of… | |
5257 <p>“Yeah, he is! But wait til you meet him. Because Mr. Harringt… | |
5258 <p>Yes, I will finally admit here that Uncle Dennis gave me a bit … | |
5259 <p>To this day, it was the best job I’ve ever had. We smashed wa… | |
5260 <p>I learned a lot about my uncle from his other charges in summer… | |
5261 <p>In my dad’s side of the family, the men are commanding, stubb… | |
5262 <p>Uncle Dennis, Mr. Harrington, is no exception. He breaks the mo… | |
5263 <p>Perhaps this comes from growing up in 1950s and 60s Keansburg -… | |
5264 <p>Getting a HARRINGTON in your morning homeroom wasn’t a curse … | |
5265 <p>Ask just about any RBC student and they’ll agree.</p> | |
5266 <p>For the last sixteen years, I’ve received countless out-of-th… | |
5267 <p>This is what they say:</p> | |
5268 <p>“Your uncle is the best.”</p> | |
5269 <p>“Your uncle saved my life”</p> | |
5270 <p>“Your uncle is the MAN.”</p></content:encoded></item>… | |
5271 <p>If this is the future, why are you the same?</p> | |
5272 </blockquote> | |
5273 <p>My cousin Megeen got married two weeks ago. Instead of the trad… | |
5274 <p>It was amazing.</p> | |
5275 <p>The location for POPESTOCK was the mysterious Elk's Lodge … | |
5276 <p>Uncle Mike and Aunt Susan emceeded the festivities. They had on… | |
5277 <p>But there were three exceptions to that rule:</p> | |
5278 <ol> | |
5279 <li>David's old band <a href="https://lightninging.ba… | |
5280 <li>Aunt Eileen (the mother of the bride) and her old friend (alon… | |
5281 <li>My set.</li> | |
5282 </ol> | |
5283 <p>Although, one could argue (and I did) that my performance was r… | |
5284 <p>Allow me to explain.</p> | |
5285 <p>I've written a six-fingered handful of songs in my life, b… | |
5286 <p>You see, neither of them are very good. Nor am I a good singer.… | |
5287 <p>My vision for the one-song set was this: I play the entire Merl… | |
5288 <iframe width="560" height="315" src="https:… | |
5289 <p>So far, so good. Simple. One-song. No Bullet Train. I was attem… | |
5290 <p>But you can't stop the bullet train once it goes off the r… | |
5291 <iframe width="560" height="315" src="https:… | |
5292 <p>We are <strong>Hotdog Johnny and the Shady Oaks</stron… | |
5293 <ul> | |
5294 <li>Charlie Harrington - Vocals, Acoustic Guitar, Harmonica</li… | |
5295 <li>Michael Byrnes - Mandolin, Vocals</li> | |
5296 <li>Jack Byrnes - Banjo</li> | |
5297 <li>Aidan Byrnes - Drums</li> | |
5298 <li>Peter Clabby - Electric Guitar</li> | |
5299 <li>Alex "The Grones" Groneman - Acoustic Guitar</li&… | |
5300 <li>Some dude no one knew - Bass</li> | |
5301 <li>Tommy Clabby - Sound engineer</li> | |
5302 </ul></content:encoded></item><item><title><![CDATA[Summer Wind]]>… | |
5303 class="gatsby-resp-image-wrapper" | |
5304 style="position: relative; display: block; margin-left: auto;… | |
5305 > | |
5306 <a | |
5307 class="gatsby-resp-image-link" | |
5308 href="/static/122831651add0d67a1e0dc8f814101f0/f21dd/summerwind… | |
5309 style="display: block" | |
5310 target="_blank" | |
5311 rel="noopener" | |
5312 > | |
5313 <span | |
5314 class="gatsby-resp-image-background-image" | |
5315 style="padding-bottom: 66.25766871165644%; position: relative; … | |
5316 ></span> | |
5317 <img | |
5318 class="gatsby-resp-image-image" | |
5319 alt="email" | |
5320 title="email" | |
5321 src="/static/122831651add0d67a1e0dc8f814101f0/6aca1/summerw… | |
5322 srcset="/static/122831651add0d67a1e0dc8f814101f0/d2f63/summ… | |
5323 /static/122831651add0d67a1e0dc8f814101f0/c989d/summerwind.jpg 325w, | |
5324 /static/122831651add0d67a1e0dc8f814101f0/6aca1/summerwind.jpg 650w, | |
5325 /static/122831651add0d67a1e0dc8f814101f0/7c09c/summerwind.jpg 975w, | |
5326 /static/122831651add0d67a1e0dc8f814101f0/01ab0/summerwind.jpg 1300w, | |
5327 /static/122831651add0d67a1e0dc8f814101f0/f21dd/summerwind.jpg 3583w" | |
5328 sizes="(max-width: 650px) 100vw, 650px" | |
5329 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5330 loading="lazy" | |
5331 /> | |
5332 </a> | |
5333 </span></p> | |
5334 <p><em>Newport, Rhode Island</em></p> | |
5335 <p>A film photo I took with my friend <a href="http://www.… | |
5336 <p>I opened up <em>Logic</em> on a whim tonight and fo… | |
5337 <p>The bouncing ball animation was created with the <a href=&qu… | |
5338 <div class="gatsby-highlight" data-language="javascrip… | |
5339 <span class="token function">createCanvas</span>… | |
5340 <span class="token function">background</span>&l… | |
5341 <span class="token punctuation">}</span> | |
5342 | |
5343 <span class="token keyword">function</span> <sp… | |
5344 <span class="token function">circle</span><sp… | |
5345 <span class="token punctuation">}</span></code&… | |
5346 <p>That time, it turns out, was yesterday afternoon. This post out… | |
5347 <h3>Ard-what-now?</h3> | |
5348 <p>An Arduino is a <strong>microcontroller</strong> bo… | |
5349 <p>Here's a picture of my Arduino (of the <a href="ht… | |
5350 <p><span | |
5351 class="gatsby-resp-image-wrapper" | |
5352 style="position: relative; display: block; margin-left: auto;… | |
5353 > | |
5354 <a | |
5355 class="gatsby-resp-image-link" | |
5356 href="/static/5136bc8af49a005eba462180a3bf7000/9568a/uno.jpg&qu… | |
5357 style="display: block" | |
5358 target="_blank" | |
5359 rel="noopener" | |
5360 > | |
5361 <span | |
5362 class="gatsby-resp-image-background-image" | |
5363 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
5364 ></span> | |
5365 <img | |
5366 class="gatsby-resp-image-image" | |
5367 alt="Uno" | |
5368 title="Uno" | |
5369 src="/static/5136bc8af49a005eba462180a3bf7000/6aca1/uno.jpg… | |
5370 srcset="/static/5136bc8af49a005eba462180a3bf7000/d2f63/uno.… | |
5371 /static/5136bc8af49a005eba462180a3bf7000/c989d/uno.jpg 325w, | |
5372 /static/5136bc8af49a005eba462180a3bf7000/6aca1/uno.jpg 650w, | |
5373 /static/5136bc8af49a005eba462180a3bf7000/7c09c/uno.jpg 975w, | |
5374 /static/5136bc8af49a005eba462180a3bf7000/01ab0/uno.jpg 1300w, | |
5375 /static/5136bc8af49a005eba462180a3bf7000/9568a/uno.jpg 3024w" | |
5376 sizes="(max-width: 650px) 100vw, 650px" | |
5377 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5378 loading="lazy" | |
5379 /> | |
5380 </a> | |
5381 </span></p> | |
5382 <p>I love the MADE IN ITALY mark in the upper left.</p> | |
5383 <p>The microprocessor (the computer chip) is the long flat black r… | |
5384 <h4>Arduino vs Raspberry Pi</h4> | |
5385 <p>At this point, you might be asking yourself, "How is an Ar… | |
5386 <p>It's a good question, since both are affordable, adorable,… | |
5387 <h4>Open-source roots</h4> | |
5388 <p>The company behind Arduino is a non-profit and the Arduino itse… | |
5389 <p>Arduino is closely tied to the <a href="https://process… | |
5390 <p>As I mentioned, anyone can download the open-source schematics … | |
5391 <h3>Fun with LEDs</h3> | |
5392 <p>I believe you're legally required to write a program that … | |
5393 <p>If you asked me a few days ago about LEDs - yeah, sure, I know … | |
5394 <p>Great, you continue, what's a diode?</p> | |
5395 <p>Um.</p> | |
5396 <p>This is already one of the fun things about playing with Arduin… | |
5397 <p>So, let's take a look at an LED together.</p> | |
5398 <p><span | |
5399 class="gatsby-resp-image-wrapper" | |
5400 style="position: relative; display: block; margin-left: auto;… | |
5401 > | |
5402 <a | |
5403 class="gatsby-resp-image-link" | |
5404 href="/static/cf793aa4e22bdb748b2369630827f146/9568a/led.jpg&qu… | |
5405 style="display: block" | |
5406 target="_blank" | |
5407 rel="noopener" | |
5408 > | |
5409 <span | |
5410 class="gatsby-resp-image-background-image" | |
5411 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
5412 ></span> | |
5413 <img | |
5414 class="gatsby-resp-image-image" | |
5415 alt="LED" | |
5416 title="LED" | |
5417 src="/static/cf793aa4e22bdb748b2369630827f146/6aca1/led.jpg… | |
5418 srcset="/static/cf793aa4e22bdb748b2369630827f146/d2f63/led.… | |
5419 /static/cf793aa4e22bdb748b2369630827f146/c989d/led.jpg 325w, | |
5420 /static/cf793aa4e22bdb748b2369630827f146/6aca1/led.jpg 650w, | |
5421 /static/cf793aa4e22bdb748b2369630827f146/7c09c/led.jpg 975w, | |
5422 /static/cf793aa4e22bdb748b2369630827f146/01ab0/led.jpg 1300w, | |
5423 /static/cf793aa4e22bdb748b2369630827f146/9568a/led.jpg 3024w" | |
5424 sizes="(max-width: 650px) 100vw, 650px" | |
5425 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5426 loading="lazy" | |
5427 /> | |
5428 </a> | |
5429 </span></p> | |
5430 <p>See the longer pin / leg sticking out of the red part? That&apo… | |
5431 <p>And they can be lots of pretty colors, too.</p> | |
5432 <p>Okay, so here's our legally-required sketch for blinking a… | |
5433 <div class="gatsby-highlight" data-language="c++"… | |
5434 | |
5435 void setup() { | |
5436 pinMode(LED, OUTPUT); | |
5437 } | |
5438 | |
5439 void loop() { | |
5440 digitalWrite(LED, HIGH); | |
5441 delay(500); | |
5442 digitalWrite(LED, LOW); | |
5443 delay(500); | |
5444 }</code></pre></div> | |
5445 <p>Pretty simple, right? We first declare a constant variable for … | |
5446 <p>If you're coming from the Processing world, then this prog… | |
5447 <p>The Arduino IDE provides an easy way to verify your programs co… | |
5448 <p>Next, we can set up our physical device.</p> | |
5449 <p>I'm going to stick the LED into the Arduino, with the anod… | |
5450 <p>Finally, we can send our program from our computer to the Ardui… | |
5451 <p><img src="/7c4ea7182fa3fc012a5256b4bdb6dd00/blink.gif&q… | |
5452 <p>Look at that blinker. Pretty great, huh? Note that this gif def… | |
5453 <h3>Putting the "S" in USB</h3> | |
5454 <p>So, as I continued building stuff, I inevitably found myself wa… | |
5455 <p>Let's talk about printing stuff with Arduino.</p> | |
5456 <p>Your Arduino is connected to your computer via a USB cable. USB… | |
5457 <p>In other words, if we want to send or receive info from our Ard… | |
5458 <div class="gatsby-highlight" data-language="c++"… | |
5459 | |
5460 void setup() { | |
5461 Serial.begin(BAUD_RATE); | |
5462 } | |
5463 | |
5464 void loop() { | |
5465 Serial.println(&quot;Hello, world!&quot;); | |
5466 }</code></pre></div> | |
5467 <p>Baud rate, huh? I know this <code class="language-text&… | |
5468 <p>To view your "console", you can click the "Seria… | |
5469 <p><span | |
5470 class="gatsby-resp-image-wrapper" | |
5471 style="position: relative; display: block; margin-left: auto;… | |
5472 > | |
5473 <a | |
5474 class="gatsby-resp-image-link" | |
5475 href="/static/486d5a5af4d5686a9ea7aabad18cdbc3/763a5/hello.png&… | |
5476 style="display: block" | |
5477 target="_blank" | |
5478 rel="noopener" | |
5479 > | |
5480 <span | |
5481 class="gatsby-resp-image-background-image" | |
5482 style="padding-bottom: 52.760736196319016%; position: relative;… | |
5483 ></span> | |
5484 <img | |
5485 class="gatsby-resp-image-image" | |
5486 alt="Hello" | |
5487 title="Hello" | |
5488 src="/static/486d5a5af4d5686a9ea7aabad18cdbc3/a6d36/hello.p… | |
5489 srcset="/static/486d5a5af4d5686a9ea7aabad18cdbc3/222b7/hell… | |
5490 /static/486d5a5af4d5686a9ea7aabad18cdbc3/ff46a/hello.png 325w, | |
5491 /static/486d5a5af4d5686a9ea7aabad18cdbc3/a6d36/hello.png 650w, | |
5492 /static/486d5a5af4d5686a9ea7aabad18cdbc3/e548f/hello.png 975w, | |
5493 /static/486d5a5af4d5686a9ea7aabad18cdbc3/3c492/hello.png 1300w, | |
5494 /static/486d5a5af4d5686a9ea7aabad18cdbc3/763a5/hello.png 2804w" | |
5495 sizes="(max-width: 650px) 100vw, 650px" | |
5496 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5497 loading="lazy" | |
5498 /> | |
5499 </a> | |
5500 </span></p> | |
5501 <p>In addition to viewing received information, you can also send … | |
5502 <p>What if you don't want to use the Serial Monitor in the Ar… | |
5503 <div class="gatsby-highlight" data-language="bash"… | |
5504 <p>In my case, the name of the connection was <code class="… | |
5505 <p>Word of warning, however. If you close this terminal window, it… | |
5506 <div class="gatsby-highlight" data-language="bash"… | |
5507 <p>Oh, to get the name of the detached session, you can type:</… | |
5508 <div class="gatsby-highlight" data-language="bash"… | |
5509 <p>This whole serial communications thing opens up some interestin… | |
5510 <h3>Counting in binary with LEDs</h3> | |
5511 <p>In general, life-goal-wise, I've been trying to get better… | |
5512 <div class="gatsby-highlight" data-language="c++"… | |
5513 const unsigned int LED_BIT1 = 11; | |
5514 const unsigned int LED_BIT2 = 10; | |
5515 const unsigned int LED_BIT3 = 9; | |
5516 | |
5517 long result = 0; | |
5518 | |
5519 void setup() { | |
5520 pinMode(LED_BIT0, OUTPUT); | |
5521 pinMode(LED_BIT1, OUTPUT); | |
5522 pinMode(LED_BIT2, OUTPUT); | |
5523 pinMode(LED_BIT3, OUTPUT); | |
5524 } | |
5525 | |
5526 void loop() { | |
5527 result++; | |
5528 if (result == 16) { | |
5529 result = 0; | |
5530 } | |
5531 output_result(result); | |
5532 delay(500); | |
5533 } | |
5534 | |
5535 void output_result(const long result) { | |
5536 digitalWrite(LED_BIT0, result &amp; B0001); | |
5537 digitalWrite(LED_BIT1, result &amp; B0010); | |
5538 digitalWrite(LED_BIT2, result &amp; B0100); | |
5539 digitalWrite(LED_BIT3, result &amp; B1000); | |
5540 }</code></pre></div> | |
5541 <p><img src="/9f9c59880917a658e0ecd9f3cd98d8ab/binary.gif&… | |
5542 <p>I'm not sure why the red LED isn't as bright as the o… | |
5543 <p>I also learned that breadboards are great. Being able to run al… | |
5544 <p>Also, this is the first time that I've really leveraged th… | |
5545 <div class="gatsby-highlight" data-language="c++"… | |
5546 3 &amp; B0010; // true | |
5547 3 &amp; B0100; // false | |
5548 3 &amp; B1000; // false</code></pre></div> | |
5549 <p>The final trick here is that <code class="language-text… | |
5550 <p>That's pretty awesome and makes this code very concise. Th… | |
5551 <h3>More tinkering</h3> | |
5552 <p>So, after a mere afternoon, I've learned a ton and had qui… | |
5553 <p>What's next, you ask? Well, resistors are still perplexing… | |
5554 <p>I'm also thinking more about the difference between analog… | |
5555 <p>I thinking that my obvious next project here with Arduino is to… | |
5556 <ul> | |
5557 <li>Become a pilot of paper-mache, semi-alive airplanes controlled… | |
5558 <li>Become a librarian</li> | |
5559 </ul> | |
5560 <p>I held my breath as I read further: <em>choose The Librar… | |
5561 <h3>Why Libraries?</h3> | |
5562 <p>There are two things that, when I encounter them in a book, imm… | |
5563 <ul> | |
5564 <li>The word <code class="language-text">palimpses… | |
5565 <li>A giant, possibly magic, library (extra points for a Forbidden… | |
5566 </ul> | |
5567 <p>The two are not unrelated. A <a href="https://en.wikipe… | |
5568 <p>But I have the key...</p> | |
5569 <p>I hereby present a list of the very best novels featuring giant… | |
5570 <h3>My List of Novels with Giant Libraries</h3> | |
5571 <ul> | |
5572 <li><a href="https://www.amazon.com/gp/product/0143034901/… | |
5573 <li> | |
5574 <p>The Kingkiller Chronicles</p> | |
5575 <ul> | |
5576 <li><a href="https://www.amazon.com/gp/product/0756404746/… | |
5577 <li><a href="https://www.amazon.com/gp/product/0756407915/… | |
5578 </ul> | |
5579 </li> | |
5580 <li><a href="https://www.amazon.com/gp/product/0544176561/… | |
5581 <li><a href="https://www.amazon.com/gp/product/B000FC12L4/… | |
5582 <li><a href="https://www.amazon.com/gp/product/0553418629/… | |
5583 <li><a href="https://www.amazon.com/gp/product/0765356155/… | |
5584 <li> | |
5585 <p>Harry Potter</p> | |
5586 <ul> | |
5587 <li><a href="https://www.amazon.com/gp/product/B00OHX65I2/… | |
5588 <li><a href="https://www.amazon.com/gp/product/0545791324/… | |
5589 <li><a href="https://www.amazon.com/gp/product/0439139600/… | |
5590 </ul> | |
5591 </li> | |
5592 <li><a href="https://www.amazon.com/gp/product/B00SB32ST4/… | |
5593 <li><a href="https://www.amazon.com/gp/product/0812515285/… | |
5594 <li><a href="https://www.amazon.com/gp/product/0812536355/… | |
5595 <li><a href="https://www.amazon.com/gp/product/006147410X/… | |
5596 <li><a href="https://www.amazon.com/gp/product/0553380958/… | |
5597 <li><a href="https://www.amazon.com/gp/product/1250037751/… | |
5598 <li><a href="https://www.amazon.com/gp/product/B004DI7HZ6/… | |
5599 <li><a href="https://www.amazon.com/gp/product/9939518757/… | |
5600 <li><a href="https://www.amazon.com/gp/product/B00ECTR26U/… | |
5601 <li><a href="https://www.amazon.com/gp/product/0385354304/… | |
5602 <li><a href="https://www.amazon.com/gp/product/0156453800/… | |
5603 <li><a href="https://www.amazon.com/gp/product/1400079276/… | |
5604 <li><a href="https://www.amazon.com/gp/product/B07GCSJ72W/… | |
5605 <li><a href="https://www.amazon.com/gp/product/0451473132/… | |
5606 <li><a href="https://www.amazon.com/gp/product/0062225677/… | |
5607 <li><a href="https://www.amazon.com/gp/product/0156439611/… | |
5608 <li><a href="https://www.amazon.com/gp/product/1401284779/… | |
5609 <li><a href="https://www.amazon.com/gp/product/B002AU7MEK/… | |
5610 <li><a href="https://www.amazon.com/gp/product/B075JL493G/… | |
5611 <li><a href="https://www.amazon.com/gp/product/B00J3EU5RC/… | |
5612 <li><a href="https://www.amazon.com/gp/product/0345353129/… | |
5613 <li><a href="https://www.amazon.com/gp/product/0143105299/… | |
5614 </ul> | |
5615 <p>*<em>Indicates that I haven't read this book (yet), … | |
5616 <p>Let me know on Twitter (<a href="https://twitter.com/wh… | |
5617 <h3>How to borrow library books for your Kindle</h3> | |
5618 <ol> | |
5619 <li><strong>Obtain a Kindle from Amazon.</strong> I&ap… | |
5620 <li><strong>Obtain a library card number from your local lib… | |
5621 <li><strong>Sign into your library's ebook manager on t… | |
5622 <li><strong>Search for a book on Overdrive (or your library&… | |
5623 <li><strong>Once you've borrowed a book, click Read Now… | |
5624 <li><strong>Read, rinse, and repeat.</strong> I like t… | |
5625 </ol> | |
5626 <h4>🎁 Placing holds for books is like sending a gift to your fu… | |
5627 <p>Imagine waking up to this email:</p> | |
5628 <p><span | |
5629 class="gatsby-resp-image-wrapper" | |
5630 style="position: relative; display: block; margin-left: auto;… | |
5631 > | |
5632 <a | |
5633 class="gatsby-resp-image-link" | |
5634 href="/static/38fd67bd009f81e2d0a8accd93d96ec1/5b4a1/email.png&… | |
5635 style="display: block" | |
5636 target="_blank" | |
5637 rel="noopener" | |
5638 > | |
5639 <span | |
5640 class="gatsby-resp-image-background-image" | |
5641 style="padding-bottom: 42.94478527607362%; position: relative; … | |
5642 ></span> | |
5643 <img | |
5644 class="gatsby-resp-image-image" | |
5645 alt="email" | |
5646 title="email" | |
5647 src="/static/38fd67bd009f81e2d0a8accd93d96ec1/a6d36/email.p… | |
5648 srcset="/static/38fd67bd009f81e2d0a8accd93d96ec1/222b7/emai… | |
5649 /static/38fd67bd009f81e2d0a8accd93d96ec1/ff46a/email.png 325w, | |
5650 /static/38fd67bd009f81e2d0a8accd93d96ec1/a6d36/email.png 650w, | |
5651 /static/38fd67bd009f81e2d0a8accd93d96ec1/5b4a1/email.png 831w" | |
5652 sizes="(max-width: 650px) 100vw, 650px" | |
5653 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5654 loading="lazy" | |
5655 /> | |
5656 </a> | |
5657 </span></p> | |
5658 <p>It's like Christmas morning! Once you click that link, you… | |
5659 <p><span | |
5660 class="gatsby-resp-image-wrapper" | |
5661 style="position: relative; display: block; margin-left: auto;… | |
5662 > | |
5663 <a | |
5664 class="gatsby-resp-image-link" | |
5665 href="/static/1300a28363fdaff2b87f555e20f61883/0d1a4/overdrive.… | |
5666 style="display: block" | |
5667 target="_blank" | |
5668 rel="noopener" | |
5669 > | |
5670 <span | |
5671 class="gatsby-resp-image-background-image" | |
5672 style="padding-bottom: 48.46625766871166%; position: relative; … | |
5673 ></span> | |
5674 <img | |
5675 class="gatsby-resp-image-image" | |
5676 alt="overdrive" | |
5677 title="overdrive" | |
5678 src="/static/1300a28363fdaff2b87f555e20f61883/a6d36/overdri… | |
5679 srcset="/static/1300a28363fdaff2b87f555e20f61883/222b7/over… | |
5680 /static/1300a28363fdaff2b87f555e20f61883/ff46a/overdrive.png 325w, | |
5681 /static/1300a28363fdaff2b87f555e20f61883/a6d36/overdrive.png 650w, | |
5682 /static/1300a28363fdaff2b87f555e20f61883/e548f/overdrive.png 975w, | |
5683 /static/1300a28363fdaff2b87f555e20f61883/0d1a4/overdrive.png 1036w" | |
5684 sizes="(max-width: 650px) 100vw, 650px" | |
5685 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5686 loading="lazy" | |
5687 /> | |
5688 </a> | |
5689 </span></p> | |
5690 <p>Even before you've had your (first) coffee of the day, you… | |
5691 <p><span | |
5692 class="gatsby-resp-image-wrapper" | |
5693 style="position: relative; display: block; margin-left: auto;… | |
5694 > | |
5695 <a | |
5696 class="gatsby-resp-image-link" | |
5697 href="/static/0a46fda51e89ed47752f7b5763e9e8ad/ec3e2/amazon.png… | |
5698 style="display: block" | |
5699 target="_blank" | |
5700 rel="noopener" | |
5701 > | |
5702 <span | |
5703 class="gatsby-resp-image-background-image" | |
5704 style="padding-bottom: 71.16564417177914%; position: relative; … | |
5705 ></span> | |
5706 <img | |
5707 class="gatsby-resp-image-image" | |
5708 alt="amazon" | |
5709 title="amazon" | |
5710 src="/static/0a46fda51e89ed47752f7b5763e9e8ad/a6d36/amazon.… | |
5711 srcset="/static/0a46fda51e89ed47752f7b5763e9e8ad/222b7/amaz… | |
5712 /static/0a46fda51e89ed47752f7b5763e9e8ad/ff46a/amazon.png 325w, | |
5713 /static/0a46fda51e89ed47752f7b5763e9e8ad/a6d36/amazon.png 650w, | |
5714 /static/0a46fda51e89ed47752f7b5763e9e8ad/e548f/amazon.png 975w, | |
5715 /static/0a46fda51e89ed47752f7b5763e9e8ad/ec3e2/amazon.png 997w" | |
5716 sizes="(max-width: 650px) 100vw, 650px" | |
5717 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5718 loading="lazy" | |
5719 /> | |
5720 </a> | |
5721 </span></p> | |
5722 <p>Click <code class="language-text">Get Library B… | |
5723 <p><span | |
5724 class="gatsby-resp-image-wrapper" | |
5725 style="position: relative; display: block; margin-left: auto;… | |
5726 > | |
5727 <a | |
5728 class="gatsby-resp-image-link" | |
5729 href="/static/0e5a93f20244a5bea63f25bb26ef4d7f/58bb7/borrowed.p… | |
5730 style="display: block" | |
5731 target="_blank" | |
5732 rel="noopener" | |
5733 > | |
5734 <span | |
5735 class="gatsby-resp-image-background-image" | |
5736 style="padding-bottom: 34.355828220858896%; position: relative;… | |
5737 ></span> | |
5738 <img | |
5739 class="gatsby-resp-image-image" | |
5740 alt="borrowed" | |
5741 title="borrowed" | |
5742 src="/static/0e5a93f20244a5bea63f25bb26ef4d7f/a6d36/borrowe… | |
5743 srcset="/static/0e5a93f20244a5bea63f25bb26ef4d7f/222b7/borr… | |
5744 /static/0e5a93f20244a5bea63f25bb26ef4d7f/ff46a/borrowed.png 325w, | |
5745 /static/0e5a93f20244a5bea63f25bb26ef4d7f/a6d36/borrowed.png 650w, | |
5746 /static/0e5a93f20244a5bea63f25bb26ef4d7f/e548f/borrowed.png 975w, | |
5747 /static/0e5a93f20244a5bea63f25bb26ef4d7f/58bb7/borrowed.png 985w" | |
5748 sizes="(max-width: 650px) 100vw, 650px" | |
5749 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5750 loading="lazy" | |
5751 /> | |
5752 </a> | |
5753 </span></p> | |
5754 <h3>Borrowing Audiobooks</h3> | |
5755 <p>You can do this, too! </p> | |
5756 <p>There's a great app called <a href="https://meet.l… | |
5757 <p>I still haven't entirely embraced the audiobook lifestyle,… | |
5758 <h3>But what about how good paper books smell?</h3> | |
5759 <p>I'm a paper book monster. And, yes, the smell is half the … | |
5760 <p>I'm also still buying an insane amount of paper books, fro… | |
5761 <p>So long as the Instagram API continues to play nice (no guarant… | |
5762 <p><span | |
5763 class="gatsby-resp-image-wrapper" | |
5764 style="position: relative; display: block; margin-left: auto;… | |
5765 > | |
5766 <a | |
5767 class="gatsby-resp-image-link" | |
5768 href="/static/39b0d5a1b691d6d09e5b4cde3a7ad1fe/065e2/walkingman… | |
5769 style="display: block" | |
5770 target="_blank" | |
5771 rel="noopener" | |
5772 > | |
5773 <span | |
5774 class="gatsby-resp-image-background-image" | |
5775 style="padding-bottom: 55.21472392638037%; position: relative; … | |
5776 ></span> | |
5777 <img | |
5778 class="gatsby-resp-image-image" | |
5779 alt="walkingmen" | |
5780 title="walkingmen" | |
5781 src="/static/39b0d5a1b691d6d09e5b4cde3a7ad1fe/065e2/walking… | |
5782 srcset="/static/39b0d5a1b691d6d09e5b4cde3a7ad1fe/222b7/walk… | |
5783 /static/39b0d5a1b691d6d09e5b4cde3a7ad1fe/ff46a/walkingman.png 325w, | |
5784 /static/39b0d5a1b691d6d09e5b4cde3a7ad1fe/065e2/walkingman.png 577w" | |
5785 sizes="(max-width: 577px) 100vw, 577px" | |
5786 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5787 loading="lazy" | |
5788 /> | |
5789 </a> | |
5790 </span></p> | |
5791 <p>I'd love to learn more about who designs each of these lit… | |
5792 <p>This is a coffee table book waiting to happen.</p></conte… | |
5793 <p>So far, I've chatted with <a href="https://blog.fl… | |
5794 <p>You can also find the interviews at <a href="http://hum… | |
5795 <p>Here's a new Terminal Man track from my most recent flight… | |
5796 <p>This is the first Terminal Man song I've hosted on YouTube… | |
5797 <p>But as it's going to be a while until May rolls around aga… | |
5798 <p>I'm happy to report that after a little bit of NLP using M… | |
5799 <blockquote> | |
5800 <p>They listened to someone who makes nothing but flaming hot Chee… | |
5801 </blockquote> | |
5802 <p><a href="https://blog.floydhub.com/markov-chains"&… | |
5803 <p><a href="https://floydhub.com/run?template=https://gith… | |
5804 <p>Click this button to open a Workspace on FloydHub where you can… | |
5805 <p>The <a href="https://floydhub.com/whatrocks/datasets/co… | |
5806 <p>The <code class="language-text">speech_maker<… | |
5807 <ol> | |
5808 <li>Using the entire dataset</li> | |
5809 <li>Filtering to only the top ten schools by count of speeches giv… | |
5810 <li>Filtering to one school at a time using a Jupyter widget exten… | |
5811 </ol> | |
5812 <h3>Where can I read actual good speeches?</h3> | |
5813 <p><a href="https://whatrocks.github.io/commencement-db/&q… | |
5814 <p>Here it is, in all its cartoon-y glory: the <a href="ht… | |
5815 <p><img src="/b39f5b1ad908be82cc36f75cdb72181a/arrow.gif&q… | |
5816 <p><a href="https://www.lendup.com/card">Arrow Car… | |
5817 <p><img src="/8e120d7dabb838511c9b16e0d40509dd/confetti.gi… | |
5818 <p>Pooja, Ray, Lise, and I built this cute little feature in a lit… | |
5819 <p><span | |
5820 class="gatsby-resp-image-wrapper" | |
5821 style="position: relative; display: block; margin-left: auto;… | |
5822 > | |
5823 <a | |
5824 class="gatsby-resp-image-link" | |
5825 href="/static/ba34c1a3383b41fadc198bb71ea6f2a4/5b2ff/features.p… | |
5826 style="display: block" | |
5827 target="_blank" | |
5828 rel="noopener" | |
5829 > | |
5830 <span | |
5831 class="gatsby-resp-image-background-image" | |
5832 style="padding-bottom: 30.061349693251532%; position: relative;… | |
5833 ></span> | |
5834 <img | |
5835 class="gatsby-resp-image-image" | |
5836 alt="features" | |
5837 title="features" | |
5838 src="/static/ba34c1a3383b41fadc198bb71ea6f2a4/a6d36/feature… | |
5839 srcset="/static/ba34c1a3383b41fadc198bb71ea6f2a4/222b7/feat… | |
5840 /static/ba34c1a3383b41fadc198bb71ea6f2a4/ff46a/features.png 325w, | |
5841 /static/ba34c1a3383b41fadc198bb71ea6f2a4/a6d36/features.png 650w, | |
5842 /static/ba34c1a3383b41fadc198bb71ea6f2a4/e548f/features.png 975w, | |
5843 /static/ba34c1a3383b41fadc198bb71ea6f2a4/3c492/features.png 1300w, | |
5844 /static/ba34c1a3383b41fadc198bb71ea6f2a4/5b2ff/features.png 2190w" | |
5845 sizes="(max-width: 650px) 100vw, 650px" | |
5846 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5847 loading="lazy" | |
5848 /> | |
5849 </a> | |
5850 </span></p> | |
5851 <p>I wonder what else we could have built for the Arrow Card app i… | |
5852 <p>Also, somehow, we lost the hackathon to a chatbot project. I&ap… | |
5853 <p>More arppegiator magick using the Apple on-screen keyboard in L… | |
5854 <p>I still would like to learn how to program my own drumbeats. In… | |
5855 <p>Here's video proof:</p> | |
5856 <iframe width="560" height="315" src="https:… | |
5857 <p>Very little prep work or research or even training was done on … | |
5858 <p>For example, I knew almost nothing about Zion National Park. Th… | |
5859 <p>Similarly, I felt pretty drained by the time we hit the last te… | |
5860 <p>Water - or the lack thereof - was our crew's only major sn… | |
5861 <p>This was my first ultra where I didn't track anything on S… | |
5862 <p>Here's a log of what I ate on the trail, just so I remembe… | |
5863 <ul> | |
5864 <li>3 Honey Stinger Waffles</li> | |
5865 <li>2 Clif Bar Chocholate Bars with Stuffed Peanut Butter</li&g… | |
5866 <li>5 salt pills</li> | |
5867 <li>12 Clif Bloks Salted Watermelon bloks</li> | |
5868 <li>1 Nuun water tablet</li> | |
5869 <li>1 McDonald's Dollar Menu Cheeseburger</li> | |
5870 </ul> | |
5871 <br /> | |
5872 <p>And here are the creatures I saw on the trail:</p> | |
5873 <ul> | |
5874 <li>8 deer</li> | |
5875 <li>1 small gecko</li> | |
5876 <li>10 chipmunks</li> | |
5877 <li>2 squirrels</li> | |
5878 <li>1 California Condor (seriously!)</li> | |
5879 <li>A murder of crows</li> | |
5880 </ul></content:encoded></item><item><title><![CDATA[Teaching My Ro… | |
5881 <p>Enter <a href="https://www.anki.com/en-us/cozmo"&g… | |
5882 <p>Which got me thinking - maybe I could teach him to recognize mo… | |
5883 <p>In addition to Cozmo's "free play" (aka basicall… | |
5884 <p>I wrote a script to ask Cozmo to take photos of a few objects a… | |
5885 <p><img src="/7233536635febe55c8c7f63fc8355712/cozmo-papar… | |
5886 <p>As you can see, Cozmo delightfully circles the objects and take… | |
5887 <p>Next, I retrained the <a href="https://github.com/tenso… | |
5888 <div class="gatsby-highlight" data-language="bash"… | |
5889 --gpu <span class="token punctuation">\</span> | |
5890 --data whatrocks/datasets/cozmo-images:data <span class="token… | |
5891 <span class="token string">'python retrain.py --i… | |
5892 <p>Next, I just needed to write a script asking Cozmo to explore t… | |
5893 <p><img src="/7c2ddf7b9b9c3b3312a58c1ad8d54640/cozmo-detec… | |
5894 <p>Setting up a model-serving endpoint on FloydHub is also super e… | |
5895 <div class="gatsby-highlight" data-language="bash"… | |
5896 --data whatrocks/datasets/cozmo-imagenet:model <span class="to… | |
5897 --mode serve</code></pre></div> | |
5898 <hr> | |
5899 <p>The code for Cozmo's new "paparazzi" and "d… | |
5900 <p>Thanks to Google Code Labs for their <a href="https://c… | |
5901 <p><span | |
5902 class="gatsby-resp-image-wrapper" | |
5903 style="position: relative; display: block; margin-left: auto;… | |
5904 > | |
5905 <a | |
5906 class="gatsby-resp-image-link" | |
5907 href="/static/e77c71defc73b414fe4d8f8afa1c2620/0acb4/link.png&q… | |
5908 style="display: block" | |
5909 target="_blank" | |
5910 rel="noopener" | |
5911 > | |
5912 <span | |
5913 class="gatsby-resp-image-background-image" | |
5914 style="padding-bottom: 180.36809815950923%; position: relative;… | |
5915 ></span> | |
5916 <img | |
5917 class="gatsby-resp-image-image" | |
5918 alt="triforce" | |
5919 title="triforce" | |
5920 src="/static/e77c71defc73b414fe4d8f8afa1c2620/0acb4/link.pn… | |
5921 srcset="/static/e77c71defc73b414fe4d8f8afa1c2620/222b7/link… | |
5922 /static/e77c71defc73b414fe4d8f8afa1c2620/ff46a/link.png 325w, | |
5923 /static/e77c71defc73b414fe4d8f8afa1c2620/0acb4/link.png 392w" | |
5924 sizes="(max-width: 392px) 100vw, 392px" | |
5925 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5926 loading="lazy" | |
5927 /> | |
5928 </a> | |
5929 </span></p> | |
5930 <p>I'm still holding out hope for this Link thing, too.</p… | |
5931 <p>This is the first Terminal Man track in which the only Apple lo… | |
5932 <iframe width="560" height="315" src="https:… | |
5933 <p>Pro tip from Galen for future R2R2Rers: bring a McDonald's… | |
5934 <iframe height='405' width='590' frameborder=&apo… | |
5935 <p><img src="/968964a1a5563891f3399a124d0cbfb5/vc.gif"… | |
5936 <p>Meet von Chomp now on the Apple App Store: <a href="htt… | |
5937 <h3>Don't take my word for it</h3> | |
5938 <p><span | |
5939 class="gatsby-resp-image-wrapper" | |
5940 style="position: relative; display: block; margin-left: auto;… | |
5941 > | |
5942 <a | |
5943 class="gatsby-resp-image-link" | |
5944 href="/static/38a8dbb86e443a0cb503299cf9471163/67a79/ratings.pn… | |
5945 style="display: block" | |
5946 target="_blank" | |
5947 rel="noopener" | |
5948 > | |
5949 <span | |
5950 class="gatsby-resp-image-background-image" | |
5951 style="padding-bottom: 45.39877300613497%; position: relative; … | |
5952 ></span> | |
5953 <img | |
5954 class="gatsby-resp-image-image" | |
5955 alt="ratings" | |
5956 title="ratings" | |
5957 src="/static/38a8dbb86e443a0cb503299cf9471163/a6d36/ratings… | |
5958 srcset="/static/38a8dbb86e443a0cb503299cf9471163/222b7/rati… | |
5959 /static/38a8dbb86e443a0cb503299cf9471163/ff46a/ratings.png 325w, | |
5960 /static/38a8dbb86e443a0cb503299cf9471163/a6d36/ratings.png 650w, | |
5961 /static/38a8dbb86e443a0cb503299cf9471163/e548f/ratings.png 975w, | |
5962 /static/38a8dbb86e443a0cb503299cf9471163/3c492/ratings.png 1300w, | |
5963 /static/38a8dbb86e443a0cb503299cf9471163/67a79/ratings.png 1408w" | |
5964 sizes="(max-width: 650px) 100vw, 650px" | |
5965 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5966 loading="lazy" | |
5967 /> | |
5968 </a> | |
5969 </span></p></content:encoded></item><item><title><![CDAT… | |
5970 <p>My unsolicited submission for the Season 2 soundtrack to <em… | |
5971 <h4>Hadron</h4> | |
5972 <p><span | |
5973 class="gatsby-resp-image-wrapper" | |
5974 style="position: relative; display: block; margin-left: auto;… | |
5975 > | |
5976 <a | |
5977 class="gatsby-resp-image-link" | |
5978 href="/static/3439f9711bfd03d838ab130c6fc2559c/798d4/cubicle.pn… | |
5979 style="display: block" | |
5980 target="_blank" | |
5981 rel="noopener" | |
5982 > | |
5983 <span | |
5984 class="gatsby-resp-image-background-image" | |
5985 style="padding-bottom: 17.791411042944784%; position: relative;… | |
5986 ></span> | |
5987 <img | |
5988 class="gatsby-resp-image-image" | |
5989 alt="Hadron" | |
5990 title="Hadron" | |
5991 src="/static/3439f9711bfd03d838ab130c6fc2559c/a6d36/cubicle… | |
5992 srcset="/static/3439f9711bfd03d838ab130c6fc2559c/222b7/cubi… | |
5993 /static/3439f9711bfd03d838ab130c6fc2559c/ff46a/cubicle.png 325w, | |
5994 /static/3439f9711bfd03d838ab130c6fc2559c/a6d36/cubicle.png 650w, | |
5995 /static/3439f9711bfd03d838ab130c6fc2559c/e548f/cubicle.png 975w, | |
5996 /static/3439f9711bfd03d838ab130c6fc2559c/798d4/cubicle.png 976w" | |
5997 sizes="(max-width: 650px) 100vw, 650px" | |
5998 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
5999 loading="lazy" | |
6000 /> | |
6001 </a> | |
6002 </span></p> | |
6003 <h4>Badron</h4> | |
6004 <p><span | |
6005 class="gatsby-resp-image-wrapper" | |
6006 style="position: relative; display: block; margin-left: auto;… | |
6007 > | |
6008 <a | |
6009 class="gatsby-resp-image-link" | |
6010 href="/static/784c66032f59ba7f5afe0551c7c994e4/561da/holodeck.p… | |
6011 style="display: block" | |
6012 target="_blank" | |
6013 rel="noopener" | |
6014 > | |
6015 <span | |
6016 class="gatsby-resp-image-background-image" | |
6017 style="padding-bottom: 29.447852760736193%; position: relative;… | |
6018 ></span> | |
6019 <img | |
6020 class="gatsby-resp-image-image" | |
6021 alt="Badron" | |
6022 title="Badron" | |
6023 src="/static/784c66032f59ba7f5afe0551c7c994e4/a6d36/holodec… | |
6024 srcset="/static/784c66032f59ba7f5afe0551c7c994e4/222b7/holo… | |
6025 /static/784c66032f59ba7f5afe0551c7c994e4/ff46a/holodeck.png 325w, | |
6026 /static/784c66032f59ba7f5afe0551c7c994e4/a6d36/holodeck.png 650w, | |
6027 /static/784c66032f59ba7f5afe0551c7c994e4/561da/holodeck.png 969w" | |
6028 sizes="(max-width: 650px) 100vw, 650px" | |
6029 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6030 loading="lazy" | |
6031 /> | |
6032 </a> | |
6033 </span></p> | |
6034 <h4>Levi</h4> | |
6035 <p><span | |
6036 class="gatsby-resp-image-wrapper" | |
6037 style="position: relative; display: block; margin-left: auto;… | |
6038 > | |
6039 <a | |
6040 class="gatsby-resp-image-link" | |
6041 href="/static/ac74355773bfffc9f0cbbd73829b747a/a4078/levi.png&q… | |
6042 style="display: block" | |
6043 target="_blank" | |
6044 rel="noopener" | |
6045 > | |
6046 <span | |
6047 class="gatsby-resp-image-background-image" | |
6048 style="padding-bottom: 32.515337423312886%; position: relative;… | |
6049 ></span> | |
6050 <img | |
6051 class="gatsby-resp-image-image" | |
6052 alt="Levi" | |
6053 title="Levi" | |
6054 src="/static/ac74355773bfffc9f0cbbd73829b747a/a4078/levi.pn… | |
6055 srcset="/static/ac74355773bfffc9f0cbbd73829b747a/222b7/levi… | |
6056 /static/ac74355773bfffc9f0cbbd73829b747a/ff46a/levi.png 325w, | |
6057 /static/ac74355773bfffc9f0cbbd73829b747a/a4078/levi.png 503w" | |
6058 sizes="(max-width: 503px) 100vw, 503px" | |
6059 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6060 loading="lazy" | |
6061 /> | |
6062 </a> | |
6063 </span></p> | |
6064 <h4>Adele</h4> | |
6065 <p><span | |
6066 class="gatsby-resp-image-wrapper" | |
6067 style="position: relative; display: block; margin-left: auto;… | |
6068 > | |
6069 <a | |
6070 class="gatsby-resp-image-link" | |
6071 href="/static/c331752af447683fae61633f15c83f4e/d0281/adele.png&… | |
6072 style="display: block" | |
6073 target="_blank" | |
6074 rel="noopener" | |
6075 > | |
6076 <span | |
6077 class="gatsby-resp-image-background-image" | |
6078 style="padding-bottom: 121.47239263803682%; position: relative;… | |
6079 ></span> | |
6080 <img | |
6081 class="gatsby-resp-image-image" | |
6082 alt="Adele" | |
6083 title="Adele" | |
6084 src="/static/c331752af447683fae61633f15c83f4e/d0281/adele.p… | |
6085 srcset="/static/c331752af447683fae61633f15c83f4e/222b7/adel… | |
6086 /static/c331752af447683fae61633f15c83f4e/d0281/adele.png 229w" | |
6087 sizes="(max-width: 229px) 100vw, 229px" | |
6088 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6089 loading="lazy" | |
6090 /> | |
6091 </a> | |
6092 </span></p> | |
6093 <h3>Tool time</h3> | |
6094 <p>You can read more about our work on the Home Improvement team a… | |
6095 <p>The Alcatraz Challenge is a 1.5 mile swim from Alcatraz Island … | |
6096 <blockquote> | |
6097 <p>In its 29 years of operation, there were 14 acknowledged attemp… | |
6098 </blockquote> | |
6099 <p>I paid over $100 dollars to give it a shot.</p> | |
6100 <p><span | |
6101 class="gatsby-resp-image-wrapper" | |
6102 style="position: relative; display: block; margin-left: auto;… | |
6103 > | |
6104 <a | |
6105 class="gatsby-resp-image-link" | |
6106 href="/static/5a3d0e7e41b61a9822851d5f20ea8527/3dd3e/connery.pn… | |
6107 style="display: block" | |
6108 target="_blank" | |
6109 rel="noopener" | |
6110 > | |
6111 <span | |
6112 class="gatsby-resp-image-background-image" | |
6113 style="padding-bottom: 68.71165644171779%; position: relative; … | |
6114 ></span> | |
6115 <img | |
6116 class="gatsby-resp-image-image" | |
6117 alt="Sean Connery in the Rock" | |
6118 title="Sean Connery in the Rock" | |
6119 src="/static/5a3d0e7e41b61a9822851d5f20ea8527/3dd3e/connery… | |
6120 srcset="/static/5a3d0e7e41b61a9822851d5f20ea8527/222b7/conn… | |
6121 /static/5a3d0e7e41b61a9822851d5f20ea8527/ff46a/connery.png 325w, | |
6122 /static/5a3d0e7e41b61a9822851d5f20ea8527/3dd3e/connery.png 595w" | |
6123 sizes="(max-width: 595px) 100vw, 595px" | |
6124 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6125 loading="lazy" | |
6126 /> | |
6127 </a> | |
6128 </span></p> | |
6129 <div style="text-align:center;padding-bottom:10px">You k… | |
6130 <p>I arrived at the East Beach of Crissy Field around 5 AM. The sk… | |
6131 It sounded like a bunch of 8th graders were on the bus behind me. I turn… | |
6132 <p>After body-marking at the ferry area, I ran into the woman who … | |
6133 <p>We boarded the ferry and headed out to the island. I spent some… | |
6134 <p>After a half hour, we neared the jump-zone. It really was a sky… | |
6135 <p>Our nervous final tittering centered around our complete lack o… | |
6136 <p>We crowded around the starboard door, hummed along to the anthe… | |
6137 <p>It felt great actually. I swam mindlessly and rapidly away from… | |
6138 <blockquote> | |
6139 <p>I’m over a mile from shore, open water swimming for the first… | |
6140 </blockquote> | |
6141 <p>I turned around to take in Alcatraz in its terrible glory from … | |
6142 <p>I swam like this for what I assumed was a half hour. I tried to… | |
6143 <p>My only happiness was that the fog finally broke and Sutro Towe… | |
6144 <p>The cramp was not getting any better. There was no way I could … | |
6145 <p>“Maybe you should go get a boat for me,” I said.</p> | |
6146 <p>“Okay, but there’s none nearby. I can radio one over if you… | |
6147 <p>What I wanted was to make it to shore. I told him I changed my … | |
6148 <p>Eventually I saw the beach and then the color of people’s shi… | |
6149 <p>I’d made it — I survived. I still had a seven mile run … | |
6150 <p><span | |
6151 class="gatsby-resp-image-wrapper" | |
6152 style="position: relative; display: block; margin-left: auto;… | |
6153 > | |
6154 <a | |
6155 class="gatsby-resp-image-link" | |
6156 href="/static/d06e4690a848e0a919b40759b184e577/5a190/success.pn… | |
6157 style="display: block" | |
6158 target="_blank" | |
6159 rel="noopener" | |
6160 > | |
6161 <span | |
6162 class="gatsby-resp-image-background-image" | |
6163 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
6164 ></span> | |
6165 <img | |
6166 class="gatsby-resp-image-image" | |
6167 alt="Finisher pic of Charlie Harrington" | |
6168 title="Finisher pic of Charlie Harrington" | |
6169 src="/static/d06e4690a848e0a919b40759b184e577/a6d36/success… | |
6170 srcset="/static/d06e4690a848e0a919b40759b184e577/222b7/succ… | |
6171 /static/d06e4690a848e0a919b40759b184e577/ff46a/success.png 325w, | |
6172 /static/d06e4690a848e0a919b40759b184e577/a6d36/success.png 650w, | |
6173 /static/d06e4690a848e0a919b40759b184e577/5a190/success.png 800w" | |
6174 sizes="(max-width: 650px) 100vw, 650px" | |
6175 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6176 loading="lazy" | |
6177 /> | |
6178 </a> | |
6179 </span></p> | |
6180 <div style="text-align:center;padding-bottom:10px">Hey, … | |
6181 <p>Not quite <em>Watership Down</em>, but still pretty… | |
6182 <iframe width="560" height="315" src="https:… | |
6183 class="gatsby-resp-image-wrapper" | |
6184 style="position: relative; display: block; margin-left: auto;… | |
6185 > | |
6186 <a | |
6187 class="gatsby-resp-image-link" | |
6188 href="/static/2ffd4f417faf2083be8def2a5c6fdbd4/00d43/logo.png&q… | |
6189 style="display: block" | |
6190 target="_blank" | |
6191 rel="noopener" | |
6192 > | |
6193 <span | |
6194 class="gatsby-resp-image-background-image" | |
6195 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
6196 ></span> | |
6197 <img | |
6198 class="gatsby-resp-image-image" | |
6199 alt="Live" | |
6200 title="Live" | |
6201 src="/static/2ffd4f417faf2083be8def2a5c6fdbd4/a6d36/logo.pn… | |
6202 srcset="/static/2ffd4f417faf2083be8def2a5c6fdbd4/222b7/logo… | |
6203 /static/2ffd4f417faf2083be8def2a5c6fdbd4/ff46a/logo.png 325w, | |
6204 /static/2ffd4f417faf2083be8def2a5c6fdbd4/a6d36/logo.png 650w, | |
6205 /static/2ffd4f417faf2083be8def2a5c6fdbd4/e548f/logo.png 975w, | |
6206 /static/2ffd4f417faf2083be8def2a5c6fdbd4/00d43/logo.png 1000w" | |
6207 sizes="(max-width: 650px) 100vw, 650px" | |
6208 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6209 loading="lazy" | |
6210 /> | |
6211 </a> | |
6212 </span></p> | |
6213 <p><a href="http://www.wormieapp.com/">Wormie</… | |
6214 <p><img src="/70f4bb033609f915de56b76602148fd0/WormieLive.… | |
6215 <p>Maybe you want to see if there's a line at your favorite r… | |
6216 <p><img src="/5b786d6755995fd58b55716cd22c89c3/WormieExplo… | |
6217 <p>Just open up Wormie, make a new Wormhole request, and Wormie wi… | |
6218 <p><img src="/dc356b2515de8e3e24a9b9b5e518c828/WormieCreat… | |
6219 <p>Think TaskRabbit meets Periscope. You can look up specific plac… | |
6220 <p><img src="/0c968594e3f7338fce7721e74ec8ce78/WormieYelp.… | |
6221 <p>Design your own Wormie icon, and when you make a Wormhole conne… | |
6222 <p><img src="/dc356b2515de8e3e24a9b9b5e518c828/WormieCreat… | |
6223 <h2>The react natives</h2> | |
6224 <p>The Wormie team is:</p> | |
6225 <ul> | |
6226 <li><a href="https://github.com/SunyoungKim508">Su… | |
6227 <li><a href="https://github.com/nickfujita">Nick F… | |
6228 <li>Me (Charlie Harrington)</li> | |
6229 </ul> | |
6230 <p>We had a great time building Wormie as a way to learn some new … | |
6231 <ul> | |
6232 <li><a href="https://facebook.github.io/react-native/"… | |
6233 <li><a href="http://www.django-rest-framework.org/"&g… | |
6234 <li><a href="https://socket.io/">Socket.io</a&g… | |
6235 <li><a href="https://webrtc.org/">WebRTC</a>… | |
6236 <li><a href="https://www.docker.com/">Docker</a… | |
6237 <li><a href="https://developers.google.com/youtube/"&… | |
6238 <li><a href="http://www.graphicsmagick.org/">Graph… | |
6239 <li><a href="https://www.mapbox.com/api-documentation/&quo… | |
6240 <li><a href="https://www.yelp.com/developers/documentation… | |
6241 </ul></content:encoded></item><item><title><![CDATA[Minnow]]></tit… | |
6242 <p><img src="/d133c65d7c3e8457531f4fea327e0e3c/subclasswar… | |
6243 <p>You can <a href="https://whatrocks.github.io/aluminum-f… | |
6244 <h3>Subclassing overview</h3> | |
6245 <p>A class can be written to create fleets of similar objects with… | |
6246 <p>But what if you get the idea to introduce a new type of vehicle… | |
6247 <p>Another option could be replicating the existing class for thes… | |
6248 <p>Subclassing allows you to create a fleet of objects that look v… | |
6249 <h3>Starfield simulation</h3> | |
6250 <p>Like all great games, SubclassWars.js is based on a Windows scr… | |
6251 <p>We want to simulate moving through space. A good first step cou… | |
6252 <p>Let's create a base class called Star:</p> | |
6253 <div class="gatsby-highlight" data-language="javascrip… | |
6254 * Star class: the base class | |
6255 */</span> | |
6256 <span class="token keyword">var</span> <spa… | |
6257 <span class="token comment">// "Stars" are… | |
6258 <span class="token keyword">this</span><spa… | |
6259 <span class="token comment">// Location along x-axis… | |
6260 <span class="token keyword">this</span><spa… | |
6261 <span class="token comment">// Location along y-axis… | |
6262 <span class="token keyword">this</span><spa… | |
6263 <span class="token keyword">this</span><spa… | |
6264 <span class="token punctuation">}</span><sp… | |
6265 <span class="token comment">// // Position the HTML … | |
6266 <span class="token class-name">Star</span><… | |
6267 <span class="token keyword">var</span> positio… | |
6268 top<span class="token operator">:</span> &… | |
6269 left<span class="token operator">:</span> … | |
6270 <span class="token punctuation">}</span><sp… | |
6271 <span class="token keyword">var</span> styleSe… | |
6272 <span class="token string">"border"<… | |
6273 <span class="token string">"border-style&qu… | |
6274 <span class="token string">"border-color&qu… | |
6275 <span class="token string">"border-radius&q… | |
6276 <span class="token string">"position"&… | |
6277 <span class="token punctuation">}</span><sp… | |
6278 <span class="token keyword">this</span><spa… | |
6279 <span class="token keyword">this</span><spa… | |
6280 <span class="token punctuation">}</span><sp… | |
6281 | |
6282 <span class="token comment">/** | |
6283 * Setup starfield size | |
6284 */</span> | |
6285 <span class="token keyword">var</span> height … | |
6286 <span class="token keyword">var</span> width &… | |
6287 | |
6288 <span class="token comment">/** | |
6289 * Build star helper function | |
6290 */</span> | |
6291 <span class="token keyword">var</span> <spa… | |
6292 <span class="token keyword">var</span> star &l… | |
6293 <span class="token punctuation">… | |
6294 <span class="token punctuation">… | |
6295 <span class="token function">$</span><span … | |
6296 <span class="token punctuation">}</span><sp… | |
6297 | |
6298 <span class="token comment">/** | |
6299 * Initialize the game | |
6300 */</span> | |
6301 <span class="token function">$</span><span … | |
6302 | |
6303 <span class="token function">$</span><span … | |
6304 <span class="token string">"height"<… | |
6305 <span class="token string">"width"<… | |
6306 <span class="token string">"background-colo… | |
6307 <span class="token string">"position"&… | |
6308 <span class="token punctuation">}</span><sp… | |
6309 | |
6310 <span class="token keyword">for</span> <spa… | |
6311 <span class="token function">buildStar</span&… | |
6312 <span class="token punctuation">}</span> | |
6313 | |
6314 <span class="token punctuation">}</span><sp… | |
6315 <p>Hello, stars! Note that I've used the pseudoclassical inst… | |
6316 <p>Now, let's make those stars twinkle to show you how subcla… | |
6317 <div class="gatsby-highlight" data-language="javascrip… | |
6318 * Star class: the base class | |
6319 */</span> | |
6320 <span class="token keyword">var</span> <span c… | |
6321 <span class="token keyword">this</span><span… | |
6322 <span class="token keyword">this</span><span… | |
6323 <span class="token keyword">this</span><span… | |
6324 <span class="token comment">// New param to create a … | |
6325 <span class="token keyword">this</span><span… | |
6326 <span class="token keyword">this</span><span… | |
6327 <span class="token keyword">this</span><span… | |
6328 <span class="token punctuation">}</span><span … | |
6329 <span class="token class-name">Star</span><spa… | |
6330 <span class="token function">setTimeout</span>&… | |
6331 <span class="token keyword">this</span><sp… | |
6332 <span class="token punctuation">}</span><span … | |
6333 <span class="token class-name">Star</span><spa… | |
6334 <span class="token keyword">var</span> position… | |
6335 top<span class="token operator">:</span> <… | |
6336 left<span class="token operator">:</span> <… | |
6337 <span class="token punctuation">}</span><span … | |
6338 <span class="token keyword">var</span> styleSet… | |
6339 <span class="token string">"border"</s… | |
6340 <span class="token string">"border-style"… | |
6341 <span class="token string">"border-color"… | |
6342 <span class="token string">"border-radius"… | |
6343 <span class="token string">"position"<… | |
6344 <span class="token punctuation">}</span><spa… | |
6345 <span class="token keyword">this</span><span… | |
6346 <span class="token keyword">this</span><span… | |
6347 <span class="token punctuation">}</span><span … | |
6348 | |
6349 <span class="token comment">/** | |
6350 * TwinkleStar class (our first subclass!) | |
6351 */</span> | |
6352 <span class="token keyword">var</span> <span c… | |
6353 <span class="token function">Star</span><spa… | |
6354 <span class="token punctuation">}</span><span … | |
6355 <span class="token class-name">TwinkleStar</span>… | |
6356 <span class="token class-name">TwinkleStar</span>… | |
6357 <span class="token class-name">TwinkleStar</span>… | |
6358 <span class="token class-name">Star</span><s… | |
6359 <span class="token keyword">this</span><span… | |
6360 <span class="token punctuation">}</span><span … | |
6361 | |
6362 <span class="token comment">/** | |
6363 * Setup starfield size | |
6364 */</span> | |
6365 <span class="token keyword">var</span> height <… | |
6366 <span class="token keyword">var</span> width <… | |
6367 | |
6368 <span class="token comment">/** | |
6369 * Build star helper function | |
6370 */</span> | |
6371 <span class="token keyword">var</span> <span c… | |
6372 <span class="token keyword">var</span> star <… | |
6373 <span class="token punctuation">(… | |
6374 <span class="token number">100<… | |
6375 <span class="token punctuation">)… | |
6376 <span class="token function">$</span><span c… | |
6377 <span class="token punctuation">}</span><span … | |
6378 | |
6379 <span class="token keyword">var</span> <span c… | |
6380 <span class="token keyword">var</span> star <… | |
6381 <span class="token punctuation">(… | |
6382 <span class="token number">100<… | |
6383 <span class="token punctuation">)… | |
6384 <span class="token function">$</span><span c… | |
6385 <span class="token punctuation">}</span><span … | |
6386 | |
6387 <span class="token comment">/** | |
6388 * Initialize the game | |
6389 */</span> | |
6390 <span class="token function">$</span><span cla… | |
6391 | |
6392 <span class="token function">$</span><span c… | |
6393 <span class="token string">"height"</s… | |
6394 <span class="token string">"width"</sp… | |
6395 <span class="token string">"background-color&q… | |
6396 <span class="token string">"position"<… | |
6397 <span class="token punctuation">}</span><spa… | |
6398 <span class="token keyword">for</span> <span… | |
6399 <span class="token function">buildStar</span>… | |
6400 <span class="token function">buildTwinkleStar</s… | |
6401 <span class="token punctuation">}</span> | |
6402 | |
6403 <span class="token punctuation">}</span><span … | |
6404 <p>Now we're getting somewhere!</p> | |
6405 <p>A lot happened in the last in the last iteration of code, and i… | |
6406 <p>TODO: fix stars</p> | |
6407 <p>With our new step method built into the base Star class, we can… | |
6408 <p>Notice that we are calling setTimeout within the step method, a… | |
6409 <p>Let's talk about how we created the TwinkleStar subclass. … | |
6410 <p>That's it! JavaScript subclassing in the pseudoclassical p… | |
6411 <h3>The lost city of Z</h3> | |
6412 <p>Now it's time to get serious about our screensaver replica… | |
6413 <p>I'll walk through our changes in the code. Note that I&apo… | |
6414 <div class="gatsby-highlight" data-language="javascrip… | |
6415 * MoveStar class | |
6416 */</span> | |
6417 <span class="token keyword">var</span> <span c… | |
6418 <span class="token keyword">this</span><span… | |
6419 <span class="token function">Star</span><spa… | |
6420 <span class="token punctuation">}</span><span … | |
6421 <span class="token class-name">MoveStar</span><… | |
6422 <span class="token class-name">MoveStar</span><… | |
6423 <span class="token class-name">MoveStar</span><… | |
6424 | |
6425 <span class="token keyword">var</span> k <sp… | |
6426 <span class="token comment">// Translate into x-pos i… | |
6427 <span class="token keyword">var</span> px <s… | |
6428 <span class="token comment">// Translate into y-pos i… | |
6429 <span class="token keyword">var</span> py <s… | |
6430 | |
6431 <span class="token keyword">var</span> position… | |
6432 top<span class="token operator">:</span> py&l… | |
6433 left<span class="token operator">:</span> px | |
6434 <span class="token punctuation">}</span><spa… | |
6435 | |
6436 <span class="token comment">// Stars "grow"… | |
6437 <span class="token keyword">var</span> size <… | |
6438 | |
6439 <span class="token keyword">var</span> styleSet… | |
6440 <span class="token string">"border"</s… | |
6441 <span class="token string">"border-style"… | |
6442 <span class="token string">"border-color"… | |
6443 <span class="token string">"border-radius"… | |
6444 <span class="token string">"position"<… | |
6445 <span class="token punctuation">}</span><spa… | |
6446 <span class="token keyword">this</span><span… | |
6447 <span class="token keyword">this</span><span… | |
6448 | |
6449 <span class="token punctuation">}</span><span … | |
6450 <span class="token class-name">MoveStar</span><… | |
6451 | |
6452 <span class="token keyword">this</span><span… | |
6453 | |
6454 <span class="token comment">// Each tick, decrement z… | |
6455 <span class="token keyword">this</span><span… | |
6456 | |
6457 <span class="token keyword">if</span> <span … | |
6458 <span class="token punctuation">(</span>&… | |
6459 <span class="token punctuation">(</span>&… | |
6460 <span class="token punctuation">(</span>&… | |
6461 <span class="token punctuation">(</span>&… | |
6462 <span class="token punctuation">)</span><s… | |
6463 <span class="token comment">// When star "reach… | |
6464 <span class="token keyword">this</span><spa… | |
6465 <span class="token keyword">this</span><spa… | |
6466 <span class="token keyword">this</span><spa… | |
6467 <span class="token punctuation">}</span> | |
6468 | |
6469 <span class="token class-name">Star</span><s… | |
6470 <span class="token punctuation">}</span><span … | |
6471 <span class="token comment">/** | |
6472 * Helper function | |
6473 */</span> | |
6474 <span class="token keyword">var</span> <span c… | |
6475 <span class="token keyword">var</span> sign… | |
6476 <span class="token keyword">return</span> s… | |
6477 <span class="token punctuation">}</span><span … | |
6478 | |
6479 <span class="token comment">/** | |
6480 * Setup starfield size | |
6481 */</span> | |
6482 <span class="token keyword">var</span> height <… | |
6483 <span class="token keyword">var</span> width <… | |
6484 | |
6485 <span class="token comment">/** | |
6486 * Build star helper function | |
6487 */</span> | |
6488 <span class="token keyword">var</span> <span c… | |
6489 <span class="token keyword">var</span> star <… | |
6490 <span class="token punctuation">(… | |
6491 <span class="token number">200<… | |
6492 <span class="token punctuation">)… | |
6493 <span class="token function">$</span><span c… | |
6494 <span class="token punctuation">}</span><span … | |
6495 | |
6496 <span class="token keyword">var</span> <span c… | |
6497 <span class="token keyword">var</span> star <… | |
6498 <span class="token punctuation">(… | |
6499 <span class="token number">200<… | |
6500 <span class="token punctuation">)… | |
6501 <span class="token function">$</span><span c… | |
6502 <span class="token punctuation">}</span><span … | |
6503 <span class="token keyword">var</span> <span c… | |
6504 <span class="token keyword">var</span> star <… | |
6505 <span class="token function">rand… | |
6506 Math<span class="token punctuation"&… | |
6507 <span class="token number">50<… | |
6508 <span class="token punctuation">)… | |
6509 <span class="token function">$</span><span c… | |
6510 <span class="token punctuation">}</span><span … | |
6511 | |
6512 <span class="token comment">/** | |
6513 * Initialize the game | |
6514 */</span> | |
6515 <span class="token function">$</span><span cla… | |
6516 | |
6517 <span class="token function">$</span><span c… | |
6518 <span class="token string">"height"</s… | |
6519 <span class="token string">"width"</sp… | |
6520 <span class="token string">"background-color&q… | |
6521 <span class="token string">"position"<… | |
6522 <span class="token punctuation">}</span><spa… | |
6523 <span class="token keyword">for</span> <span… | |
6524 <span class="token function">buildStar</span>… | |
6525 <span class="token function">buildTwinkleStar</s… | |
6526 <span class="token punctuation">}</span> | |
6527 <span class="token keyword">for</span> <span… | |
6528 <span class="token function">buildMoveStar</span… | |
6529 <span class="token punctuation">}</span> | |
6530 | |
6531 <span class="token punctuation">}</span><span … | |
6532 <p>The MoveStar subclass includes an additional parameter called z… | |
6533 <h3>The Tie Fighters That Bind</h3> | |
6534 <p>We've now recreated our 90's screensaver. This alone … | |
6535 <div class="gatsby-highlight" data-language="javascrip… | |
6536 * TieFighter class | |
6537 */</span> | |
6538 <span class="token keyword">var</span> <span c… | |
6539 <span class="token function">MoveStar</span><… | |
6540 <span class="token keyword">this</span><span… | |
6541 <span class="token keyword">this</span><span… | |
6542 <span class="token punctuation">}</span><span … | |
6543 <span class="token class-name">TieFighter</span>&… | |
6544 <span class="token class-name">TieFighter</span>&… | |
6545 <span class="token class-name">TieFighter</span>&… | |
6546 <span class="token keyword">var</span> size <… | |
6547 <span class="token keyword">this</span><span… | |
6548 <span class="token class-name">MoveStar</span>&… | |
6549 <span class="token punctuation">}</span><span … | |
6550 <p>Okay, that worked, sort of. Simply by replacing the type of DOM… | |
6551 <p>And then there's this horrible border thing. The border is… | |
6552 <h3>The Force Awakens</h3> | |
6553 <p>At this point, we've now demonstrated how to use JavaScrip… | |
6554 <p>Rather than continue to walkthrough the code (because this post… | |
6555 <ul> | |
6556 <li>Millenium Falcon cockpit</li> | |
6557 <li>Use GIMP to create transparent png and overlay Han and Chewie … | |
6558 <li>Use animate.css to "shake" the cockpit image after a… | |
6559 </ul> | |
6560 <h4>Tiefighters</h4> | |
6561 <ul> | |
6562 <li>Use CSS to flip the image based on initial x-position to make … | |
6563 <li>Turn the mouse cursor into a crosshair with CSS</li> | |
6564 <li>Use setInterval to consistently generate new Tiefighters</l… | |
6565 <li>Set an onClick listener to track succesful "hits", a… | |
6566 </ul> | |
6567 <h4>Sounds</h4> | |
6568 <ul> | |
6569 <li>Use one of the many free sound effects websites to create lase… | |
6570 <li>Find some background music and set on autoplay with an HTML au… | |
6571 </ul> | |
6572 <h4>Hyperspace</h4> | |
6573 <p>If you've already tried the game demo, you may have notice… | |
6574 <p>I spoke in Berlin, and took a really bad still image, apparentl… | |
6575 <p><span | |
6576 class="gatsby-resp-image-wrapper" | |
6577 style="position: relative; display: block; margin-left: auto;… | |
6578 > | |
6579 <a | |
6580 class="gatsby-resp-image-link" | |
6581 href="/static/277ec697d74df18b6632441f90b2299a/29007/banner.png… | |
6582 style="display: block" | |
6583 target="_blank" | |
6584 rel="noopener" | |
6585 > | |
6586 <span | |
6587 class="gatsby-resp-image-background-image" | |
6588 style="padding-bottom: 56.44171779141104%; position: relative; … | |
6589 ></span> | |
6590 <img | |
6591 class="gatsby-resp-image-image" | |
6592 alt="Banner" | |
6593 title="Banner" | |
6594 src="/static/277ec697d74df18b6632441f90b2299a/a6d36/banner.… | |
6595 srcset="/static/277ec697d74df18b6632441f90b2299a/222b7/bann… | |
6596 /static/277ec697d74df18b6632441f90b2299a/ff46a/banner.png 325w, | |
6597 /static/277ec697d74df18b6632441f90b2299a/a6d36/banner.png 650w, | |
6598 /static/277ec697d74df18b6632441f90b2299a/e548f/banner.png 975w, | |
6599 /static/277ec697d74df18b6632441f90b2299a/3c492/banner.png 1300w, | |
6600 /static/277ec697d74df18b6632441f90b2299a/29007/banner.png 1600w" | |
6601 sizes="(max-width: 650px) 100vw, 650px" | |
6602 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6603 loading="lazy" | |
6604 /> | |
6605 </a> | |
6606 </span></p> | |
6607 <h3>Diving into Objective-C</h3> | |
6608 <p>Like many tech companies, Knewton organizes a hack day every fe… | |
6609 <p>I had just finished the Big Nerd Ranch Objective-C book when ou… | |
6610 <p>My idea: Tinder for work. Well, not exactly.</p> | |
6611 <p>I wanted to build a flashcard app that helped you learn the nam… | |
6612 <p>Pretty soon, after an hour or so on Thursday night, Knerd by Kn… | |
6613 <p><span | |
6614 class="gatsby-resp-image-wrapper" | |
6615 style="position: relative; display: block; margin-left: auto;… | |
6616 > | |
6617 <a | |
6618 class="gatsby-resp-image-link" | |
6619 href="/static/4fedb2f8f5ad7cd73079d370a3c57e0b/772e8/k.png" | |
6620 style="display: block" | |
6621 target="_blank" | |
6622 rel="noopener" | |
6623 > | |
6624 <span | |
6625 class="gatsby-resp-image-background-image" | |
6626 style="padding-bottom: 170.5521472392638%; position: relative; … | |
6627 ></span> | |
6628 <img | |
6629 class="gatsby-resp-image-image" | |
6630 alt="Knerd by Knewton" | |
6631 title="Knerd by Knewton" | |
6632 src="/static/4fedb2f8f5ad7cd73079d370a3c57e0b/772e8/k.png&q… | |
6633 srcset="/static/4fedb2f8f5ad7cd73079d370a3c57e0b/222b7/k.pn… | |
6634 /static/4fedb2f8f5ad7cd73079d370a3c57e0b/772e8/k.png 200w" | |
6635 sizes="(max-width: 200px) 100vw, 200px" | |
6636 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6637 loading="lazy" | |
6638 /> | |
6639 </a> | |
6640 </span></p> | |
6641 <p>It wasn’t a good app — the picture didn’t change, the… | |
6642 Back to the drawing board</p> | |
6643 <p>We use a Trello board to organize potential hacks into four cat… | |
6644 <p>To my shock Dan McGorry, our lead UX designer replied:</p> | |
6645 <p><span | |
6646 class="gatsby-resp-image-wrapper" | |
6647 style="position: relative; display: block; margin-left: auto;… | |
6648 > | |
6649 <a | |
6650 class="gatsby-resp-image-link" | |
6651 href="/static/6edf9d10f5f0b0955e405e2a80b99587/42a8d/trello.png… | |
6652 style="display: block" | |
6653 target="_blank" | |
6654 rel="noopener" | |
6655 > | |
6656 <span | |
6657 class="gatsby-resp-image-background-image" | |
6658 style="padding-bottom: 58.89570552147239%; position: relative; … | |
6659 ></span> | |
6660 <img | |
6661 class="gatsby-resp-image-image" | |
6662 alt="Trello" | |
6663 title="Trello" | |
6664 src="/static/6edf9d10f5f0b0955e405e2a80b99587/42a8d/trello.… | |
6665 srcset="/static/6edf9d10f5f0b0955e405e2a80b99587/222b7/trel… | |
6666 /static/6edf9d10f5f0b0955e405e2a80b99587/ff46a/trello.png 325w, | |
6667 /static/6edf9d10f5f0b0955e405e2a80b99587/42a8d/trello.png 558w" | |
6668 sizes="(max-width: 558px) 100vw, 558px" | |
6669 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6670 loading="lazy" | |
6671 /> | |
6672 </a> | |
6673 </span></p> | |
6674 <p>And that’s when things got real.</p> | |
6675 <h3>UX</h3> | |
6676 <p>Dan and I chatted throughout Friday on Slack (him in New York, … | |
6677 <ul> | |
6678 <li>What does a left swipe mean? A right swipe?</li> | |
6679 <li>Should the quizzing occur when the picture is still on the scr… | |
6680 <li>How should we handle incorrect answers?</li> | |
6681 </ul> | |
6682 <p>Designing solid UX is more challenging than I thought. My initi… | |
6683 <p>Here’s a look at one of the early sets:</p> | |
6684 <p><span | |
6685 class="gatsby-resp-image-wrapper" | |
6686 style="position: relative; display: block; margin-left: auto;… | |
6687 > | |
6688 <a | |
6689 class="gatsby-resp-image-link" | |
6690 href="/static/0204d5d0f0fc454f84197d43baacba50/fcbaf/wires1.png… | |
6691 style="display: block" | |
6692 target="_blank" | |
6693 rel="noopener" | |
6694 > | |
6695 <span | |
6696 class="gatsby-resp-image-background-image" | |
6697 style="padding-bottom: 74.23312883435584%; position: relative; … | |
6698 ></span> | |
6699 <img | |
6700 class="gatsby-resp-image-image" | |
6701 alt="Wireframes" | |
6702 title="Wireframes" | |
6703 src="/static/0204d5d0f0fc454f84197d43baacba50/a6d36/wires1.… | |
6704 srcset="/static/0204d5d0f0fc454f84197d43baacba50/222b7/wire… | |
6705 /static/0204d5d0f0fc454f84197d43baacba50/ff46a/wires1.png 325w, | |
6706 /static/0204d5d0f0fc454f84197d43baacba50/a6d36/wires1.png 650w, | |
6707 /static/0204d5d0f0fc454f84197d43baacba50/fcbaf/wires1.png 895w" | |
6708 sizes="(max-width: 650px) 100vw, 650px" | |
6709 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6710 loading="lazy" | |
6711 /> | |
6712 </a> | |
6713 </span></p> | |
6714 <p>That Friday was not exactly a day off from work for me, and I t… | |
6715 <h3>Enter the knerds</h3> | |
6716 <p>Dan and I had never worked together on anything before, but we … | |
6717 <p>Importantly, Dan and I agreed that the app was lacking somethin… | |
6718 <p>Pretty soon, Dan came back with the knerds:</p> | |
6719 <p><span | |
6720 class="gatsby-resp-image-wrapper" | |
6721 style="position: relative; display: block; margin-left: auto;… | |
6722 > | |
6723 <a | |
6724 class="gatsby-resp-image-link" | |
6725 href="/static/2caa3c1f9fa01ac16e1bb2d64a1f550f/7cb89/knerds-gro… | |
6726 style="display: block" | |
6727 target="_blank" | |
6728 rel="noopener" | |
6729 > | |
6730 <span | |
6731 class="gatsby-resp-image-background-image" | |
6732 style="padding-bottom: 53.37423312883436%; position: relative; … | |
6733 ></span> | |
6734 <img | |
6735 class="gatsby-resp-image-image" | |
6736 alt="Knerds" | |
6737 title="Knerds" | |
6738 src="/static/2caa3c1f9fa01ac16e1bb2d64a1f550f/7cb89/knerds-… | |
6739 srcset="/static/2caa3c1f9fa01ac16e1bb2d64a1f550f/222b7/kner… | |
6740 /static/2caa3c1f9fa01ac16e1bb2d64a1f550f/ff46a/knerds-group.png 325w, | |
6741 /static/2caa3c1f9fa01ac16e1bb2d64a1f550f/7cb89/knerds-group.png 563w&quo… | |
6742 sizes="(max-width: 563px) 100vw, 563px" | |
6743 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6744 loading="lazy" | |
6745 /> | |
6746 </a> | |
6747 </span></p> | |
6748 <p>We chatted through some minor tweaks, like the placement of bow… | |
6749 <p>By the end of Friday, our wires looked like a real app:</p&g… | |
6750 <p><span | |
6751 class="gatsby-resp-image-wrapper" | |
6752 style="position: relative; display: block; margin-left: auto;… | |
6753 > | |
6754 <a | |
6755 class="gatsby-resp-image-link" | |
6756 href="/static/f93eb333b5a97bd41214561718d3e36f/c6671/wires2.png… | |
6757 style="display: block" | |
6758 target="_blank" | |
6759 rel="noopener" | |
6760 > | |
6761 <span | |
6762 class="gatsby-resp-image-background-image" | |
6763 style="padding-bottom: 25.153374233128833%; position: relative;… | |
6764 ></span> | |
6765 <img | |
6766 class="gatsby-resp-image-image" | |
6767 alt="Wireframes" | |
6768 title="Wireframes" | |
6769 src="/static/f93eb333b5a97bd41214561718d3e36f/a6d36/wires2.… | |
6770 srcset="/static/f93eb333b5a97bd41214561718d3e36f/222b7/wire… | |
6771 /static/f93eb333b5a97bd41214561718d3e36f/ff46a/wires2.png 325w, | |
6772 /static/f93eb333b5a97bd41214561718d3e36f/a6d36/wires2.png 650w, | |
6773 /static/f93eb333b5a97bd41214561718d3e36f/e548f/wires2.png 975w, | |
6774 /static/f93eb333b5a97bd41214561718d3e36f/c6671/wires2.png 1129w" | |
6775 sizes="(max-width: 650px) 100vw, 650px" | |
6776 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6777 loading="lazy" | |
6778 /> | |
6779 </a> | |
6780 </span></p> | |
6781 <p>Now it was time for me to code up or shut up.</p> | |
6782 <h3>Weekend of code</h3> | |
6783 <p>I spent the next 48 hours doing nothing but coding, reading, po… | |
6784 <p>Some challenges encountered along the way:</p> | |
6785 <p><strong>Moving between view controllers</strong>: T… | |
6786 <div class="gatsby-highlight" data-language="objective… | |
6787 KDGameViewController *gvc = [[KDGameViewController alloc] init]; | |
6788 [self presentViewController:gvc animated:YES completion:nil]; | |
6789 }</code></pre></div> | |
6790 <p>Once you’re in the KDGameViewController, the “finish/victor… | |
6791 <div class="gatsby-highlight" data-language="obj-c&quo… | |
6792 [self dismissViewControllerAnimated:YES completion:nil]; | |
6793 }</code></pre></div> | |
6794 <p><strong>Resetting the game</strong>: After the Fini… | |
6795 Randomizing the answer choices: This was a fun challenge — display… | |
6796 <div class="gatsby-highlight" data-language="objective… | |
6797 NSMutableArray *names = [[NSMutableArray alloc] init]; | |
6798 // name1 points to the &quot;correct&quot; name | |
6799 [names addObject:name1]; | |
6800 // name2, name3, and name4 point to the distractor names | |
6801 [names addObject:name2]; | |
6802 [names addObject:name3]; | |
6803 [names addObject:name4]; | |
6804 // Randomly pick one of the &quot;names&quot; in names, | |
6805 // then create a new NSString to hold that name, | |
6806 // and finally remove it from the names array | |
6807 int random1 = arc4random() % [names count]; | |
6808 NSString *nameTitle1 = names[random1]; | |
6809 [names removeObjectAtIndex:random1]; | |
6810 int random2 = arc4random() % [names count]; | |
6811 NSString *nameTitle2 = names[random2]; | |
6812 [names removeObjectAtIndex:random2]; | |
6813 int random3 = arc4random() % [names count]; | |
6814 NSString *nameTitle3 = names[random3]; | |
6815 [names removeObjectAtIndex:random3]; | |
6816 int random4 = arc4random() % [names count]; | |
6817 NSString *nameTitle4 = names[random4]; | |
6818 [names removeObjectAtIndex:random4];</code></pre></div> | |
6819 <p>At this point, I’ve got 4 NSString pointers called nameTitle1… | |
6820 <p><strong>Feature creep</strong>: I kept coming up wi… | |
6821 <p>By 1:45 AM on Monday morning, Knerds was a working iOS game! He… | |
6822 <iframe src="https://player.vimeo.com/video/125413885" widt… | |
6823 <p>I shouldn’t have recorded this at 1:42 AM on Sunday.</p> | |
6824 <h3>What’s next for Knerds</h3> | |
6825 <p><strong>TestFlight</strong>: After some clunking ar… | |
6826 <p><strong>Release as an internal company app</strong>… | |
6827 <p><strong>Automatic content refresh</strong>: I scrap… | |
6828 <p><strong>Game improvements</strong>: One obvious imp… | |
6829 <p>I had a great time building this app with Dan, and I can’t wa… | |
6830 <h3>One more thing</h3> | |
6831 <p>I flew to NYC later that week, and I couldn’t stop thinking a… | |
6832 <p>Here it is — the backstory of the knerds:</p> | |
6833 <iframe src="//www.slideshare.net/slideshow/embed_code/key/lBIMo… | |
6834 <p>But Dan and I kept going. We named them all. And then I couldn�… | |
6835 <h4>Olive</h4> | |
6836 <p><span | |
6837 class="gatsby-resp-image-wrapper" | |
6838 style="position: relative; display: block; margin-left: auto;… | |
6839 > | |
6840 <a | |
6841 class="gatsby-resp-image-link" | |
6842 href="/static/db4c390ca72be4e62a92aa1bda53b54d/779ef/orange.png… | |
6843 style="display: block" | |
6844 target="_blank" | |
6845 rel="noopener" | |
6846 > | |
6847 <span | |
6848 class="gatsby-resp-image-background-image" | |
6849 style="padding-bottom: 194.47852760736194%; position: relative;… | |
6850 ></span> | |
6851 <img | |
6852 class="gatsby-resp-image-image" | |
6853 alt="Olive" | |
6854 title="Olive" | |
6855 src="/static/db4c390ca72be4e62a92aa1bda53b54d/779ef/orange.… | |
6856 srcset="/static/db4c390ca72be4e62a92aa1bda53b54d/222b7/oran… | |
6857 /static/db4c390ca72be4e62a92aa1bda53b54d/779ef/orange.png 204w" | |
6858 sizes="(max-width: 204px) 100vw, 204px" | |
6859 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6860 loading="lazy" | |
6861 /> | |
6862 </a> | |
6863 </span></p> | |
6864 <p>Olive is the young Captain of the knerds. This mission was her … | |
6865 <h4>Mr. Figg</h4> | |
6866 <p><span | |
6867 class="gatsby-resp-image-wrapper" | |
6868 style="position: relative; display: block; margin-left: auto;… | |
6869 > | |
6870 <a | |
6871 class="gatsby-resp-image-link" | |
6872 href="/static/ead2b49e58be920cb5122cdaf1a7647c/e6f05/green.png&… | |
6873 style="display: block" | |
6874 target="_blank" | |
6875 rel="noopener" | |
6876 > | |
6877 <span | |
6878 class="gatsby-resp-image-background-image" | |
6879 style="padding-bottom: 266.25766871165644%; position: relative;… | |
6880 ></span> | |
6881 <img | |
6882 class="gatsby-resp-image-image" | |
6883 alt="Mr Figg" | |
6884 title="Mr Figg" | |
6885 src="/static/ead2b49e58be920cb5122cdaf1a7647c/e6f05/green.p… | |
6886 srcset="/static/ead2b49e58be920cb5122cdaf1a7647c/222b7/gree… | |
6887 /static/ead2b49e58be920cb5122cdaf1a7647c/e6f05/green.png 183w" | |
6888 sizes="(max-width: 183px) 100vw, 183px" | |
6889 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6890 loading="lazy" | |
6891 /> | |
6892 </a> | |
6893 </span></p> | |
6894 <p>Mr. Figg is Head of Security. He’s responsible for protecting… | |
6895 <h4>K.A.M.</h4> | |
6896 <p><span | |
6897 class="gatsby-resp-image-wrapper" | |
6898 style="position: relative; display: block; margin-left: auto;… | |
6899 > | |
6900 <a | |
6901 class="gatsby-resp-image-link" | |
6902 href="/static/a193634d682ab8bccc256ac4db3f4075/357e3/red.png&qu… | |
6903 style="display: block" | |
6904 target="_blank" | |
6905 rel="noopener" | |
6906 > | |
6907 <span | |
6908 class="gatsby-resp-image-background-image" | |
6909 style="padding-bottom: 147.8527607361963%; position: relative; … | |
6910 ></span> | |
6911 <img | |
6912 class="gatsby-resp-image-image" | |
6913 alt="K.A.M." | |
6914 title="K.A.M." | |
6915 src="/static/a193634d682ab8bccc256ac4db3f4075/357e3/red.png… | |
6916 srcset="/static/a193634d682ab8bccc256ac4db3f4075/222b7/red.… | |
6917 /static/a193634d682ab8bccc256ac4db3f4075/357e3/red.png 286w" | |
6918 sizes="(max-width: 286px) 100vw, 286px" | |
6919 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6920 loading="lazy" | |
6921 /> | |
6922 </a> | |
6923 </span></p> | |
6924 <p>K.A.M. is the Communications Officer. She’s part robot (we th… | |
6925 <h4>Isaak</h4> | |
6926 <p><span | |
6927 class="gatsby-resp-image-wrapper" | |
6928 style="position: relative; display: block; margin-left: auto;… | |
6929 > | |
6930 <a | |
6931 class="gatsby-resp-image-link" | |
6932 href="/static/1c1349d98a8db2c7dae669ffefc15804/d3fa7/blue.png&q… | |
6933 style="display: block" | |
6934 target="_blank" | |
6935 rel="noopener" | |
6936 > | |
6937 <span | |
6938 class="gatsby-resp-image-background-image" | |
6939 style="padding-bottom: 136.1963190184049%; position: relative; … | |
6940 ></span> | |
6941 <img | |
6942 class="gatsby-resp-image-image" | |
6943 alt="Isaak" | |
6944 title="Isaak" | |
6945 src="/static/1c1349d98a8db2c7dae669ffefc15804/d3fa7/blue.pn… | |
6946 srcset="/static/1c1349d98a8db2c7dae669ffefc15804/222b7/blue… | |
6947 /static/1c1349d98a8db2c7dae669ffefc15804/d3fa7/blue.png 274w" | |
6948 sizes="(max-width: 274px) 100vw, 274px" | |
6949 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6950 loading="lazy" | |
6951 /> | |
6952 </a> | |
6953 </span></p> | |
6954 <p>Isaak is Olive’s younger brother. He snuck onto the ship befo… | |
6955 <h3>The continuing adventure</h3> | |
6956 <p>I think that the story of the knerds could be the basis for a g… | |
6957 <p>As validation, I showed the knerds to my eight-year-old cousin … | |
6958 <p>Avery convinced me that helping the knerds solve puzzles would … | |
6959 Oh, and Avery invented bad guys for the knerds! I asked her to draw them… | |
6960 <h4>Binky</h4> | |
6961 <p><span | |
6962 class="gatsby-resp-image-wrapper" | |
6963 style="position: relative; display: block; margin-left: auto;… | |
6964 > | |
6965 <a | |
6966 class="gatsby-resp-image-link" | |
6967 href="/static/99feb273a3b28529e803a9643815a07f/066f9/binky4.jpg… | |
6968 style="display: block" | |
6969 target="_blank" | |
6970 rel="noopener" | |
6971 > | |
6972 <span | |
6973 class="gatsby-resp-image-background-image" | |
6974 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
6975 ></span> | |
6976 <img | |
6977 class="gatsby-resp-image-image" | |
6978 alt="Binky" | |
6979 title="Binky" | |
6980 src="/static/99feb273a3b28529e803a9643815a07f/066f9/binky4.… | |
6981 srcset="/static/99feb273a3b28529e803a9643815a07f/d2f63/bink… | |
6982 /static/99feb273a3b28529e803a9643815a07f/c989d/binky4.jpg 325w, | |
6983 /static/99feb273a3b28529e803a9643815a07f/066f9/binky4.jpg 400w" | |
6984 sizes="(max-width: 400px) 100vw, 400px" | |
6985 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
6986 loading="lazy" | |
6987 /> | |
6988 </a> | |
6989 </span></p> | |
6990 <h4>Chill Factor</h4> | |
6991 <p><span | |
6992 class="gatsby-resp-image-wrapper" | |
6993 style="position: relative; display: block; margin-left: auto;… | |
6994 > | |
6995 <a | |
6996 class="gatsby-resp-image-link" | |
6997 href="/static/1d625bcc3a8051394ccd7f5ab0d9ab1f/066f9/chillfacto… | |
6998 style="display: block" | |
6999 target="_blank" | |
7000 rel="noopener" | |
7001 > | |
7002 <span | |
7003 class="gatsby-resp-image-background-image" | |
7004 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
7005 ></span> | |
7006 <img | |
7007 class="gatsby-resp-image-image" | |
7008 alt="Chill Factor" | |
7009 title="Chill Factor" | |
7010 src="/static/1d625bcc3a8051394ccd7f5ab0d9ab1f/066f9/chillfa… | |
7011 srcset="/static/1d625bcc3a8051394ccd7f5ab0d9ab1f/d2f63/chil… | |
7012 /static/1d625bcc3a8051394ccd7f5ab0d9ab1f/c989d/chillfactor4.jpg 325w, | |
7013 /static/1d625bcc3a8051394ccd7f5ab0d9ab1f/066f9/chillfactor4.jpg 400w&quo… | |
7014 sizes="(max-width: 400px) 100vw, 400px" | |
7015 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7016 loading="lazy" | |
7017 /> | |
7018 </a> | |
7019 </span></p> | |
7020 <h4>Bill</h4> | |
7021 <p><span | |
7022 class="gatsby-resp-image-wrapper" | |
7023 style="position: relative; display: block; margin-left: auto;… | |
7024 > | |
7025 <a | |
7026 class="gatsby-resp-image-link" | |
7027 href="/static/c1ce1b5e15af0c710bbe8779aef91b76/066f9/bill3.jpg&… | |
7028 style="display: block" | |
7029 target="_blank" | |
7030 rel="noopener" | |
7031 > | |
7032 <span | |
7033 class="gatsby-resp-image-background-image" | |
7034 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
7035 ></span> | |
7036 <img | |
7037 class="gatsby-resp-image-image" | |
7038 alt="Bill" | |
7039 title="Bill" | |
7040 src="/static/c1ce1b5e15af0c710bbe8779aef91b76/066f9/bill3.j… | |
7041 srcset="/static/c1ce1b5e15af0c710bbe8779aef91b76/d2f63/bill… | |
7042 /static/c1ce1b5e15af0c710bbe8779aef91b76/c989d/bill3.jpg 325w, | |
7043 /static/c1ce1b5e15af0c710bbe8779aef91b76/066f9/bill3.jpg 400w" | |
7044 sizes="(max-width: 400px) 100vw, 400px" | |
7045 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7046 loading="lazy" | |
7047 /> | |
7048 </a> | |
7049 </span></p> | |
7050 <p>It looks like the knerds will need all the help they can get … | |
7051 <p>What follows may shock you:</p> | |
7052 <iframe src="https://player.vimeo.com/video/124292973" widt… | |
7053 <h3>Here's how I brought TERMINAL MAN to life.</h3> | |
7054 <h4>The music</h4> | |
7055 <h5>Garageband</h5> | |
7056 <p>I've spent a lot of time at airports over the last year an… | |
7057 <p><span | |
7058 class="gatsby-resp-image-wrapper" | |
7059 style="position: relative; display: block; margin-left: auto;… | |
7060 > | |
7061 <a | |
7062 class="gatsby-resp-image-link" | |
7063 href="/static/f9b5c6e93322799f0d86bad6b08f8286/59173/garageband… | |
7064 style="display: block" | |
7065 target="_blank" | |
7066 rel="noopener" | |
7067 > | |
7068 <span | |
7069 class="gatsby-resp-image-background-image" | |
7070 style="padding-bottom: 68.09815950920245%; position: relative; … | |
7071 ></span> | |
7072 <img | |
7073 class="gatsby-resp-image-image" | |
7074 alt="Garageband" | |
7075 title="Garageband" | |
7076 src="/static/f9b5c6e93322799f0d86bad6b08f8286/a6d36/garageb… | |
7077 srcset="/static/f9b5c6e93322799f0d86bad6b08f8286/222b7/gara… | |
7078 /static/f9b5c6e93322799f0d86bad6b08f8286/ff46a/garageband.png 325w, | |
7079 /static/f9b5c6e93322799f0d86bad6b08f8286/a6d36/garageband.png 650w, | |
7080 /static/f9b5c6e93322799f0d86bad6b08f8286/e548f/garageband.png 975w, | |
7081 /static/f9b5c6e93322799f0d86bad6b08f8286/3c492/garageband.png 1300w, | |
7082 /static/f9b5c6e93322799f0d86bad6b08f8286/59173/garageband.png 3014w" | |
7083 sizes="(max-width: 650px) 100vw, 650px" | |
7084 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7085 loading="lazy" | |
7086 /> | |
7087 </a> | |
7088 </span></p> | |
7089 <p>This screenshot is one of my more recent tracks Over Water, Und… | |
7090 <h4>The video</h4> | |
7091 <h5>The skull</h5> | |
7092 <ul> | |
7093 <li>Wikimedia Commons</li> | |
7094 <li>GIMP</li> | |
7095 </ul> | |
7096 <p>When I was growing up, my dad called me "Skull" as a … | |
7097 <h5>The background</h5> | |
7098 <ul> | |
7099 <li>Processing</li> | |
7100 <li>YouTube</li> | |
7101 <li>CloudApp</li> | |
7102 </ul> | |
7103 <p>I've always loved the weird video backdrops behind live pe… | |
7104 <p>Hey, so, when we're playing "I'm The Man Who Lov… | |
7105 <p>Well, <strong>TERMINAL MAN</strong> definitely need… | |
7106 <p>I created a Processing sketch that used keyboard strokes to tri… | |
7107 <p>Here's the code for the sketch:</p> | |
7108 <div class="gatsby-highlight" data-language="java"… | |
7109 <span class="token comment">// T E R M I N A L M A N<… | |
7110 <span class="token comment">// ----------------------<… | |
7111 <span class="token comment">// @ w h a t r o c k s<… | |
7112 <span class="token comment">// ----------------------<… | |
7113 | |
7114 <span class="token comment">// import video library</… | |
7115 <span class="token keyword">import</span> <span… | |
7116 | |
7117 <span class="token comment">// movies</span> | |
7118 <span class="token class-name">Movie</span> pipeMo… | |
7119 <span class="token class-name">Movie</span> doomMo… | |
7120 <span class="token class-name">Movie</span> solita… | |
7121 <span class="token class-name">Movie</span> toaste… | |
7122 <span class="token class-name">Movie</span> mazeMo… | |
7123 <span class="token class-name">Movie</span> wc2Mov… | |
7124 <span class="token class-name">Movie</span> tiefig… | |
7125 <span class="token class-name">Movie</span> roller… | |
7126 | |
7127 <span class="token comment">// images</span> | |
7128 <span class="token class-name">PImage</span> skull… | |
7129 <span class="token class-name">PImage</span> miniS… | |
7130 | |
7131 <span class="token comment">// font</span> | |
7132 <span class="token class-name">PFont</span> f<s… | |
7133 | |
7134 <span class="token keyword">void</span> <span c… | |
7135 <span class="token function">size</span><span… | |
7136 <span class="token function">smooth</span><sp… | |
7137 | |
7138 <span class="token comment">// load the pictures</s… | |
7139 skull <span class="token operator">=</span> <… | |
7140 miniSkull <span class="token operator">=</span> … | |
7141 <span class="token comment">// resize the big skull to… | |
7142 skull<span class="token punctuation">.</span><… | |
7143 | |
7144 <span class="token comment">// black background</sp… | |
7145 <span class="token function">background</span>&l… | |
7146 | |
7147 <span class="token comment">// load the font</span&… | |
7148 f <span class="token operator">=</span> <span… | |
7149 | |
7150 <span class="token comment">// load the movies</spa… | |
7151 mazeMovie <span class="token operator">=</span> … | |
7152 mazeMovie<span class="token punctuation">.</span>… | |
7153 | |
7154 solitaireMovie <span class="token operator">=</span… | |
7155 solitaireMovie<span class="token punctuation">.</sp… | |
7156 | |
7157 doomMovie <span class="token operator">=</span> … | |
7158 doomMovie<span class="token punctuation">.</span>… | |
7159 | |
7160 pipeMovie <span class="token operator">=</span> … | |
7161 pipeMovie<span class="token punctuation">.</span>… | |
7162 | |
7163 toastersMovie <span class="token operator">=</span&… | |
7164 toastersMovie<span class="token punctuation">.</spa… | |
7165 | |
7166 tiefighterMovie <span class="token operator">=</spa… | |
7167 tiefighterMovie<span class="token punctuation">.</s… | |
7168 | |
7169 wc2Movie <span class="token operator">=</span> &… | |
7170 wc2Movie<span class="token punctuation">.</span>… | |
7171 | |
7172 rollercoasterMovie <span class="token operator">=</… | |
7173 rollercoasterMovie<span class="token punctuation">.<… | |
7174 | |
7175 <span class="token punctuation">}</span> | |
7176 | |
7177 <span class="token keyword">void</span> <span c… | |
7178 | |
7179 <span class="token comment">// black background</sp… | |
7180 <span class="token keyword">if</span> <span c… | |
7181 <span class="token function">background</span>… | |
7182 <span class="token punctuation">}</span> | |
7183 | |
7184 <span class="token comment">// play doom video</spa… | |
7185 <span class="token keyword">if</span> <span c… | |
7186 <span class="token function">image</span><s… | |
7187 <span class="token punctuation">}</span> | |
7188 | |
7189 <span class="token comment">// play maze video</spa… | |
7190 <span class="token keyword">if</span> <span c… | |
7191 <span class="token function">image</span><s… | |
7192 <span class="token punctuation">}</span> | |
7193 | |
7194 <span class="token comment">// play toasters video<… | |
7195 <span class="token keyword">if</span> <span c… | |
7196 <span class="token function">image</span><s… | |
7197 <span class="token punctuation">}</span> | |
7198 | |
7199 <span class="token comment">// play pipes video</sp… | |
7200 <span class="token keyword">if</span> <span c… | |
7201 <span class="token function">image</span><s… | |
7202 <span class="token punctuation">}</span> | |
7203 | |
7204 <span class="token comment">// play solitaire video<… | |
7205 <span class="token keyword">if</span> <span c… | |
7206 <span class="token function">image</span><s… | |
7207 <span class="token punctuation">}</span> | |
7208 | |
7209 <span class="token comment">// play tiefighter video&l… | |
7210 <span class="token keyword">if</span> <span c… | |
7211 <span class="token function">image</span><s… | |
7212 <span class="token punctuation">}</span> | |
7213 | |
7214 <span class="token comment">// play rollercoaster vide… | |
7215 <span class="token keyword">if</span> <span c… | |
7216 <span class="token function">image</span><s… | |
7217 <span class="token punctuation">}</span> | |
7218 | |
7219 <span class="token comment">// play wc2 video</span… | |
7220 <span class="token keyword">if</span> <span c… | |
7221 <span class="token function">image</span><s… | |
7222 <span class="token punctuation">}</span> | |
7223 | |
7224 <span class="token comment">// print mini skulls every… | |
7225 <span class="token keyword">if</span> <span c… | |
7226 miniSkull<span class="token punctuation">.</span&… | |
7227 <span class="token function">image</span><s… | |
7228 <span class="token punctuation">}</span> | |
7229 | |
7230 <span class="token comment">// flashy background color… | |
7231 <span class="token keyword">if</span> <span c… | |
7232 <span class="token function">background</span>… | |
7233 <span class="token punctuation">}</span> | |
7234 | |
7235 <span class="token comment">// draw blue lines from th… | |
7236 <span class="token keyword">if</span> <span c… | |
7237 <span class="token function">stroke</span><… | |
7238 <span class="token function">line</span><sp… | |
7239 <span class="token punctuation">}</span> | |
7240 | |
7241 <span class="token comment">// Load big skull picture … | |
7242 <span class="token function">image</span><spa… | |
7243 | |
7244 <span class="token comment">// show 'terminal man… | |
7245 <span class="token keyword">if</span> <span c… | |
7246 <span class="token function">textFont</span>&l… | |
7247 <span class="token function">textAlign</span>&… | |
7248 <span class="token function">fill</span><sp… | |
7249 <span class="token function">text</span><sp… | |
7250 <span class="token function">fill</span><sp… | |
7251 <span class="token function">text</span><sp… | |
7252 <span class="token punctuation">}</span> | |
7253 <span class="token punctuation">}</span> | |
7254 | |
7255 <span class="token comment">// Called everytime a new fr… | |
7256 <span class="token keyword">void</span> <span c… | |
7257 m<span class="token punctuation">.</span><spa… | |
7258 <span class="token punctuation">}</span></code&… | |
7259 <p>The sketch creates an app that lets you use the keyboard to jum… | |
7260 <h3>Pulling it all together</h3> | |
7261 <ul> | |
7262 <li>QuickTime</li> | |
7263 <li>iMovie</li> | |
7264 <li>Vimeo</li> | |
7265 </ul> | |
7266 <p>Even though the sketch works great as a live companion to the s… | |
7267 <p>I put on some DJ-like headphones, press record on the Quicktime… | |
7268 <p>Then all I had to do was drop the mp3 and the video files into … | |
7269 <iframe src="https://player.vimeo.com/video/123845456" widt… | |
7270 <h3>The live performance</h3> | |
7271 <ul> | |
7272 <li>Double Robotics robot (we call it the Krobot at Knewton)</l… | |
7273 <li>Terminal</li> | |
7274 <li>Stage crew (Fernando, Sam, and others!)</li> | |
7275 </ul> | |
7276 <p>I had elaborate plans to introduce myself in a scary and funny … | |
7277 <p>But none of that mattered once I started to dance.</p></c… | |
7278 <p>The best thing for being sad is to learn something. That's… | |
7279 </blockquote> | |
7280 <p><span | |
7281 class="gatsby-resp-image-wrapper" | |
7282 style="position: relative; display: block; margin-left: auto;… | |
7283 > | |
7284 <a | |
7285 class="gatsby-resp-image-link" | |
7286 href="/static/80667a21a152af75c83a37789c285779/f212f/ma.jpg&quo… | |
7287 style="display: block" | |
7288 target="_blank" | |
7289 rel="noopener" | |
7290 > | |
7291 <span | |
7292 class="gatsby-resp-image-background-image" | |
7293 style="padding-bottom: 131.90184049079755%; position: relative;… | |
7294 ></span> | |
7295 <img | |
7296 class="gatsby-resp-image-image" | |
7297 alt="Merlin" | |
7298 title="Merlin" | |
7299 src="/static/80667a21a152af75c83a37789c285779/6aca1/ma.jpg&… | |
7300 srcset="/static/80667a21a152af75c83a37789c285779/d2f63/ma.j… | |
7301 /static/80667a21a152af75c83a37789c285779/c989d/ma.jpg 325w, | |
7302 /static/80667a21a152af75c83a37789c285779/6aca1/ma.jpg 650w, | |
7303 /static/80667a21a152af75c83a37789c285779/f212f/ma.jpg 916w" | |
7304 sizes="(max-width: 650px) 100vw, 650px" | |
7305 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7306 loading="lazy" | |
7307 /> | |
7308 </a> | |
7309 </span></p></content:encoded></item><item><title><![CDAT… | |
7310 <p><span | |
7311 class="gatsby-resp-image-wrapper" | |
7312 style="position: relative; display: block; margin-left: auto;… | |
7313 > | |
7314 <a | |
7315 class="gatsby-resp-image-link" | |
7316 href="/static/082a73a40fc58149b9098649c62e2b45/b4294/ch.jpg&quo… | |
7317 style="display: block" | |
7318 target="_blank" | |
7319 rel="noopener" | |
7320 > | |
7321 <span | |
7322 class="gatsby-resp-image-background-image" | |
7323 style="padding-bottom: 31.288343558282207%; position: relative;… | |
7324 ></span> | |
7325 <img | |
7326 class="gatsby-resp-image-image" | |
7327 alt="comic" | |
7328 title="comic" | |
7329 src="/static/082a73a40fc58149b9098649c62e2b45/b4294/ch.jpg&… | |
7330 srcset="/static/082a73a40fc58149b9098649c62e2b45/d2f63/ch.j… | |
7331 /static/082a73a40fc58149b9098649c62e2b45/c989d/ch.jpg 325w, | |
7332 /static/082a73a40fc58149b9098649c62e2b45/b4294/ch.jpg 600w" | |
7333 sizes="(max-width: 600px) 100vw, 600px" | |
7334 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7335 loading="lazy" | |
7336 /> | |
7337 </a> | |
7338 </span></p></content:encoded></item><item><title><![CDAT… | |
7339 <p>My five minute pitch to the masters of the ELT universe.</p&… | |
7340 <p>"It's so awesome that we are in a planetarium, first … | |
7341 <p>Here's what my other friend <a href="http://www.ka… | |
7342 <p><span | |
7343 class="gatsby-resp-image-wrapper" | |
7344 style="position: relative; display: block; margin-left: auto;… | |
7345 > | |
7346 <a | |
7347 class="gatsby-resp-image-link" | |
7348 href="/static/1564ddff2da0feb019088d38eb6d2ae9/e45a9/capeseafoo… | |
7349 style="display: block" | |
7350 target="_blank" | |
7351 rel="noopener" | |
7352 > | |
7353 <span | |
7354 class="gatsby-resp-image-background-image" | |
7355 style="padding-bottom: 54.601226993865026%; position: relative;… | |
7356 ></span> | |
7357 <img | |
7358 class="gatsby-resp-image-image" | |
7359 alt="logo" | |
7360 title="logo" | |
7361 src="/static/1564ddff2da0feb019088d38eb6d2ae9/e45a9/capesea… | |
7362 srcset="/static/1564ddff2da0feb019088d38eb6d2ae9/222b7/cape… | |
7363 /static/1564ddff2da0feb019088d38eb6d2ae9/ff46a/capeseafood.png 325w, | |
7364 /static/1564ddff2da0feb019088d38eb6d2ae9/e45a9/capeseafood.png 364w" | |
7365 sizes="(max-width: 364px) 100vw, 364px" | |
7366 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7367 loading="lazy" | |
7368 /> | |
7369 </a> | |
7370 </span></p> | |
7371 <p>Check out <a href="http://www.capeseafoodllc.com/"… | |
7372 <p>This is the first song I wrote and recorded on my Fostex four-t… | |
7373 <p>I'm an engineering manager at <a href="https://www… | |
7374 <p>I love <a href="/my-new-old-apple-iie-computer">… | |
7375 <p><span | |
7376 class="gatsby-resp-image-wrapper" | |
7377 style="position: relative; display: block; margin-left: auto;… | |
7378 > | |
7379 <a | |
7380 class="gatsby-resp-image-link" | |
7381 href="/static/a073f24e876ae150e393ddc9865a39ba/066f9/ch.jpg&quo… | |
7382 style="display: block" | |
7383 target="_blank" | |
7384 rel="noopener" | |
7385 > | |
7386 <span | |
7387 class="gatsby-resp-image-background-image" | |
7388 style="padding-bottom: 100%; position: relative; bottom: 0; lef… | |
7389 ></span> | |
7390 <img | |
7391 class="gatsby-resp-image-image" | |
7392 alt="charlie" | |
7393 title="charlie" | |
7394 src="/static/a073f24e876ae150e393ddc9865a39ba/066f9/ch.jpg&… | |
7395 srcset="/static/a073f24e876ae150e393ddc9865a39ba/d2f63/ch.j… | |
7396 /static/a073f24e876ae150e393ddc9865a39ba/c989d/ch.jpg 325w, | |
7397 /static/a073f24e876ae150e393ddc9865a39ba/066f9/ch.jpg 400w" | |
7398 sizes="(max-width: 400px) 100vw, 400px" | |
7399 style="width:100%;height:100%;margin:0;vertical-align:middl… | |
7400 loading="lazy" | |
7401 /> | |
7402 </a> | |
7403 </span></p> | |
7404 <p>I'm also in the middle of <del>writing</del> &… | |
7405 <h3>Elsewhere on the Internet</h3> | |
7406 <ul> | |
7407 <li><a href="https://twitter.com/whatrocks">Twitte… | |
7408 <li><a href="https://twitch.tv/what_rocks">Twitch&… | |
7409 <li><a href="https://www.youtube.com/channel/UCqk3WloxX7Ya… | |
7410 <li><a href="https://github.com/whatrocks">GitHub&… | |
7411 <li><a href="https://instagram.com/whatrocks">Inst… | |
7412 <li><a href="https://www.goodreads.com/whatrocks">… | |
7413 <li><a href="https://www.linkedin.com/in/charlieharrington… | |
7414 </ul> | |
7415 <p>Thank you for visiting my site.</p> | |
7416 |