page.html

<header itemscope itemtype="http://schema.org/Person" class="header h-card">
  <img loading="auto" class="avatar u-photo" src="/favicons/apple-touch-icon-1024x1024.png" itemprop="image" alt="avatar" height="128" width="128">
  <h1 class="title p-name" itemprop="name"><a class="u-url" rel="me" href="/">Bret Comnes</a></h1>
  <p class="subtitle p-job-title p-note" itemprop="jobTitle">
    JS •
    TS •
    Go
  </p>
</header>

<section class="recent-post-section">
  <h2 id="recent-posts" class="section-header"><a href="#recent-posts">Posts</a></h2>
  <div class="recent-post-container">
    {{{ vars.blogPostsHtml }}}
  </div>
</section>

<section>
  <h2 id="current" class="section-header"><a href="#current">Projects</a></h2>

  <div class="portfolio grid-container">
    <div>
      <h3 id="breadcrum"><a href="https://breadcrum.net">Breadcrum</a></h3>
      <figure>
        <a href="https://breadcrum.net">
          <picture>
            <source srcset="./portfolio-img/breadcrum-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/breadcrum-light.png" alt="Screenshot of Breadcrum.app">
          </picture>
        </a>
        <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. Send any media to your phone/laptop/watch/tv/car. Full text search every article you've ever read.</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>
      <h3 id="gumcast"><a href="https://gumcast.com/">gumcast</a></h3>
      <figure>
        <a href="https://gumcast.com"><img loading="auto" src="portfolio-img/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 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>
      <h3 id="top-bun">🥐 <a href="https://top-bun.org">top-bun</a></h3>
      <figure>
        <a href="https://top-bun.org">
          <picture>
            <source srcset="./portfolio-img/top-bun-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/top-bun-light.png" alt="Screenshot of hifiwi.fi">
          </picture>
        </a>
        <figcaption><code>top-bun</code>: a traditional web bakery made with html, md, css and js. A bakery themed web framework that’s as fun as making bread.</figcaption>
      </figure>
      <ul>
        <li class="lang html"><a href="https://top-bun.org">top-bun.org</a></li>
        <li class="lang js"><a href="https://github.com/bcomnes/top-bun">bcomnes/top-bun</a></li>
      </ul>
    </div>

    <div>
      <h3 id="package-automation"><a href="./projects/package-automation/">pkg automation</a></h3>
      <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 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/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>
      </ul>
    </div>

    <div>
      <h3 id="npm-run-all2"><a href="https://github.com/bcomnes/npm-run-all2">npm-run-all2</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/npm-run-all2">
          <picture>
            <source srcset="./portfolio-img/npmra-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/npmra-light.png" alt="Screenshot of npm-run-all2">
          </picture>
        </a>
        <figcaption>Automated maintenance fork of <a href="https://github.com/mysticatea/npm-run-all">npm-run-all</a>. A module for organizing and running npm scripts in series and parallel. <a href="https://github.com/bcomnes/npm-run-all2/network/dependents">11.1k dependents</a> and growing.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/npm-run-all2">bcomnes/npm-run-all2</a></li>
      </ul>
    </div>

    <div>
      <h3 id="cpx2"><a href="https://github.com/bcomnes/cpx2">cpx2</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/cpx2">
          <picture>
            <source srcset="./portfolio-img/cpx-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/cpx-light.png" alt="Screenshot of cpx2">
          </picture>
        </a>
        <figcaption>Automated maintenance fork of <a href="https://github.com/mysticatea/cpx">cpx</a>. A module for fancy file copying, globbing, watching and transforming. <a href="https://github.com/bcomnes/cpx2/network/dependents">1.1k+ dependents</a> and growing</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/cpx2">bcomnes/cpx2</a></li>
      </ul>
    </div>

    <div>
      <h3 id="deploy-to-neocities"><a href="https://deploy-to-neocities.neocities.org">deploy-to-neocities</a></h3>
      <figure>
        <a href="https://deploy-to-neocities.neocities.org">
          <picture>
            <!-- <source srcset="./portfolio-img/hifiwifi-dark.png" media="(prefers-color-scheme: dark)"> -->
            <img loading="auto" src="./portfolio-img/deploy-to-neocities.jpg" alt="Screenshot of deploy-to-neocities">
          </picture>
        </a>
        <figcaption>deploy-to-neocities is a GitHub action that lets you effortlessly deploy a static website to <a href="">Neocities</a> with hyperefficient content aware diffing.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/marketplace/actions/deploy-to-neocities">
        deploy-to-neocities</a></li>
        <li class="lang html"><a href="https://deploy-to-neocities.neocities.org">
        deploy-to-neocities.neocities.org</a></li>
        <li class="lang js"><a href="https://github.com/bcomnes/async-neocities">bcomnes/async-neocities</a></li>
      </ul>
    </div>

    <div>
      <h3 id="json-feed"><a href="https://github.com/bcomnes/jsonfeed-to-rss">jsonfeed-to-rss</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/jsonfeed-to-rss"><img loading="auto" src="portfolio-img/jsonfeed-to-rss.png" alt="Screenshot of JSONFeed-to-RSS"></a>
        <figcaption>Library to support a <a href="https://www.jsonfeed.org">JSONFeed</a> first workflow when generating legacy RSS feeds.</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>
      </ul>
    </div>

    <div>
      <h3 id="fetch-undici"><a href="https://github.com/bcomnes/fetch-undici">fetch-undici</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/fetch-undici">
          <picture>
            <source srcset="./portfolio-img/fetch-undici-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/fetch-undici-light.png" alt="Screenshot of fetch-undici">
          </picture>
        </a>
        <figcaption>fetch-undici provides universal exports for the <code>fetch</code> in the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">browser</a> and <a href="https://github.com/nodejs/undici">Node.js.</a></figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/fetch-undici">bcomnes/fetch-undici</a></li>
      </ul>
    </div>

    <div>
      <h3 id="mine-css"><a href="https://mine-css.neocities.org">mine.css</a></h3>
      <figure>
        <a href="https://mine-css.neocities.org">
          <picture>
            <source srcset="./portfolio-img/mine-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/mine-light.png" alt="Screenshot of mine.cc">
          </picture>
        </a>
        <figcaption>mine.css is a classless stylesheet for making a website look more like a GitHub readme. It's a fork of <a href="https://github.com/ungoldman/style.css">style.css</a> ported to <a href="https://postcss.org">post.css</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS variables</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme">darkmode</a> and includes basic form styling.</figcaption>
      </figure>
      <ul>
        <li class="lang html"><a href="https://mine-css.neocities.org">mine-css.neocities.org</a></li>
        <li class="lang css"><a href="https://github.com/bcomnes/mine.css">bcomnes/mine.css</a></li>
      </ul>
    </div>

    <div>
      <h3 id="async-folder-walker"><a href="https://github.com/bcomnes/async-folder-walker">async-folder-walker</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/async-folder-walker">
          <picture>
            <!-- <source srcset="./portfolio-img/hifiwifi-dark.png" media="(prefers-color-scheme: dark)"> -->
            <img loading="auto" src="./portfolio-img/async-folder-walker.jpeg" alt="Screenshot of async-folder-walker">
          </picture>
        </a>
        <figcaption><code>async-folder-walker</code> is an <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncGenerator">async-generator</a> that emits information about contents inside of directory.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/async-folder-walker">bcomnes/async-folder-walker</a></li>
      </ul>
    </div>
    <div>
      <h3 id="resolve-email"><a href="https://github.com/bcomnes/resolve-email">resolve-email</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/resolve-email">
          <picture>
            <source srcset="./portfolio-img/resolve-email-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/resolve-email-light.png" alt="Screenshot of resolve-email">
          </picture>
        </a>
        <figcaption>If you ever need to accept user generated emails, run them through<code>resolve-email</code>. It will resolve the email address for deliverability, and also filter out a bunch of junk email providers.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/resolve-email">bcomnes/resolve-email</a></li>
      </ul>
    </div>
    <div>
      <h3 id="uhtml-isomorphic"><a href="https://github.com/bcomnes/uhtml-isomorphic">uhtml-isomorphic</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/uhtml-isomorphic">
          <picture>
            <source srcset="./portfolio-img/uhtml-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/uhtml-light.png" alt="Screenshot of uhtml-isomorphic">
          </picture>
        </a>
        <figcaption>Universal exports of <a href="https://github.com/WebReflection/uhtml">uhtml</a> and <a href="https://github.com/WebReflection/uland">uland</a>. A small, high performance tagged template literal functional reactive template library. These are the best frontend module's you've never heard of.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/uhtml-isomorphic">bcomnes/uhtml-isomorphic</a></li>
        <li class="lang js"><a href="https://github.com/bcomnes/uland-isomorphic">bcomnes/uland-isomorphic</a></li>
      </ul>
    </div>
    <div>
      <h3 id="gh-actions"><a href="https://github.com/marketplace?category=&type=actions&verification=&query=bcomnes">GitHub Actions</a></h3>
      <figure>
        <a href="https://github.com/marketplace/actions/netrc-creds">
          <picture>
            <source srcset="./portfolio-img/netrc-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/netrc-light.png" alt="Screenshot of netrc-actions">
          </picture>
        </a>
        <figcaption>My collection of various GitHub Actions that I use and maintain.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/marketplace/actions/netrc-creds">netrc-creds</a></li>
        <li class="lang js"><a href="https://github.com/marketplace/actions/get-git-tag">get-git-tag</a></li>
        <li class="lang js"><a href="https://github.com/marketplace/actions/cleanup-xvfb">cleanup-xvfb</a></li>
      </ul>
    </div>
    <div>
      <h3 id="local-storage-proxy"><a href="https://github.com/bcomnes/local-storage-proxy/">local-storage-proxy</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/local-storage-proxy/">
          <picture>
            <!-- <source srcset="./portfolio-img/hifiwifi-dark.png" media="(prefers-color-scheme: dark)"> -->
            <img loading="auto" src="./portfolio-img/lsp.gif" alt="Screenshot of lsp">
          </picture>
        </a>
        <figcaption>Access <code>window.localStorage</code> keys as if they were an object. Uses recursive <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy"><code>proxy</code></a> objects.</figcaption>
      </figure>
      <ul>
        <li class="lang html"><a href="https://github.com/bcomnes/local-storage-proxy/">bcomnes/local-storage-proxy</a></li>
      </ul>
    </div>

    <div>
      <h2 id="standard" ><a href="https://standardjs.com">Standard JS</a></h2>
      <figure>
        <a href="https://standardjs.com"><img loading="auto" src="portfolio-img/standard.jpeg" alt="Screenshot of Standard website"></a>
        <figcaption>Maintainer, contributor and advisor to the <a href="https://github.com/standard/standard">Standard JS</a> linter and formatter project, used by <a href="https://twitter.com/feross/status/740592720230518784/photo/1">Timbl</a> and <a href="https://twitter.com/BrendanEich/status/741277499376603138">B.Eich</a>.</figcaption>
      </figure>
      <ul>
        <li class="lang python"><a href="https://github.com/bcomnes/sublime-standard-format">bcomnes/sublime-standard-format</a></li>
        <li class="lang html"><a href="https://github.com/standard/standard-www">standard/standard-www</a></li>
        <li class="lang js"><a href="https://github.com/standard/standard">standard/standard</a></li>
      </ul>
    </div>

    <div>
      <h3 id="hifiwifi"><a href="https://hifiwi.fi">HifiWi.fi</a></h3>
      <figure>
        <a href="https://hifiwi.fi">
          <picture>
            <source srcset="./portfolio-img/hifiwifi-dark.png" media="(prefers-color-scheme: dark)">
            <img loading="auto" src="./portfolio-img/hifiwifi-light.png" alt="Screenshot of hifiwi.fi">
          </picture>
        </a>
        <figcaption>HifiWi.fi: High fidelity internet products. Catchall <abbr title="Doing Buisness As">DBA</abbr> opensource/professional contracting entity.</figcaption>
      </figure>
      <ul>
        <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 twitter">Follow <a href="https://twitter.com/hifiwi_fi">@hifiwi_fi</a> on twitter</li>
      </ul>
    </div>
  </div>
</section>

<section>
  <h2 id="past" class="section-header"><a href="#past">Past</a></h2>

  <div class="portfolio grid-container">

    <div>
      <h3 id="hyperamp"><a href="https://github.com/hypermodules/hyperamp">Hyperamp</a></h3>
      <figure>
        <a href="https://github.com/hypermodules/hyperamp"><img loading="auto" src="portfolio-img/hyperamp.png" alt="Screenshot of Hyperamp"></a>
        <figcaption>Cross platform audio library app. (<a href="https://github.com/hypermodules/hyperamp/releases/">Download</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 twitter">Follow <a href="https://twitter.com/hyperampapp">@hyperampapp</a> on twitter</li>
      </ul>
    </div>
    <div>
      <h3 id="rad-porfolio"><a href="./jobs/littlstar/">Littlstar</a></h3>
      <figure>
        <a href="./jobs/littlstar/">
          <img loading="auto" src="./portfolio-img/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/little-core-labs">little-core-labs</a></li>
      </ul>
    </div>
    <div>
      <h3 id="netlify"><a href="/jobs/netlify/">Netlify</a></h3>
      <figure>
        <a href="/jobs/netlify/"><img loading="auto" src="portfolio-img/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://pkg.go.dev/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="https://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>
      <h3 id="arch-arm"><a href="https://github.com/bcomnes/archlinux-arm-img">Archlinux Arm</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/archlinux-arm-img"><img loading="auto" src="portfolio-img/arch-arm-raspi.svg" alt="arch arm logo"></a>
        <figcaption>Automated provisioning of <a href="https://archlinuxarm.org">Archlinx Arm</a> images for Rasberry Pi hardware with <a href="https://www.packer.io">Hashicorp's Packer</a> and other various micro-scale devops experiments.</figcaption>
      </figure>
      <ul>
        <li class="lang go"><a href="https://github.com/bcomnes/raspi-packer">bcomnes/raspi-packer</a></li>
        <li class="lang sh"><a href="https://github.com/bcomnes/archlinux-arm-img">bcomnes/archlinux-arm-img</a></li>
        <li class="lang python"><a href="https://github.com/bcomnes/sbc-bootstrap">sbc-bootstrap</a></li>
      </ul>
    </div>
    <div>
      <h3 id="vhs-tape"><a href="https://github.com/hyperdivision/vhs-tape">vhs-tape</a></h3>
      <figure>
        <a href="https://github.com/hyperdivision/vhs-tape"><img loading="auto" src="portfolio-img/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>
      <h3 id="datcast">Datcast</h3>
      <figure>
        <img loading="auto" height="256" src="portfolio-img/datcast.png" alt="Datcast logo">
        <figcaption>Podcast exploring the people building the p2p web with <a href="https://twitter.com/jimpick">@jimpick</a></figcaption>
      </figure>
      <ul>
        <li class="lang twitter">Follow <a href="https://twitter.com/dat_cast">@dat_cast</a> on twitter</li>
      </ul>
    </div>
    <div>
      <h3 id="elenacomnes"><a href="https://elenacomnes.com">elenacomnes.com</a></h3>
      <figure>
        <a href="https://elenacomnes.com"><img loading="auto" src="portfolio-img/elenacomnes.png" alt="Screenshot of elenacomnes.com website"></a>
        <figcaption>A minimalist, creative website.</figcaption>
      </figure>
      <ul>
        <li class="lang html"><a href="https://github.com/ecomnes/elenacomnes.com">ecomnes/elenacomnes.com</a></li>
      </ul>
    </div>
    <div>
      <h3 id="brwoserify"><a href="https://browserify.org">Browserify</a></h3>
      <figure>
        <a href="https://browserify.org"><img loading="auto" src="portfolio-img/browserify.png" alt="Screenshot of Browserify website"></a>
        <figcaption>Maintainer and contributor to Browserify and ecosystem.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/orgs/browserify/people">browserify/people</a></li>
        <li class="lang js"><a href="https://github.com/browserify/browserify">browserify/browserify</a></li>
        <li class="lang js"><a href="https://github.com/browserify/browserify-handbook">browserify/browserify-handbook</a></li>
      </ul>
    </div>
    <div>
      <h3 id="hypermodules"><a href="https://hypermodul.es">Hypermodul.es</a></h3>
      <figure>
        <a href="https://hypermodul.es"><img loading="auto" src="portfolio-img/hypermodules.png" alt="Screenshot of hypermodules website"></a>
        <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>
    <div>
      <h3 id="dotfiles"><a href="https://github.com/bcomnes/.dotfiles">.dotfiles</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/.dotfiles"><img loading="auto" src="portfolio-img/dotfiles.png" alt="Screenshot of my terminal"></a>
        <figcaption>These are my .dotfiles, don't wear em out.  I've also written a few notes on how I like to do things.</figcaption>
      </figure>
      <ul>
        <li class="lang sh"><a href="https://github.com/bcomnes/.dotfiles">bcomnes/.dotfiles</a></li>
        <li class="lang"><a href="https://gist.github.com/bcomnes/647477a3a143774069755d672cb395ca">How I GPG</a></li>
      </ul>
    </div>
    <div>
      <h3 id="tron"><a href="https://github.com/bcomnes/sublime-tron-color-scheme">$ edit<a/></h3>
      <figure>
        <a href="https://github.com/bcomnes/sublime-tron-color-scheme"><img loading="auto" src="portfolio-img/edit.png" alt="Screenshot of Tron Legacy theme."></a>
        <figcaption>Here are a few themes and plugins I help maintain, as well as my editor settings.</figcaption>
      </figure>
      <ul>
        <li class="lang python"><a href="https://github.com/bcomnes/sublime-text-settings">bcomnes/sublime-text-settings</a></li>
        <li class="lang python"><a href="https://github.com/bcomnes/sublime-tron-color-scheme">bcomnes/sublime-tron-color-scheme</a></li>
        <li class="lang objc"><a href="https://github.com/bcomnes/Tron.tmbundle">bcomnes/Tron.tmbundle</a></li>
        <li class="lang objc"><a href="https://github.com/bcomnes/LaTeX-Font-Settings.tmbundle">bcomnes/LaTeX-Font-Settings.tmbundle</a></li>
        <li class="lang js"><a href="https://github.com/bcomnes/atom-tron-legacy">bcomnes/atom-tron-legacy</a></li>
      </ul>
    </div>
    <div>
      <h3 id="node-handbook"><a href="https://github.com/bcomnes/node-handbook">node-handbook</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/node-handbook"><img loading="auto" src="portfolio-img/node-handbook.png" alt="Screenshot of Node.js handbook"></a>
        <figcaption>The <a href="https://github.com/bcomnes/node-handbook">Node.js handbook</a> captures resources and anthropological artifacts relevant to learning Node.js.</figcaption>
      </figure>
      <ul>
        <li class="lang js"><a href="https://github.com/bcomnes/node-handbook">bcomnes/node-handbook</a></li>
        <li class="lang js"><a href="https://github.com/max-mapper/mississippi">max-mapper/mississippi</a></li>
      </ul>
    </div>
    <div id="golang">
      <h3><a href="https://github.com/bcomnes/goref/">goref</a></h3>
      <figure>
        <a href="https://github.com/bcomnes/goref/"><img loading="auto" src="portfolio-img/goref.png" alt="Screenshot of goref"></a>
        <figcaption>A Golang concentrate for refreshing your memory on the go programming language.</figcaption>
      </figure>
      <ul>
        <li class="lang go"><a href="https://github.com/bcomnes/goref">bcomnes/goref</a></li>
        <li class="lang css"><a href="https://github.com/css-pkg/go-fonts.css">css-pkg/go-fonts.css</a></li>
      </ul>
    </div>
  </div>
</section>

<h4 class="section-header"><a href="/projects/previous-projects/">Previously Featured Items...</a></h4>