Merge branch 'salvage'

.eleventy.js

@@ -6,6 +6,7 @@ const pluginRss = require("@11ty/eleventy-plugin-rss");
 const configUtils = require('./src/plugins/utils');
 const typeUtils = require('./src/plugins/type');
 const timeUtils = require('./src/plugins/time');
+const imageUtils = require('./src/plugins/image');
 
 module.exports = function(eleventyConfig) {  // Set custom directories for input, output, includes, and data
   eleventyConfig.addNunjucksAsyncFilter("jsmin", async function (
@@ -30,6 +31,7 @@ module.exports = function(eleventyConfig) {  // Set custom directories for input
   eleventyConfig.addPlugin(configUtils);
   eleventyConfig.addPlugin(typeUtils);
   eleventyConfig.addPlugin(timeUtils);
+  eleventyConfig.addPlugin(imageUtils);
 
   // configure json5 support for data files
   eleventyConfig.addDataExtension('json5', JSON5.parse);
@@ -43,6 +45,7 @@ module.exports = function(eleventyConfig) {  // Set custom directories for input
   // assets
   eleventyConfig.addPassthroughCopy("content/css");
   eleventyConfig.addPassthroughCopy("content/fonts");
+  // the ./content/img folder is "legacy" images
   eleventyConfig.addPassthroughCopy("content/img");
   eleventyConfig.addPassthroughCopy("content/vid");
   eleventyConfig.addPassthroughCopy("content/**/*.txt");

content/_includes/content.macros.njk

@@ -65,7 +65,8 @@
             ) -}}
         {%- elif item.video -%}
             {{- video(item.video) -}}
-        {%- else -%}
+        {%- elif item.img -%}
+            {%- img item.img, item.alt, item.sizes, item.attrs -%}
         {%- endif -%}
     {%- endfor -%}
 {%- endmacro %}

content/_includes/page/default.njk

@@ -3,6 +3,7 @@
 
 {# content #}
 {% include "page/content.njk" %}
+{% include "page/footer.njk" %}
 
 {# extra #}
 {% include "page/stream.njk" %}

content/_includes/page/footer.njk

@@ -0,0 +1,7 @@
+{% if (rel and url and venue) %}
+    <footer id="page-footer">
+        <p>
+            {{ rel | capitalize }} from <a href="{{ url }}">{{ venue }}</a>
+        </p>
+    </footer>
+{% endif %}

content/_includes/page/header.njk

@@ -1,6 +1,11 @@
 <header id="page-header">
     <h1>{{ banner }}</h1>
     {% if sub %}
-        <p>{{ sub | mdInline | safe }}</p>
+        <p class="subtitle">{{ sub | mdInline | safe }}</p>
+    {% endif %}
+    {% if date %}
+        <p class="meta">
+            {% if rel == "salvage" %}Originally posted {% endif %}{{ date | date('PPP') }}
+        </p>
     {% endif %}
 </header>

content/_includes/page/stream.njk

@@ -15,9 +15,11 @@
                         {% if item.data.type %}
                             <em>{{ item.data.type }}</em>
                         {% endif %}
-                        &bull;
+                        {% if item.data.venue %}
+                            from <em>{{ item.data.venue }}</em>
+                        {% endif %}
                         {% if item.data.teaser %}
-                            {{ item.data.teaser }}
+                            &bull; {{ item.data.teaser }}
                         {% endif %}
                     </p>
                 </header>

content/index.njk

@@ -50,8 +50,8 @@ preloads:
             </li>
         {%- endfor -%}
         <li>
-            <a href="/ruins/">Ruins</a>
-            <span class="sub">Artifacts saved from collapsing social media empires.</span>
+            <a href="/salvage/">Salvage</a>
+            <p class="sub">Artifacts saved from collapsing social media empires.</p>
         </li>
     </ul>
 

content/lists/salvage.md

@@ -0,0 +1,6 @@
+---
+index: salvage
+title: Salvage
+sub: Artifacts saved from collapsing social media empires.
+permalink: /salvage/
+---

content/salvage/facebook/facebook.json5

@@ -0,0 +1,7 @@
+{
+  venue: "Facebook",
+  tags: [
+    "salvage",
+    "facebook",
+  ],
+}

content/writing/social-media.md → content/salvage/facebook/social-media.md

@@ -1,14 +1,11 @@
 ---
-layout: rime
-tags: facebook
 title: Modern Social Media Etiquette
 type: prose poem
 description: That writhing mass of worms
 attrs:
   html:
     data-palette: malachite
   main:
-    class: content-grid
     data-type-family: serif
 ---
 Ahh, “modern social media etiquette,” that writhing morass of worms, that tempest on the palm of a fortune-teller’s cat, that shower of charged particles released when a cosmic ray strikes the atmosphere, that colloquium of firefighters standing around a week-old cigar butt, that molten crater filled to the brim with lava in the backyard of a hermit, that dream within a dream, that kelp forest of stingrays and barracuda through which we must all swim before entering paradise, that orchestra whose symphonies are composed of ten thousand notes from ten thousand composers’ wastebaskets, that first party after Babel shattered humanity’s tongue and everyone was drunk on horrible red wine, that book in the shape of a twenty-sided die whose facets each contain more text than the complete works of St. Augustine, that land where everything is perfect and also nothing is perfect.

content/salvage/livejournal/livejournal.json5

@@ -0,0 +1,7 @@
+{
+  venue: "Livejournal",
+  tags: [
+    "salvage",
+    "livejournal",
+  ],
+}

content/writing/no-place.md → content/salvage/livejournal/no-place.md

@@ -1,5 +1,5 @@
 ---
-layout: rime
+date: 2007-11-25
 tags: livejournal
 title: No-Place
 type: prose poem
@@ -8,7 +8,6 @@ attrs:
   html:
     data-palette: malachite
   main:
-    class: content-grid
     data-type-family: serif
 ---
 There are no shadows amid gray. Nor heat nor silence nor fear. The skittering, unknown numbness of a hueless sea whose life was long ago lost and fossilized and petrified and stratified and ground to grit by forceless waves. And so the sameness swirls and gray accretes on gray and disperses, whether after eons or seconds none can say, shaping and reshaping in the mind’s eye image after image of old. And true likenesses none, for even Mnemosune’s lies take on life’s colors – hope and din and chill and shadows – while the gray remains gray. It is the unsaid when no words exist, it is the illumined no-bottom, it is not a place, but an absence.

content/salvage/salvage.json5

@@ -0,0 +1,16 @@
+{
+  rel: "salvage",
+  type: "repost",
+  tags: [
+    "salvage",
+  ],
+  layout: "rime",
+  attrs: {
+    main: {
+      class: "content-grid",
+    },
+    body: {
+      class: "a-page",
+    }
+  }
+}

content/salvage/tumblr/against-web-footnotes.md

@@ -0,0 +1,8 @@
+---
+title: Against Web Footnotes
+url: https://pathofleastefficiency.com/post/55100605493/against-web-footnotes
+date: 2013-07-10
+---
+In which I refer to footnotes on the web as "like falling into a teleporter in Quake" and most blog posts as "expectorations."
+
+> Thinking of writing a script or a browser plug-in or something that scans web sites for footnotes, collects them all together in a ball, and launches it into the sun.

content/salvage/tumblr/fear-of-twine.md

@@ -0,0 +1,13 @@
+---
+title: Fear of Twine, Room 1
+url: https://pathofleastefficiency.com/post/78286080186/fear-of-twine-room-1
+date: 2024-03-01
+---
+Brief thoughts on four games made with Twine:
+
+* _Debt_ by Tony Perriello
+* _Duck Ted Bundy_ by Coleoptera-Kinbote
+* _The Conversation I Can’t Have_ by Morgan Rille
+* _The Matter of the Great Red Dragon_ by Jonas Kyratzes
+
+I think I liked them all.

content/salvage/tumblr/my-facebook-movie.md

@@ -0,0 +1,14 @@
+---
+title: My Facebook Movie
+url: https://pathofleastefficiency.com/post/75822756575/my-facebook-movie
+date: 2014-02-06
+---
+No truer Facebook movie was ever made.
+
+> INT. ASTROPHYSICS LAB. AFTER MIDNIGHT.
+
+> CAMERON, bumbling student, is procrastinating writing his thesis
+by playing Nethack. He is typing furiously. In the same room, the
+cool student MAXIMILIAN is relaxing on the couch, wearing
+sunglasses and a pretty wicked scarf and tapping absentmindedly
+on a Blackberry.

content/salvage/tumblr/on-leaving-philadelphia.md

@@ -0,0 +1,18 @@
+---
+title: On Leaving Philadelphia
+sub: a valediction
+url: https://pathofleastefficiency.com/post/30466411316/on-leaving-philadelphia
+date: 2012-08-29
+---
+Words written upon embarking northward, from Philadelphia to Burlington, Vermont.  How can one remain in touch with a past community while also opening oneself to a newer one?
+
+> So once again I’m faced with the urge to change everything, and I’m
+> still scared of it.  But now I feel like that fear is a sign I’m
+> doing the right thing.
+
+> There are so many things it greatly pains me to leave behind, but
+> these things are part of the bedrock of what makes me who I am, and
+> mere distance is not enough to remove them from my life.  I do not
+> leave because my connection to these things is weak, but because it
+> is strong.  So do not fear that I am disappearing forever out of the
+> known world.  This is my next adventure---hope to see you in it.

content/salvage/tumblr/pyrolites.md

@@ -0,0 +1,14 @@
+---
+title: "Goblin Week: Pyrolites"
+url: https://monsterism.tumblr.com/post/74542658086/heres-a-collaborative-piece-i-did-for-goblin-week
+venue: Monsterism
+date: 2014-01-25
+pyrolites:
+  - img: salvage/tumblr/pyrolites.jpg
+    alt: An black-and-white illustration of a pudgy, naked, smug goblin whose arms taper to wings, standing in font of a distant volcanic fumarole.
+---
+{% import "content.macros.njk" as content %}
+
+{{ content.figure(pyrolites, caption="Drawing and text of the fire-imps.  Written by me, art by Marcelo Gallegos", attrs={class: "popout"}) }}
+
+> Pyrolites, or fire-imps, are fiesty, playful goblins that delight in steam vents and lava flows in the volcanoes of the northern mountains.  They adore pleasing sensations and aesthetics, and if one ventures into the high peaks of their homes, they are ever-willing to barter for new delights that can withstand their burning touch.  Their young emerge from scalding pools full of verve and life, reveling and flitting about on wings that are half-flame.  From afar, villages watch their trails at night and call them fireflies.  The aged of the clan are calmer, with eyes of deep red and skin of charcoal grey.  Not so nimble as they once were, but they will charm you nonetheless with a tale of smoke and ash and steam and light, and other such beauties from fires long since dead.

content/salvage/tumblr/remove-design-from-web.md

@@ -0,0 +1,8 @@
+---
+title: Remove Design from Web Design
+url: https://pathofleastefficiency.com/post/76537486224/remove-design-from-web-design
+date: 2014-02-13
+---
+Written during my anger-towards-CSS era.  Things have changed since then.  To be honest, as of 2024 I'm in my love-towards-CSS era and have no real respect for RSS, which seems to be what my old-self would have replaced the web with.
+
+> In my dream society, web design elements like fonts and colors would cease to be mandated by the publisher. Sites would send meta-data that says, for example, “this is an article” and the visitor’s browser would format it according to that person’s reading specifications.

content/salvage/tumblr/shackles-of-syphoning.md

@@ -0,0 +1,17 @@
+---
+title: "You Make The Card: Shackles of Syphoning"
+url: https://pathofleastefficiency.com/post/48308926996/you-make-the-card-shackles-of-syphoning
+date: 2013-04-18
+shackles:
+  - img: salvage/tumblr/shackles-of-syphoning.jpg
+    alt: |
+      Shackles of Syphoning, a magic card. Black enchantment with text: at the beginning of your upkeep, target opponent loses 1 life for each creature you control and you gain that much life.  You can't attack.
+---
+{% import "content.macros.njk" as content %}
+In 2013, Wizards of the Coast held an online event where people were allowed to design, submit, and vote on ideas for a Magic card.  Herein, I ruminated on what that might look like.  Over ten years later, it's cute how quaint this looks.
+
+{{ content.figure(shackles, caption="Shackles of Syphoning") }}
+
+> I ended up spending [more time than I thought I would](https://scryfall.com/card/tsp/43/temporal-isolation) on this. Shackles of Syphoning was the second design I came up with, but I kept going until I had templated a moderner version of [Purgatory](https://scryfall.com/card/mir/275/purgatory), a bizarre mash-up of [Demonic Consultation](https://scryfall.com/card/ice/121/demonic-consultation), [Liar’s Pendulum](https://scryfall.com/card/mrd/196/liars-pendulum), and [Choice of Damnations](https://scryfall.com/card/sok/62/choice-of-damnations), which would have been better off as a sorcery and probably had too much text anyway, [Smokestack](https://scryfall.com/card/usg/309/smokestack)-in-reverse, and a possibly fun, slightly asymmetrical but sort of unexciting Deathtouch [monger](https://scryfall.com/search?q=monger+block%3Amasques&unique=cards&as=grid&order=name) thing.
+
+> There may still be latent potential in those ideas. I might revist them. Yet the more I thought about the Shackles of Syphoning idea, [the more I liked it](https://scryfall.com/card/dka/11/increasing-devotion). From a flavor perspective, I imagine this as enchanted bonds which immobilizes or weakens all of your creatures and ties them together into a dark, mana-woven web that leeches life from your enemies. You are putting them on a magical leash, giving them only enough freedom to defend you, and sapping any excess energy from them to fuel your life-syphoning spell. Seems like something a black mage would do.

content/salvage/tumblr/tumblr.json5

@@ -0,0 +1,7 @@
+{
+  venue: "Path of Least Efficiency",
+  tags: [
+    "salvage",
+    "tumblr",
+  ],
+}

content/salvage/tumblr/xoralg-goblins.md

@@ -0,0 +1,14 @@
+---
+title: "Goblin Week: Xoralg"
+url: https://monsterism.tumblr.com/post/74607142367/and-heres-the-second-illustration-i-did-for
+venue: Monsterism
+date: 2014-01-26
+xoralg:
+  - img: salvage/tumblr/xoralg.jpg
+    alt: A black-and-white illustration of a half-goblin, half-fish creature with dark, frayed hair, bare breasts, and a sinister, noseless face with bared teeth and ears that look like fins.
+---
+{% import "content.macros.njk" as content %}
+
+{{ content.figure(xoralg, caption="Drawing and text of the aquatic goblin.  Written by me, art by Marcelo Gallegos", attrs={class: "popout"}) }}
+
+> The aquatic goblins of Xoralg are reclusive, secretive, and capricious as the seas that are their home.  Matrons will sneak into coral reefs on moonless nights to replace the egg of a moray eel with one of their own.  A goblin reared by eels will inherit their slithery, furtive nature, as well as their greed for gold.  Gangs of Xoralgians have been known to ride the bottoms of boats until they are far from land, and then with the aid of sawfish breach the hull to steal treasure.  The empty hulls they leave behind, shattered on the seafloor.  The gold they secret away to deep caches whispered about by jellyfish and lit only by phosphorescent hunters even more foul than they.