Tucker McKnight <tucker@pangolin.lan> | Sat Jul 04 2026
Add an idea for a new header area for the homepage
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ed8d0d}</style><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
-1 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>eleventy-plugin-repoviewer</title>
<link rel="stylesheet" href="css/design-board-2026-07-03.css">
</head>
<body>
<div class="container-fluid container-lg">
<div class="row mb-1">
<div class="col">
<div class="row">
<div class="col">
<nav class="navbar navbar-expand flex-wrap">
<ul class="navbar-nav flex-wrap">
<li class="nav-item"><a href="/" class="nav-link">❮ repos</a></li>
<li class="nav-item"><a href="/eleventy-plugin-repoviewer" class="nav-link">eleventy-plugin-repoviewer</a></li>
<li class="nav-item me-4 mb-1">
<span class="nav-link d-inline-block">ref:</span>
<div class="branch-selector dropdown-center d-inline-block">
<button data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" class="branches nav-link d-inline-block btn btn-bg dropdown-toggle">main</button>
</div>
</li>
<ul class="main-nav navbar-nav flex-wrap">
<li class="nav-item"><a aria-current="page" href="/eleventy-plugin-repoviewer" class="nav-link active">Home</a></li>
<li class="nav-item"><a href="/eleventy-plugin-repoviewer/branch/main/files" class="nav-link ">Files</a></li>
<li class="nav-item"><a href="/eleventy-plugin-repoviewer/branch/main/commits/page1" class="nav-link ">Commits</a></li>
<li class="nav-item"><a href="/eleventy-plugin-repoviewer/branch/main/branches" class="nav-link ">Branches</a></li>
<li class="nav-item"><a href="/eleventy-plugin-repoviewer/branch/main/tags" class="nav-link ">Tags</a></li>
</ul>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row">
<div class="col">
<div class="px-4 pt-3 bezel-header">
<div class="row">
<div class="col-12 col-lg-6">
<h1 class="display-3 text-white"><em>eleventy-plugin-repoviewer</em></h1>
<p class="text-white fs-4 fw-light">Do you like plain old HTML pages? Want to host git repos on your own website? Cool, me too.</p>
</div>
<div class="col-12 col-lg-6 d-flex flex-column justify-content-around">
<div class="row">
<div class="col-6">
<div class="row">
<div class="col m-1">
<p class="text-white mb-2 d-inline-block">
<span class="fs-5 fw-light">Latest commit in main</span>
<a href="" class="btn badge shadow-none">
<img src="img/rss-icon.svg" style="width: 11px; margin-right: 5px;">RSS
</a>
<br />
<span class="font-monospace">
Jul 04 2026
<a href="" class="fw-bold link-info">b1c071</a>
</span>
</p>
</div>
</div>
<div class="row">
<div class="col m-1">
<p class="text-white mb-2 d-inline-block">
<span class="fs-5 fw-light">Latest commit overall</span>
<br />
<span class="font-monospace">
Jul 04 2026
<a href="" class="link-info fw-bold">b1c071</a>
</span>
<br />
<span class="fw-light">in branch <a href="" class="link-info">one-page-per-commit</a></span>
</p>
</div>
</div>
</div>
<div class="col-6 commits-page">
<div class="row">
<div class="col-auto language-names pe-1">
<div>js</div>
<div>css</div>
<div>md</div>
<div>other</div>
</div>
<div class="col ps-0">
<div class="flex-grow-1 d-flex">
<div class="lang-diff plus-1"></div>
</div>
<div class="flex-grow-1 d-flex">
<div class="lang-diff plus-2 text-white"></div>
</div>
<div class="flex-grow-1 d-flex">
<div class="lang-diff plus-3 text-white"></div>
</div>
<div class="flex-grow-1 d-flex">
<div class="lang-diff plus-4 text-white"></div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-12">
<div class="header-button-container"><button class="btn btn-info btn-lg dropdown-toggle clone-popover-btn">Clone</button></div>
</div>
</div>
</div>
</div>
<noscript>
<div class="row mt-2">
<div class="col">
<p class="font-monospace text-white">Clone URL: https://repos.tuckerm.us/eleventy-plugin-repoviewer.git</p>
</div>
</div>
</noscript>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>