index.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Mono Experiments</title>
  7. <meta name="description" content="Mono Experiments: a small self-hosted workshop for side projects. Live sites and their source.">
  8. <meta name="color-scheme" content="light dark">
  9. <link rel="canonical" href="https://monoexp.com/">
  10. <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  11. <link rel="stylesheet" href="/style.css">
  12. </head>
  13. <body>
  14. <header class="site-header">
  15. <div class="wrap header-inner">
  16. <a class="wordmark" href="/">mono<span>exp</span></a>
  17. <nav aria-label="Main">
  18. <a href="#projects">Projects</a>
  19. <a href="https://git.monoexp.com/">Git</a>
  20. </nav>
  21. </div>
  22. </header>
  23. <main class="wrap">
  24. <section id="about" class="about" aria-labelledby="about-title">
  25. <h1 id="about-title">Mono Experiments</h1>
  26. <p class="lede">
  27. A small, self-hosted workshop for side projects.
  28. </p>
  29. <p>
  30. Everything here runs on a single server. Code lives in a self-hosted Git
  31. service, and merging a pull request builds and deploys it automatically.
  32. Some projects are finished; most are works in progress. Each one below
  33. links to the live site and to its source.
  34. </p>
  35. </section>
  36. <section id="projects" aria-labelledby="projects-title">
  37. <h2 id="projects-title">Projects</h2>
  38. <ul class="projects">
  39. <!--
  40. To add a project, copy one <li class="project"> block.
  41. Leave out the "Visit" link for source-only projects.
  42. -->
  43. <li class="project">
  44. <div class="project-head">
  45. <h3>Posts</h3>
  46. <span class="tag">Go</span>
  47. </div>
  48. <p>
  49. A simple blog for write-ups. Posts are written in lightly formatted
  50. Markdown and served as plain HTML with basic navigation.
  51. </p>
  52. <div class="links">
  53. <a href="https://posts.monoexp.com/">Visit <span aria-hidden="true">&rarr;</span><span class="sr-only"> Posts</span></a>
  54. <a href="https://git.monoexp.com/bajdev/posts">Source<span class="sr-only"> for Posts</span></a>
  55. </div>
  56. </li>
  57. <li class="project">
  58. <div class="project-head">
  59. <h3>DevOps</h3>
  60. <span class="tag">Go &middot; Bash</span>
  61. </div>
  62. <p>
  63. The tooling behind this server's merge-to-deploy pipeline: a webhook
  64. receiver, a release script and a certificate helper.
  65. </p>
  66. <div class="links">
  67. <a href="https://git.monoexp.com/bajdev/devops">Source<span class="sr-only"> for DevOps</span></a>
  68. </div>
  69. </li>
  70. </ul>
  71. </section>
  72. </main>
  73. <footer class="site-footer">
  74. <div class="wrap">
  75. <p>&copy; 2026 Mono Experiments &middot; <a href="https://git.monoexp.com/bajdev/home">Source for this page</a></p>
  76. </div>
  77. </footer>
  78. </body>
  79. </html>