home/public/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mono Experiments</title>
  <meta name="description" content="Mono Experiments: a small self-hosted workshop for side projects. Live sites and their source.">
  <meta name="color-scheme" content="light dark">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/style.css">
</head>
<body>
  <header class="site-header">
    <div class="wrap header-inner">
      <a class="wordmark" href="/">mono<span>exp</span></a>
      <nav aria-label="Main">
        <a href="#projects">Projects</a>
        <a href="https://git.monoexp.com/">Git</a>
      </nav>
    </div>
  </header>

  <main class="wrap">
    <section id="about" class="about" aria-labelledby="about-title">
      <h1 id="about-title">Mono Experiments</h1>
      <p class="lede">
        A small, self-hosted workshop for side projects.
      </p>
      <p>
        Everything here runs on a single server. Code lives in a self-hosted Git
        service, and merging a pull request builds and deploys it automatically.
        Some projects are finished; most are works in progress. Each one below
        links to the live site and to its source.
      </p>
    </section>

    <section id="projects" aria-labelledby="projects-title">
      <h2 id="projects-title">Projects</h2>

      <ul class="projects">
        <!--
          To add a project, copy one <li class="project"> block.
          Leave out the "Visit" link for source-only projects.
        -->
        <li class="project">
          <div class="project-head">
            <h3>Posts</h3>
            <span class="tag">Go</span>
          </div>
          <p>
            A simple blog for write-ups. Posts are written in lightly formatted
            Markdown and served as plain HTML with basic navigation.
          </p>
          <div class="links">
            <a href="https://posts.monoexp.com/">Visit <span aria-hidden="true">&rarr;</span><span class="sr-only"> Posts</span></a>
            <a href="https://git.monoexp.com/bajdev/posts">Source<span class="sr-only"> for Posts</span></a>
          </div>
        </li>

        <li class="project">
          <div class="project-head">
            <h3>DevOps</h3>
            <span class="tag">Go &middot; Bash</span>
          </div>
          <p>
            The tooling behind this server's merge-to-deploy pipeline: a webhook
            receiver, a release script and a certificate helper.
          </p>
          <div class="links">
            <a href="https://git.monoexp.com/bajdev/devops">Source<span class="sr-only"> for DevOps</span></a>
          </div>
        </li>
      </ul>
    </section>
  </main>

  <footer class="site-footer">
    <div class="wrap">
      <p>&copy; 2026 Mono Experiments &middot; <a href="https://git.monoexp.com/bajdev/home">Source for this page</a></p>
    </div>
  </footer>
</body>
</html>