heartwood every commit a ring
5.1 KB raw
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}{% endblock %}{% if self.title() %} · {% endif %}{{ site.title }}</title>
  <meta name="description" content="{% block description %}{{ site.tagline }}{% endblock %}">
  {% if base_url %}<base href="{{ base_url }}">{% endif %}
  <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
  {% block extra_head %}{% endblock %}
  <link href="{{ vite_asset('static_src/index.js', 'css') }}" rel="stylesheet">
</head>
<body>
  <header class="topbar">
    <div class="container topbar__row">
      <a class="brand" href="/">
        <svg class="brand-mark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true">
          <circle class="brand-mark__r1" cx="32" cy="32" r="28" fill="none" stroke="#6b9e78" stroke-width="2"/>
          <circle class="brand-mark__r2" cx="32" cy="32" r="20" fill="none" stroke="#8aae8e" stroke-width="1.5"/>
          <circle class="brand-mark__r3" cx="32" cy="32" r="13" fill="none" stroke="#c4a574" stroke-width="1.5"/>
          <circle class="brand-mark__core" cx="32" cy="32" r="7"  fill="#b8543a"/>
          <line x1="32" y1="4" x2="32" y2="11" stroke="#3d2f24" stroke-width="2"/>
        </svg>
        <span class="brand-text">{{ site.title }}</span>
      </a>
      <span class="topbar__divider" aria-hidden="true"></span>
      <span class="tagline">{{ site.tagline }}</span>
      <nav class="topnav" aria-label="primary">
        <a href="/" class="topnav__link {% if request.path == '/' %}is-active{% endif %}">
          <span class="topnav__dot" aria-hidden="true"></span>repos
        </a>
      </nav>
    </div>
  </header>

  {% block breadcrumbs %}{% endblock %}

  <main>
    <div class="container">
      {% block main %}{% endblock %}
    </div>
  </main>

  <footer class="footer">
    <svg class="footer-rings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" aria-hidden="true">
      <circle cx="200" cy="200" r="190" fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="158" fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="128" fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="100" fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="74"  fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="50"  fill="none" stroke="currentColor" stroke-width="1"/>
      <circle cx="200" cy="200" r="28"  fill="none" stroke="currentColor" stroke-width="1"/>
    </svg>
    <div class="container footer__grid">
      <div class="footer__about">
        <div class="footer__label">// {{ site.title }}</div>
        <p>Minimal git repo browser by
          <a href="https://isaacbythewood.com/">Isaac Bythewood</a>.
          Just enough chrome to read code: README and recent commits, tree
          and blob browsing with syntax highlighting, unified diffs per
          commit, and an Atom feed. Clone over HTTPS. Read-only,
          single-operator, no Github required.</p>
        <p class="footer__tagline">{{ site.tagline }}.</p>
      </div>
      <div class="footer__col">
        <div class="footer__label">// Pages</div>
        <ul>
          <li><a href="/">Repos</a></li>
          <li><a href="https://github.com/overshard/heartwood" target="_blank" rel="noopener">Source</a></li>
        </ul>
      </div>
      <div class="footer__col">
        <div class="footer__label">// Links</div>
        <ul>
          <li><a href="https://isaacbythewood.com/" target="_blank" rel="noopener">Portfolio</a></li>
          <li><a href="https://blog.bythewood.me/" target="_blank" rel="noopener">Blog</a></li>
          <li><a href="https://analytics.bythewood.me/" target="_blank" rel="noopener">Analytics</a></li>
          <li><a href="https://status.bythewood.me/" target="_blank" rel="noopener">Status</a></li>
        </ul>
      </div>
    </div>
  </footer>

  <div class="footer-bar">
    <div class="container footer-bar__row">
      <small>&copy; {{ now.year }} Isaac Bythewood · Some rights reserved</small>
      <a href="https://github.com/overshard/heartwood" target="_blank" rel="noopener" class="footer-bar__link" aria-label="GitHub">
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 16 16">
          <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
        </svg>
      </a>
    </div>
  </div>

  <script type="module" src="{{ vite_asset('static_src/index.js') }}"></script>
</body>
</html>