Reboot blogging

src/README.md

@@ -10,79 +10,96 @@ title: null
 <section class="portfolio grid-container">
 
   <div>
-    <h2 id="rad-porfolio"><a href="./jobs/littlstar/">Littlstar Portfolio</a></h2>
+    <h2 id="breadcrum"><a href="https://breadcrum.net">Breadcrum</a></h2>
     <figure>
-      <a href="./jobs/littlstar/">
-        <img loading="auto" src="./static/rad-portfolio-preview.jpg" alt="rad screenshot">
+      <a href="https://breadcrum.net">
+        <picture>
+          <source srcset="./static/breadcrum-dark.png" media="(prefers-color-scheme: dark)">
+          <img loading="auto" src="./static/breadcrum-light.png" alt="Screenshot of Breadcrum.app">
+        </picture>
       </a>
-      <figcaption>A look at my work at Little Star Media Inc.</figcaption>
+      <figcaption><a href="https://breadcrum.net">Breadcrum</a>: a bookmarking service with full text archiving and search and podcasting support for media from all around the web.</figcaption>
     </figure>
+    <ul>
+      <li class="lang html"><a href="https://breadcrum.net">breadcrum.net</a></li>
+      <li class="lang js"><a href="https://github.com/hifiwi-fi/breadcrum.net">hifiwi-fi/breadcrum.net</a></li>
+      <li class="lang twitter">Follow <a href="https://twitter.com/breadcrum_">@breadcrum_</a> on twitter</li>
+    </ul>
   </div>
 
   <div>
-    <h2 id="package-automation"><a href="./projects/package-automation/">pkg automation</a></h2>
+    <h2 id="gumcast"><a href="https://gumcast.com/">gumcast</a></h2>
     <figure>
-      <a href="./projects/package-automation/"><img loading="auto" src="./projects/package-automation/forerunner_structure.jpg" alt="a picture of the future"></a>
-      <figcaption>Fully Automated Luxury Space Age Package Maintenance, as a blogpost. (<a href="https://lortarkam.wordpress.com/2017/04/12/how-should-the-forerunners-really-look/">Img Source</a>)</figcaption>
+      <a href="https://gumcast.com"><img loading="auto" src="static/gumcast.svg" alt="gumcast logo"></a>
+      <figcaption>Custom API service allowing you to subscribe to any product on <a href="https://gumroad.com">Gumroad</a> as a Podcast.</figcaption>
     </figure>
     <ul>
-      <li class="lang js"><a href="https://github.com/bcomnes/npm-bump">bcomnes/npm-bump</a></li>
-      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1311034520305569800">Blogpost discussion thread</a></li>
+      <li class="lang html"><a href="https://gumcast.com/">gumcast.com</a></li>
+      <li class="lang js"><a href="https://github.com/gumcast/gumcast-api">gumcast/gumcast-api</a></li>
+      <li class="lang js"><a href="https://github.com/gumcast/gumcast-client">gumcast/gumcast-client</a></li>
     </ul>
   </div>
 
   <div>
-    <h2 id="vhs-tape"><a href="https://github.com/hyperdivision/vhs-tape">vhs-tape</a></h2>
+    <h2 id="hifiwifi"><a href="https://hifiwi.fi">HifiWi.fi</a></h2>
     <figure>
-      <a href="https://github.com/hyperdivision/vhs-tape"><img loading="auto" src="static/vhs-tape.png" alt="VHS-Tape logo"></a>
-      <figcaption>Generic component unit testing with async/await. (Logo by <a href="https://github.com/tony-go">@tony-go</a>)</figcaption>
+      <a href="https://hifiwi.fi">
+        <picture>
+          <source srcset="./static/hifiwifi-dark.png" media="(prefers-color-scheme: dark)">
+          <img loading="auto" src="./static/hifiwifi-light.png" alt="Screenshot of hifiwi.fi">
+        </picture>
+      </a>
+      <figcaption>HifiWi.fi: High fidelity internet products. Catch all technical contracting (App development to mesh network deployments).</figcaption>
     </figure>
     <ul>
-      <li class="lang js"><a href="https://github.com/hyperdivision/vhs-tape">hyperdivision/vhs-tape</a></li>
-      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1153690382703693830">Announcement 📺</a></li>
-      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1168462157777899527">Headless test runner 📺</a></li>
+      <li class="lang html"><a href="https://hifiwi.fi">hifiwi.fi</a></li>
+      <li class="lang html"><a href="https://github.com/hifiwi-fi/hifiwi.fi">hifiwi-fi/hifiwi.fi</a></li>
+      <li class="lang js"><a href="https://github.com/hifiwi-fi/yt-dlp-api">hifiwi-fi/yt-dlp-api</a></li>
+      <li class="lang js"><a href="https://github.com/hifiwi-fi/bc-dlp">hifiwi-fi/bc-dlp</a></li>
+      <li class="lang twitter">Follow <a href="https://twitter.com/hifiwi_fi">@hifiwi_fi</a> on twitter</li>
     </ul>
   </div>
 
   <div>
-    <h2 id="hyperamp"><a href="https://github.com/hypermodules/hyperamp">Hyperamp</a></h2>
+    <h2 id="package-automation"><a href="./projects/package-automation/">pkg automation</a></h2>
     <figure>
-      <a href="https://github.com/hypermodules/hyperamp"><img loading="auto" src="static/hyperamp.png" alt="Screenshot of Hyperamp"></a>
-      <figcaption>Cross platform audio library app. (<a href="https://git.io/vFwz6">Download Beta</a>)</figcaption>
+      <a href="./projects/package-automation/"><img loading="auto" src="./projects/package-automation/forerunner_structure.jpg" alt="a picture of the future"></a>
+      <figcaption>Fully Automated Luxury Space Age Package Maintenance, as a blog post. (<a href="https://lortarkam.wordpress.com/2017/04/12/how-should-the-forerunners-really-look/">image Source</a>)</figcaption>
     </figure>
     <ul>
-      <li class="lang js"><a href="https://github.com/hypermodules/hyperamp">hypermodules/hyperamp</a></li>
-      <li class="lang js"><a href="https://github.com/hypermodules/entypo">hypermodules/entypo</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/npm-bump">bcomnes/npm-bump</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/esm-template">bcomnes/esm-template</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/cjs-template">bcomnes/cjs-template</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/dual-package-template">bcomnes/dual-package-template</a></li>
+      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1311034520305569800">Blog post discussion thread</a></li>
     </ul>
   </div>
 
   <div>
-    <h2 id="datcast"><a href="https://dat-cast.hashbase.io">Datcast</a></h2>
+    <h2 id="hyperamp"><a href="https://github.com/hypermodules/hyperamp">Hyperamp</a></h2>
     <figure>
-      <a href="https://dat-cast.hashbase.io"><img loading="auto" height="256" src="static/datcast.png" alt="Datcast logo"></a>
-      <figcaption>Podcast exploring the people building the p2p web with <a href="https://twitter.com/jimpick">@jimpick</a></figcaption>
+      <a href="https://github.com/hypermodules/hyperamp"><img loading="auto" src="static/hyperamp.png" alt="Screenshot of Hyperamp"></a>
+      <figcaption>Cross platform audio library app. (<a href="https://git.io/vFwz6">Download Beta</a>)</figcaption>
     </figure>
     <ul>
-      <li class="lang twitter">Follow <a href="https://twitter.com/dat_cast">@dat_cast</a> on twitter</li>
+      <li class="lang js"><a href="https://github.com/hypermodules/hyperamp">hypermodules/hyperamp</a></li>
+      <li class="lang js"><a href="https://github.com/hypermodules/entypo">hypermodules/entypo</a></li>
+      <li class="lang twitter">Follow <a href="https://twitter.com/hyperampapp">@hyperampapp</a> on twitter</li>
     </ul>
-    <a href="https://podcasts.apple.com/us/podcast/datcast/id1377475849?mt=2&app=podcast" style="display:inline-block;overflow:hidden;background:url(static/US_UK_Apple_Podcasts_Listen_Badge_RGB.svg) no-repeat;width:165px;height:40px;"></a>
-    <a href="https://dat-cast.hashbase.io/feed.xml">
-      <img height="40" src="static/atom.svg" />
-    </a>
   </div>
 
   <div>
-    <h2 id="netlify"><a href="/jobs/netlify/">Netlify Portfolio</a></h2>
+    <h2 id="json-feed"><a href="https://jsonfeed.org">News Feed Tools</a></h2>
     <figure>
-      <a href="/jobs/netlify/"><img loading="auto" src="static/netlify.png" alt="Screenshot of Netlify website"></a>
-      <figcaption>I worked at <a href="https://www.netlify.com">Netlify</a> on product features, platform architecture and open-source.</figcaption>
+      <a href="https://github.com/bcomnes/jsonfeed-to-rss"><img loading="auto" src="static/jsonfeed-to-rss.png" alt="Screenshot of JSONFeed-to-RSS"></a>
+      <figcaption>Simple tools to support a JSON Feed first workflow, while still supporting legacy RSS and Atom for websites and podcasting.</figcaption>
     </figure>
     <ul>
-      <li class="lang docker"><a href="https://github.com/netlify/build-image">netlify/build-image</a></li>
-      <li class="lang go"><a href="https://godoc.org/github.com/netlify/open-api/go">netlify/open-api/go</a></li>
-      <li class="lang js"><a href="https://github.com/netlify/js-client">netlify/js-client</a></li>
-      <li class="lang js"><a href="http://github.com/netlify/cli">netlify/cli</a></li>
-      <li class="lang js"><a href="https://github.com/netlify/cli-utils">netlify/cli-utils</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-to-rss">bcomnes/jsonfeed-to-rss</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-to-atom">bcomnes/jsonfeed-to-atom</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/generate-feed">bcomnes/generate-feed</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/podcast-categories">bcomnes/podcast-categories</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-converter">bcomnes/jsonfeed-converter</a></li>
     </ul>
   </div>
 
@@ -100,14 +117,61 @@ title: null
   </div>
 
   <div>
-    <h2 id="gumcast"><a href="https://github.com/bcomnes/gumcast-api">Gumcast</a></h2>
+    <h2 id="vhs-tape"><a href="https://github.com/hyperdivision/vhs-tape">vhs-tape</a></h2>
+    <figure>
+      <a href="https://github.com/hyperdivision/vhs-tape"><img loading="auto" src="static/vhs-tape.png" alt="VHS-Tape logo"></a>
+      <figcaption>Generic component unit testing with async/await. (Logo by <a href="https://github.com/tony-go">@tony-go</a>)</figcaption>
+    </figure>
+    <ul>
+      <li class="lang js"><a href="https://github.com/hyperdivision/vhs-tape">hyperdivision/vhs-tape</a></li>
+      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1153690382703693830">Announcement 📺</a></li>
+      <li class="lang twitter"><a href="https://twitter.com/bcomnes/status/1168462157777899527">Headless test runner 📺</a></li>
+    </ul>
+  </div>
+
+  <div>
+    <h2 id="rad-porfolio"><a href="./jobs/littlstar/">Littlstar Portfolio</a></h2>
+    <figure>
+      <a href="./jobs/littlstar/">
+        <img loading="auto" src="./static/rad-portfolio-preview.jpg" alt="rad screenshot">
+      </a>
+      <figcaption>A look at my work at Little Star Media Inc.</figcaption>
+    </figure>
+    <ul>
+      <li class="lang js"><a href="https://github.com/bcomnes/async-folder-walker">bcomnes/async-folder-walker</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/netrc-creds">bcomnes/netrc-creds</a></li>
+      <li class="lang js"><a href="https://github.com/bcomnes/get-git-tag">bcomnes/get-git-tag</a></li>
+    </ul>
+  </div>
+
+  <div>
+    <h2 id="netlify"><a href="/jobs/netlify/">Netlify Portfolio</a></h2>
+    <figure>
+      <a href="/jobs/netlify/"><img loading="auto" src="static/netlify.png" alt="Screenshot of Netlify website"></a>
+      <figcaption>I worked at <a href="https://www.netlify.com">Netlify</a> on product features, platform architecture and open-source.</figcaption>
+    </figure>
+    <ul>
+      <li class="lang docker"><a href="https://github.com/netlify/build-image">netlify/build-image</a></li>
+      <li class="lang go"><a href="https://godoc.org/github.com/netlify/open-api/go">netlify/open-api/go</a></li>
+      <li class="lang js"><a href="https://github.com/netlify/js-client">netlify/js-client</a></li>
+      <li class="lang js"><a href="http://github.com/netlify/cli">netlify/cli</a></li>
+      <li class="lang js"><a href="https://github.com/netlify/cli-utils">netlify/cli-utils</a></li>
+    </ul>
+  </div>
+
+  <div>
+    <h2 id="datcast"><a href="https://dat-cast.hashbase.io">Datcast</a></h2>
     <figure>
-      <a href="https://github.com/bcomnes/gumcast-api"><img loading="auto" src="static/gumcast.svg" alt="gumcast logo"></a>
-      <figcaption>Custom API servce allowing you to subscrube to any product on <a href="https://gumroad.com">Gumroad</a> as a Podcast. (WIP)</figcaption>
+      <a href="https://dat-cast.hashbase.io"><img loading="auto" height="256" src="static/datcast.png" alt="Datcast logo"></a>
+      <figcaption>Podcast exploring the people building the p2p web with <a href="https://twitter.com/jimpick">@jimpick</a></figcaption>
     </figure>
     <ul>
-      <li class="lang js"><a href="https://github.com/bcomnes/gumcast-api">bcomnes/gumcast-api</a></li>
+      <li class="lang twitter">Follow <a href="https://twitter.com/dat_cast">@dat_cast</a> on twitter</li>
     </ul>
+    <a href="https://podcasts.apple.com/us/podcast/datcast/id1377475849?mt=2&app=podcast" style="display:inline-block;overflow:hidden;background:url(static/US_UK_Apple_Podcasts_Listen_Badge_RGB.svg) no-repeat;width:165px;height:40px;"></a>
+    <a href="https://dat-cast.hashbase.io/feed.xml">
+      <img height="40" src="static/atom.svg" />
+    </a>
   </div>
 
   <div>
@@ -125,31 +189,17 @@ title: null
     </ul>
   </div>
 
-  <div>
-    <h2 id="json-feed"><a href="https://jsonfeed.org">News Feed Tools</a></h2>
-    <figure>
-      <a href="https://github.com/bcomnes/jsonfeed-to-rss"><img loading="auto" src="static/jsonfeed-to-rss.png" alt="Screenshot of JSONFeed-to-RSS"></a>
-      <figcaption>Simple tools to support a JSON Feed first workflow, while still supporting legacy RSS and Atom for websites and podcasting.</figcaption>
-    </figure>
-    <ul>
-      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-to-rss">bcomnes/jsonfeed-to-rss</a></li>
-      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-to-atom">bcomnes/jsonfeed-to-atom</a></li>
-      <li class="lang js"><a href="https://github.com/bcomnes/generate-feed">bcomnes/generate-feed</a></li>
-      <li class="lang js"><a href="https://github.com/bcomnes/podcast-categories">bcomnes/podcast-categories</a></li>
-      <li class="lang js"><a href="https://github.com/bcomnes/jsonfeed-converter">bcomnes/jsonfeed-converter</a></li>
-    </ul>
-  </div>
-
   <div>
     <h2 id="hypermodules"><a href="https://hypermodul.es">Hypermodul.es</a></h2>
     <figure>
       <a href="https://hypermodul.es"><img loading="auto" src="static/hypermodules.png" alt="Screenshot of hypermodules website"></a>
-      <figcaption>Open source <a href="https://github.com/hypermodules/">development studio</a> LLC.</figcaption>
+      <figcaption>Open source <a href="https://github.com/hypermodules/">development studio</a> LLC. (Closed 2021)</figcaption>
     </figure>
     <ul>
       <li class="lang html"><a href="https://github.com/hypermodules/hypermodul.es">hypermodules/hypermodul.es</a></li>
       <li class="lang js"><a href="https://github.com/hypermodules/changelog-init">hypermodules/changelog-init</a></li>
       <li class="lang html"><a href="https://github.com/hypermodules/irc.hypermodul.es">hypermodules/irc.hypermodul.es</a></li>
+      <li class="lang twitter">Follow <a href="https://twitter.com/hypermodul_es">@hypermodul_es</a> on twitter</li>
     </ul>
   </div>
 

src/blog/2023/README.md

@@ -0,0 +1,4 @@
+
+# 2023 Blog posts
+
+- [Hello world (again...) 🌎](./hello-world-again/) - Wed Aug 30 11:06:24 2023

src/blog/2023/hello-world-again/README.md

@@ -0,0 +1,50 @@
+---
+published: Wed Aug 30 11:06:24 2023
+type: blog
+---
+
+# Hello world (again...) 🌎
+
+[![sunset](./sunset.jpeg)](./sunset.jpeg)
+
+This blog has been super quiet lately, sorry about that.
+I had some grand plans for finishing up my website tools to more seamlessly
+support blogging.
+
+The other day around 3AM, I woke up and realized that the tools aren't stopping me
+from writing, I am.
+Also my silently implemented policy about not writing about 'future plans and ideas before they are ready' was implemented far to strictly.
+It is in fact a good thing to write about in-progress ideas and projects slightly out into the future.
+This is realistic, interesting, and avoids the juvenile trap of spilling ideas in front of the world to see you never realize.
+So here I am writing a blog post again.
+
+Anyway, no promises, but it is my goal to write various *ahem* opinions, thoughts and ideas more often because nothing ever happens unless you write it down.
+
+## Some basic updates
+
+Here are some updates from the last couple years that didn't make it onto this site before.
+
+- I'm back in [California](https://www.openstreetmap.org/#map=13/40.8455/-124.0532).
+- I moved a bunch (homes, jobs). I bought a home and then sold it. I don't recommend it!
+- I have a son and a daughter and am married. I recommend this!
+- I started a new Business [HifiWi.fi](https://hifiwi.fi)
+- The first product is [Breadcrum](http://breadcrum.net/), a bookmarking service with textual and media archiving super powers.
+- HifiWi has subsumed operation of [Gumcast](http://gumcast.com/), a tool to allow podcasting with GumRoad. Without advertising, it has picked up 100s of users organically from search results.
+- I had a near 2 year tenure at [Socket Inc](https://socket.dev) dabbling in GitHub apps and npm security concerns.
+- I'm now working at [socketsupply.co](https://socketsupply.co) on a runtime and P2P full time again.
+- I still work remote and intend to continue working remote.
+- A bunch of my projects are running on my own website/app builder too called [siteup](https://github.com/bcomnes/siteup). It's maybe a 3rd of the way done, but has been useful for about 90% of my needs. I would like to write up a proper blog post about it someday.
+- [bcomnes/deploy-to-neocities](https://github.com/bcomnes/deploy-to-neocities/) has 300+ public users deploying websites from GitHub actions to Neocities.
+- My fork [bcomnes/npm-run-all2](https://github.com/bcomnes/npm-run-all2) (co-maintained by [voxpelli.com](https://voxpelli.com)) has picked up 1000+ public dependents.
+- Now that twitter (*ahem* x) has completely abandoned its charter as an open web website, you can find me posting on [@bcomnes@fosstodon.org](https://fosstodon.org/@bcomnes) and [@bret.io on bsky](https://bsky.app/profile/bret.io). I would like to make this website authoritative though for me posts though.
+- I'm very luck to have a new office that is a 1 minute walk from home:
+
+[![pic of the office](./office.jpeg)](./office.jpeg)
+
+<p>
+  Published: <a href="/blog/2023/hello-world-again/">
+    <time datetime="2023-08-30T18:06:24.000Z">
+      Wed Aug 30 11:06:24 2023
+    </time>
+  </a>
+</p>

src/blog/README.md

@@ -0,0 +1,3 @@
+# Blog Index
+
+- [2023](./2023/)

src/log/2023.json

@@ -0,0 +1,9 @@
+[
+  {
+    "content": "Hello world (again...) 🌎",
+    "type": "md",
+    "date": "2023-08-30T18:06:24.000Z",
+    "path": "../blog/2023/hello-world-again/README.md",
+    "url": "https://bret.io/2023/hello-world-again/"
+  }
+]

src/root.layout.js

@@ -47,6 +47,7 @@ export default async function rootLayout ({
     <nav class="top-bar hide-print">
       <a href="/" class="top-bar-title" title="home">bret.io</a>
       <a href="/cv/" class="top-bar-link" title="resume">cv</a>
+      <a href="/blog/" class="top-bar-link" title="blog">blog</a>
       <a href="https://hifiwi.fi" class="top-bar-link" title="HifiWi.fi">hifiwi.fi</a>
       <span class="top-bar-right">
         <span class="top-bar-link" >