index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ohgeeceee — one maker, a constellation of useful things</title>
<meta name="description" content="Independent sites and tools from one maker in Montana — plain-language explainers, open-source diagnostics, community projects, and public-record newsrooms.">
<meta name="robots" content="index,follow">
<meta name="theme-color" content="#FAF7F2">
<link rel="canonical" href="https://ohgeec.com/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="the ohgeeceee network">
<meta property="og:title" content="ohgeeceee — one maker, a constellation of useful things">
<meta property="og:description" content="Independent sites and tools, made one late night at a time.">
<meta property="og:url" content="https://ohgeec.com/">
<meta property="og:image" content="https://ohgeec.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ohgeeceee — one maker, a constellation of useful things">
<meta name="twitter:description" content="Independent sites and tools, made one late night at a time.">
<meta name="twitter:image" content="https://ohgeec.com/og-image.png">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5' fill='%23FAF7F2'/%3E%3Ccircle cx='12' cy='5' r='2.4' fill='%2314110E'/%3E%3Ccircle cx='5' cy='17' r='2.4' fill='%2314110E'/%3E%3Ccircle cx='19' cy='17' r='2.4' fill='%2314110E'/%3E%3Cpath d='M12 6.6 5.6 15.4M12 6.6l6.4 8.8M6.6 17.6h10.8' stroke='%2314110E' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="preload" href="fonts/fraunces-var.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="fonts/inter-var.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="portfolio.css">
<script src="ogc-network.js" data-ogc-bar="off" defer></script>
<script src="portfolio.js" defer></script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "the ohgeeceee network",
  "url": "https://ohgeec.com/",
  "description": "A network of independent sites, open-source tools, and community projects made by one person.",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "item": { "@type": "WebSite", "name": "finally.", "url": "https://finally.help", "description": "Plain-language explainers. No jargon, no judgment." } },
    { "@type": "ListItem", "position": 2, "item": { "@type": "WebSite", "name": "Manners", "url": "https://manners.pro", "description": "A 4 KB browser extension. Zero telemetry." } },
    { "@type": "ListItem", "position": 3, "item": { "@type": "WebSite", "name": "beemuu", "url": "https://beemuu.com", "description": "Open-source BMW diagnostics. Any OBD-II cable. No dealer, no subscription." } },
    { "@type": "ListItem", "position": 4, "item": { "@type": "WebSite", "name": "GarageRoute", "url": "https://garageroute.com", "description": "Discover sales. Plan the route." } },
    { "@type": "ListItem", "position": 5, "item": { "@type": "WebSite", "name": "SupportMT", "url": "https://supportmt.com", "description": "Montana community resilience. Neighbors helping neighbors." } },
    { "@type": "ListItem", "position": 6, "item": { "@type": "WebSite", "name": "Montana Blotter", "url": "https://montanablotter.com", "description": "Public records, reported plainly." } },
    { "@type": "ListItem", "position": 7, "item": { "@type": "SoftwareApplication", "name": "Car Guy Portal", "url": "https://ohgeeceee.github.io/car-dealership/", "applicationCategory": "BusinessApplication", "description": "A dealership SaaS portfolio demo combining an inventory website, interactive sales desk, and dealer portal." } },
    { "@type": "ListItem", "position": 8, "item": { "@type": "WebSite", "name": "Idaho Blotter", "url": "https://idahoblotter.com", "description": "The Blotter newsroom, coming to Idaho." } },
    { "@type": "ListItem", "position": 9, "item": { "@type": "SoftwareApplication", "name": "Manners Quest", "url": "https://github.com/ohgeeceee/manners-quest", "applicationCategory": "BrowserApplication", "description": "Polite AI, gamified with XP, streaks, badges, and zero telemetry." } },
    { "@type": "ListItem", "position": 10, "item": { "@type": "SoftwareApplication", "name": "AdBoard", "url": "https://ohgeeceee.github.io/adboard/", "applicationCategory": "BusinessApplication", "description": "Self-serve digital billboard advertising with an owner portal, campaign controls, and live demo." } },
    { "@type": "ListItem", "position": 11, "item": { "@type": "SoftwareApplication", "name": "EmberProof", "url": "https://github.com/ohgeeceee/emberproof", "applicationCategory": "UtilitiesApplication", "description": "Local-first home inventory with claim-ready reports and no cloud upload." } },
    { "@type": "ListItem", "position": 12, "item": { "@type": "WebSite", "name": "BeeMuu Plugins", "url": "https://plugins.beemuu.com", "description": "The official validated plugin marketplace for BeeMuu." } },
    { "@type": "ListItem", "position": 13, "item": { "@type": "WebSite", "name": "JailMap", "url": "https://ohgeeceee.github.io/jailmap/", "description": "A responsible public search surface for official jail-custody records." } },
    { "@type": "ListItem", "position": 14, "item": { "@type": "WebSite", "name": "SOUL.md Registry", "url": "https://ohgeeceee.github.io/soulregistry/", "description": "An open registry for portable AI-agent identities, judgment, and voice." } }
  ]
}
</script>
</head>
<body>
<header class="topbar">
  <a class="brand" href="#top" aria-label="ohgeeceee network home">
    <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
      <circle cx="12" cy="5" r="2.4" fill="#14110E"></circle><circle cx="5" cy="17" r="2.4" fill="#14110E"></circle><circle cx="19" cy="17" r="2.4" fill="#14110E"></circle>
      <path d="M12 6.6 5.6 15.4M12 6.6l6.4 8.8M6.6 17.6h10.8" stroke="#14110E" stroke-width="1.3" stroke-linecap="round"></path>
    </svg>
    <b>ohgeec.com</b>
  </a>
  <span class="coords">46.8797&deg; N, 110.3626&deg; W &mdash; Montana</span>
  <nav aria-label="Main navigation">
    <a href="#work">Projects</a>
    <a href="#github-work">Repos</a>
    <a href="#about">About</a>
    <a href="/tech-support/">Tech help</a>
    <a href="https://github.com/ohgeeceee" rel="noopener">GitHub</a>
    <a href="support.html" class="nav-support">Support</a>
  </nav>
</header>

<main>
  <section class="hero" id="top" aria-labelledby="hero-title">
    <div class="hero-copy">
      <p class="eyebrow">Personal portfolio &mdash; one maker, one network</p>
      <h1 id="hero-title">One maker.<br><em>A constellation<br>of useful things.</em></h1>
      <p class="lede">Independent sites and tools &mdash; explainers, diagnostics, newsrooms, and community projects &mdash; designed, written, and shipped by one person in Montana.</p>
      <a class="hero-link" href="#work">Explore the network <span aria-hidden="true">&rarr;</span></a>
      <div class="meta" aria-label="Network facts">
        <div><b id="live-count">11</b><span>live sites</span></div>
        <div><b id="site-count">14</b><span>projects in the network</span></div>
        <div><b>MIT</b><span>open where it can be</span></div>
      </div>
    </div>
    <figure class="atlas" aria-labelledby="atlas-caption">
      <img class="atlas-art" src="assets/network-atlas.webp" alt="An engraved relief illustration crossed by fine lines and colored points, representing the connected project network." width="1448" height="1086" fetchpriority="high">
      <div class="atlas-points" id="atlas-points" role="group" aria-label="Explore the live projects shown on the network map"></div>
      <span class="atlas-center">ohgeec.com<br>one maker / one network</span>
      <figcaption class="atlas-caption" id="atlas-caption"><span>The ohgeeceee network</span><span>Move through it &middot; select a live project</span></figcaption>
      <span class="atlas-north" aria-hidden="true">MONTANA<br>46.8797&deg; N</span>
    </figure>
    <p class="scrollcue" aria-hidden="true">Scroll</p>
    <p class="hero-hint">The network, in miniature &mdash;<br>select a live project to visit</p>
  </section>

  <section class="sec" id="work" aria-labelledby="work-title">
    <div class="shell">
      <div class="sec-head">
        <p class="kicker rv">Index / 01</p>
        <h2 class="rv" id="work-title">Independent on their own.<br><em>Better together.</em></h2>
        <p class="index-intro rv">Fourteen projects, each built around a real thing people need.</p>
      </div>
      <div class="rows" id="project-rows" aria-label="Projects in the ohgeeceee network"></div>
    </div>
  </section>

  <section class="sec github-work" id="github-work" aria-labelledby="github-title">
    <div class="shell">
      <div class="sec-head">
        <p class="kicker rv">GitHub / 02</p>
        <h2 class="rv" id="github-title">The work<br><em>behind the work.</em></h2>
        <p class="index-intro rv"><span id="repo-count">24</span> public repositories — products, tools, experiments, and the code behind the network.</p>
        <a class="github-all rv" href="https://github.com/ohgeeceee?tab=repositories" rel="noopener">All repositories <span aria-hidden="true">↗</span></a>
      </div>
      <div class="repo-grid" id="github-projects" aria-label="Public GitHub repositories"></div>
    </div>
  </section>

  <section class="sec about" id="about" aria-labelledby="about-title">
    <div class="shell">
      <div class="sec-head">
        <p class="kicker rv">About / 03</p>
        <h2 class="rv" id="about-title">One person,<br><em>a lot of coffee.</em></h2>
      </div>
      <div class="bio">
        <p class="rv">I'm the one person behind the ohgeeceee network. Based in Montana, I build the things I couldn't find: <em>explainers with no jargon, diagnostics with no dealer, public records with no gatekeeping,</em> and tools for the communities I actually live in.</p>
        <p class="rv">Every site here is free, ad-free, and tracker-free. Open-source where it can be. No growth hacks, no engagement tricks &mdash; just small, sharp software that respects the person using it. And when your own tech breaks, <a href="/tech-support/">I fix that too</a> &mdash; remote tech support, plain answers, no jargon.</p>
        <div class="facts rv" aria-label="Network facts">
          <div class="fact"><b>11</b><span>sites &amp; demos live</span></div>
          <div class="fact"><b>56</b><span>Montana counties served</span></div>
          <div class="fact"><b>4 KB</b><span>smallest tool shipped</span></div>
          <div class="fact"><b>24 h</b><span>uptime watch, self-run</span></div>
        </div>
      </div>
    </div>
  </section>

  <section class="cta" aria-labelledby="support-title">
    <h2 class="rv" id="support-title">Like what's here? <em>Keep it brewing.</em></h2>
    <p class="rv">Free, open, and ad-free &mdash; tips go straight to keeping the servers on and the next thing shipping.</p>
    <a class="btn rv" href="support.html">
      <svg viewBox="0 0 24 24" fill="#FAF7F2" aria-hidden="true"><path d="M12 21s-7.5-4.6-10-9.2C.3 8.4 2 5 5.2 5c2 0 3.3 1.2 4.8 3 1.5-1.8 2.8-3 4.8-3C18 5 19.7 8.4 22 11.8 19.5 16.4 12 21 12 21z"></path></svg>
      Buy me a coffee
    </a>
  </section>
</main>

<footer class="site">
  <span>ohgeeceee &mdash; built by hand in Montana. No trackers on this page.</span>
  <span>46.8797&deg; N, 110.3626&deg; W</span>
  <span>&copy; <span id="yr">2026</span> the ohgeeceee network &mdash; <a href="https://github.com/ohgeeceee" rel="noopener">GitHub</a></span>
</footer>
</body>
</html>