Skip to content

Commit

Permalink
FEAT: make all external links open in new tab (#57)
Browse files Browse the repository at this point in the history 
* make all external links open in new tab

* update links in index

* update external links in projects
  • Loading branch information
@hannahilea
hannahilea authored Jan 20, 2025
1 parent b26ad75 commit 4d6ddc6
Show file tree
Hide file tree
Showing 23 changed files with 351 additions and 242 deletions.
65 changes: 42 additions & 23 deletions blog/autobibliography-1/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@
<h1>Autobibliography: January 2025</h1>
<p>
<em
>I love a good highly-curated, lightly-annotated list of recommendations: Evil Mad Scientist’s periodic <a href="https://www.evilmadscientist.com/tag/linkdump/">linkdump posts</a> are a highlight of my RSS feed, and have been a
source of creative inspiration for years.</em
>I love a good highly-curated, lightly-annotated list of recommendations: Evil Mad Scientist’s periodic <a target="_blank" rel="noreferrer noopener" href="https://www.evilmadscientist.com/tag/linkdump/">linkdump posts</a> are a
highlight of my RSS feed, and have been a source of creative inspiration for years.</em
>
</p>
<p>
Expand All @@ -47,7 +47,7 @@ <h2 id="short-and-sweet">Short and sweet</h2>
<li>
<p>
<strong
>Shing Yin Khor’s <a href="https://www.patreon.com/posts/make-little-guys-112268885"><em>Make Little Guys: a (very brief) manifesto</em></a></strong
>Shing Yin Khor’s <a target="_blank" rel="noreferrer noopener" href="https://www.patreon.com/posts/make-little-guys-112268885"><em>Make Little Guys: a (very brief) manifesto</em></a></strong
>
</p>
<p>From one of the most inspirational makers themself:</p>
Expand Down Expand Up @@ -83,6 +83,8 @@ <h2 id="short-and-sweet">Short and sweet</h2>
>
<div style="padding: 16px">
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/C_7Aj8Hx7kD/?utm_source=ig_embed&amp;utm_campaign=loading"
style="background: #ffffff; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%"
target="_blank"
Expand Down Expand Up @@ -149,6 +151,8 @@ <h2 id="short-and-sweet">Short and sweet</h2>
"
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/C_7Aj8Hx7kD/?utm_source=ig_embed&amp;utm_campaign=loading"
style="color: #c9c8cd; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none"
target="_blank"
Expand All @@ -161,7 +165,7 @@ <h2 id="short-and-sweet">Short and sweet</h2>
</li>
<li>
<p>
<strong>Sam Wlody’s <a href="https://swlody.dev/Posts/really-really-good-random-number-generator-(rrgrng)">“really really good random number generator (rrgrng)”</a></strong>
<strong>Sam Wlody’s <a target="_blank" rel="noreferrer noopener" href="https://swlody.dev/Posts/really-really-good-random-number-generator-(rrgrng)">“really really good random number generator (rrgrng)”</a></strong>
</p>
<blockquote>
<p>
Expand All @@ -171,7 +175,7 @@ <h2 id="short-and-sweet">Short and sweet</h2>
>
</p>
</blockquote>
<p>Read the write-up, and then go and <a href="https://rrgrng.org/">generate some really really good random numbers of your own</a>!</p>
<p>Read the write-up, and then go and <a target="_blank" rel="noreferrer noopener" href="https://rrgrng.org/">generate some really really good random numbers of your own</a>!</p>
</li>
</ul>
<p><br /></p>
Expand All @@ -180,7 +184,7 @@ <h2 id="readlistenplay">Read/listen/play</h2>
<li>
<p>
<strong
>Martha Wells’ <a href="https://www.marthawells.com/murderbot.htm"><em>Murderbot diaries</em></a> book series</strong
>Martha Wells’ <a target="_blank" rel="noreferrer noopener" href="https://www.marthawells.com/murderbot.htm"><em>Murderbot diaries</em></a> book series</strong
>, which open with:
</p>
<blockquote>
Expand All @@ -195,11 +199,14 @@ <h2 id="readlistenplay">Read/listen/play</h2>
Over the winter holidays, I listened my way through the audiobooks for the entire series, then went out and got myself a hard copy of the first volume. My dad picked it up and didn’t put it down again until he’d finished the
first book, several hours later.
</p>
<p>If at all possible, listen to the audiobook version—Kevin R. Free’s narration is perfect. (I also enjoyed <a href="https://www.wired.com/story/murderbot-she-wrote-martha-wells/">this recent Martha Wells feature</a>.)</p>
<p>
If at all possible, listen to the audiobook version—Kevin R. Free’s narration is perfect. (I also enjoyed
<a target="_blank" rel="noreferrer noopener" href="https://www.wired.com/story/murderbot-she-wrote-martha-wells/">this recent Martha Wells feature</a>.)
</p>
</li>
<li>
<p>
<strong>The <a href="https://www.decisionproblem.com/paperclips/">Universal Paperclips</a> game</strong>
<strong>The <a target="_blank" rel="noreferrer noopener" href="https://www.decisionproblem.com/paperclips/">Universal Paperclips</a> game</strong>
</p>
<p>
I made the mistake of clicking “Make Paperclip” a couple months ago, promptly got sucked in, and made paperclips until the wee hours of the night.<a href="#fn2" class="footnote-ref" id="fnref2" role="doc-noteref"
Expand All @@ -216,13 +223,13 @@ <h2 id="readlistenplay">Read/listen/play</h2>
</p>
<p>
I am intentionally not describing the game itself. If you are even slightly susceptible to addicting activities, do not click “Make Paperclip” unless you have nothing important to be doing for the next several hours. And
whatever you do, don’t start playing late at night. (h/t <a href="https://eieio.games/">NR</a>)
whatever you do, don’t start playing late at night. (h/t <a target="_blank" rel="noreferrer noopener" href="https://eieio.games/">NR</a>)
</p>
</li>
<li>
<p>
<strong
><a href="https://www.sbnation.com/a/17776-football"><em>17776</em></a
><a target="_blank" rel="noreferrer noopener" href="https://www.sbnation.com/a/17776-football"><em>17776</em></a
>, John Bois’ web-based speculative fiction piece</strong
>
</p>
Expand All @@ -234,10 +241,13 @@ <h2 id="readlistenplay">Read/listen/play</h2>
<li>
<p>
<strong
>BBC Radio 4’s <a href="https://www.bbc.co.uk/programmes/m00106lb"><em>Add to Playlist</em></a> Podcast</strong
>BBC Radio 4’s <a target="_blank" rel="noreferrer noopener" href="https://www.bbc.co.uk/programmes/m00106lb"><em>Add to Playlist</em></a> Podcast</strong
>
</p>
<p>A podcast about music and musical throughlines that draws connections across genres and eras. For example, one <a href="https://www.bbc.co.uk/programmes/m001dp3f">arbitrarily-selected episode</a> focuses on</p>
<p>
A podcast about music and musical throughlines that draws connections across genres and eras. For example, one
<a target="_blank" rel="noreferrer noopener" href="https://www.bbc.co.uk/programmes/m001dp3f">arbitrarily-selected episode</a> focuses on
</p>
<pre><code>Expansions by Lonnie Liston Smith
Ouverture by La Bottine Souriante
Overture from Candide by Leonard Bernstein
Expand All @@ -264,7 +274,7 @@ <h2 id="readlistenplay">Read/listen/play</h2>
</p>
<p>
I like it for both background and active listening; it would make an excellent roadtrip companion.I’ve been listening chronologically, but you can start with any episode and it’ll be great. (You don’t have to take
<a href="https://joyzine.org/2023/06/09/radio-review-add-to-playlist-bbc-radio-4-interview-with-presenter-jeffrey-boakye/">my word for it</a>)!
<a target="_blank" rel="noreferrer noopener" href="https://joyzine.org/2023/06/09/radio-review-add-to-playlist-bbc-radio-4-interview-with-presenter-jeffrey-boakye/">my word for it</a>)!
</p>
</li>
</ul>
Expand All @@ -274,7 +284,7 @@ <h2 id="on-being-a-conscientious-human">On being a conscientious human</h2>
<li>
<p>
<strong
>Hazel Weakly’s <a href="https://hazelweakly.me/blog/you-have-one-voice/"><em>You Have One Voice</em></a></strong
>Hazel Weakly’s <a target="_blank" rel="noreferrer noopener" href="https://hazelweakly.me/blog/you-have-one-voice/"><em>You Have One Voice</em></a></strong
>:
</p>
<blockquote>
Expand All @@ -291,7 +301,7 @@ <h2 id="on-being-a-conscientious-human">On being a conscientious human</h2>
<li>
<p>
<strong
>Caleb Hearth’s <a href="https://calebhearth.com/dont-get-distracted"><em>Don’t Get Distracted</em></a></strong
>Caleb Hearth’s <a target="_blank" rel="noreferrer noopener" href="https://calebhearth.com/dont-get-distracted"><em>Don’t Get Distracted</em></a></strong
>:
</p>
<blockquote>
Expand All @@ -305,7 +315,8 @@ <h2 id="on-being-a-conscientious-human">On being a conscientious human</h2>
<li>
<p>
<strong
>Martha Well’s 2017 World Fantasy Awards speech <a href="https://reactormag.com/unbury-the-future-martha-wells-full-speech-from-the-2017-world-fantasy-awards/"><em>Unbury the Future</em></a></strong
>Martha Well’s 2017 World Fantasy Awards speech
<a target="_blank" rel="noreferrer noopener" href="https://reactormag.com/unbury-the-future-martha-wells-full-speech-from-the-2017-world-fantasy-awards/"><em>Unbury the Future</em></a></strong
>:
</p>
<p>Another unfortunately timely read.</p>
Expand All @@ -328,7 +339,7 @@ <h2 id="intense-but-worth-it">Intense but worth it</h2>
<li>
<p>
<strong
>Joshua Kaplan’s <a href="https://www.propublica.org/article/ap3-oath-keepers-militia-mole"><em>The Militia and the Mole</em></a></strong
>Joshua Kaplan’s <a target="_blank" rel="noreferrer noopener" href="https://www.propublica.org/article/ap3-oath-keepers-militia-mole"><em>The Militia and the Mole</em></a></strong
>
(Jan. 4 2025, ProPublica).
</p>
Expand Down Expand Up @@ -361,6 +372,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
>
<div style="padding: 16px">
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DDsGhXdP-KG/?utm_source=ig_embed&amp;utm_campaign=loading"
style="background: #ffffff; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%"
target="_blank"
Expand Down Expand Up @@ -427,6 +440,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
"
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DDsGhXdP-KG/?utm_source=ig_embed&amp;utm_campaign=loading"
style="color: #c9c8cd; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none"
target="_blank"
Expand Down Expand Up @@ -457,6 +472,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
>
<div style="padding: 16px">
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DEhi8EJyx01/?utm_source=ig_embed&amp;utm_campaign=loading"
style="background: #ffffff; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%"
target="_blank"
Expand Down Expand Up @@ -523,6 +540,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
"
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DEhi8EJyx01/?utm_source=ig_embed&amp;utm_campaign=loading"
style="color: #c9c8cd; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none"
target="_blank"
Expand Down Expand Up @@ -553,6 +572,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
>
<div style="padding: 16px">
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DCcWMVlNf4R/?utm_source=ig_embed&amp;utm_campaign=loading"
style="background: #ffffff; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%"
target="_blank"
Expand Down Expand Up @@ -619,6 +640,8 @@ <h2 id="light-and-fluffy">Light and fluffy</h2>
"
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.instagram.com/reel/DCcWMVlNf4R/?utm_source=ig_embed&amp;utm_campaign=loading"
style="color: #c9c8cd; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none"
target="_blank"
Expand All @@ -634,12 +657,8 @@ <h3 id="footnotes-title">Footnotes</h3>
<ol>
<li id="fn1">
<p>
I feel like there’s probably some nice <a href="https://psychology.stackexchange.com/questions/22038/what-is-this-type-of-graph-called">quadrant matrix</a> to be made here, but I’ll leave that for another time.<a
href="#fnref1"
class="footnote-back"
role="doc-backlink"
>↩︎</a
>
I feel like there’s probably some nice <a target="_blank" rel="noreferrer noopener" href="https://psychology.stackexchange.com/questions/22038/what-is-this-type-of-graph-called">quadrant matrix</a> to be made here, but I’ll
leave that for another time.<a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a>
</p>
</li>
<li id="fn2">
Expand Down
8 changes: 4 additions & 4 deletions blog/clapping-music-2/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -218,7 +218,7 @@ <h1>
</h1>
<p>
In response to previous post <a href="../clapping-music-for-flip-disc-displays/"><em>Clapping Music</em> for two flip-disc displays</a>, a reader
<a href="https://lobste.rs/s/70ipvr/blog_clapping_music_for_two_flip_disc">commented</a>
<a target="_blank" rel="noreferrer noopener" href="https://lobste.rs/s/70ipvr/blog_clapping_music_for_two_flip_disc">commented</a>
</p>
<blockquote>
<p>
Expand Down Expand Up @@ -291,7 +291,7 @@ <h2 id="clapping-anything-music"><del>Clapping</del> Anything Music</h2>
</p>
<p>
The default behavior is to print a comment to the command line, which gives a lovely realtime-captioned mashup of <em>Clapping Music</em> with
<a href="https://en.wikipedia.org/wiki/4%E2%80%B233%E2%80%B3">John Cage’s <em>4’33”</em></a
<a target="_blank" rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/4%E2%80%B233%E2%80%B3">John Cage’s <em>4’33”</em></a
>:
</p>
<figure>
Expand Down Expand Up @@ -385,8 +385,8 @@ <h2 id="binary-diversion">Binary diversion</h2>
</iframe>
</div>
<p>
As those of you familiar with counting <a href="https://en.wikipedia.org/wiki/Binary_number">in binary</a> have likely recognized, in this variation, for each the right and left clappers, we are counting the number of claps that
have been clapped thus far.
As those of you familiar with counting <a target="_blank" rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/Binary_number">in binary</a> have likely recognized, in this variation, for each the right and left clappers, we
are counting the number of claps that have been clapped thus far.
</p>
<p>In these displays, one byte of data corresponds to one column of flip-disc board. Let’s send bytes values 0 through 127 (i.e., 2<sup>7</sup>) one at a time, to illustrate:</p>
<div class="sourceCode" id="cb7">
Expand Down
Loading

0 comments on commit 4d6ddc6

Please sign in to comment.