{% extends "base.html" %}

{% block footer %}
{{ super() }}
<footer class="newell-site-footer">
  <div class="nsf-inner">

    <div class="nsf-row nsf-brand">
      <svg class="nsf-mark" viewBox="0 0 48 48" width="22" height="22" aria-hidden="true">
        <rect x="2" y="2" width="44" height="44" rx="6" fill="#0A0A0A" stroke="#00FF41" stroke-width="1.5"/>
        <path d="M 14 14 L 14 34 L 17 34 L 17 19 L 14 16 Z" fill="#FFFFFF"/>
        <path d="M 31 34 L 31 31 L 17 14 L 14 14 L 14 17 L 28 34 Z" fill="#FFFFFF"/>
        <path d="M 34 14 L 31 14 L 31 31 L 34 28 L 34 14 Z" fill="#FFFFFF"/>
      </svg>
      <a href="https://jordannewell.com" class="nsf-brand-link">A NEWELL project</a>
      <span class="nsf-product">/ tractum</span>
    </div>

    <div class="nsf-row nsf-links">
      <a href="https://github.com/JordanNewell/claudeway#readme">readme</a>
      <a href="https://github.com/JordanNewell/claudeway/blob/main/CHANGELOG.md">changelog</a>
      <a href="https://github.com/JordanNewell/claudeway/security/policy">security</a>
      <a href="https://github.com/JordanNewell/claudeway/blob/main/LICENSE">license</a>
      <a href="https://github.com/JordanNewell/claudeway">source ↗</a>
    </div>

    <div class="nsf-row nsf-family">
      <span class="nsf-family-label">more from newell</span>
      <a class="nfs-item" href="https://jordannewell.github.io/curtis-ai-chat/">curtis-ai-chat</a>
      <a class="nfs-item" href="https://jordannewell.github.io/pat-scanner/">pat-scanner</a>
      <a class="nfs-item" href="https://jordannewell.github.io/newell-typeface/">newell-typeface</a>
      <a class="nfs-item" href="https://jordannewell.github.io/git-hygiene/">git-hygiene</a>
      <a class="nfs-item" href="https://jordannewell.com">jordannewell.com ↗</a>
    </div>

    <div class="nsf-row nsf-meta">
      <span>MIT</span>
      <span>Python</span>
      <span>multi-provider LLM gateway</span>
    </div>

    <div class="nsf-row nsf-support">
      <a href="https://github.com/sponsors/JordanNewell">sponsor ↗</a>
      <a href="https://buymeacoffee.com/jordannewell">coffee →</a>
      <span class="nsf-legal">© 2026 Jordan Newell · Tractum is a tool by Jordan Newell</span>
    </div>

  </div>
</footer>

<a href="https://jordannewell.com" class="newell-floating-mark" aria-label="NEWELL — more projects" title="A NEWELL project">
  <img src="{{ config.docs_dir }}/overrides/assets/nmoji-button.png" alt="NEWELL" width="48" height="48">
</a>

<style>
  .newell-site-footer {
    border-top: 1px solid #1F1F1F;
    background: #0A0A0A;
    padding: 28px 24px 24px;
    font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
    font-size: 12px;
    color: #A0A0A0;
    position: relative;
  }
  .newell-site-footer::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 64px;
    height: 1px;
    background: #00FF41;
  }
  .nsf-inner { max-width: 1200px; margin: 0; margin-right: auto; display: flex; flex-direction: column; gap: 6px; }
  .nsf-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; line-height: 1.5; }
  .nsf-brand { gap: 12px; margin-bottom: 4px; }
  .nsf-mark { flex-shrink: 0; display: block; }
  .nsf-brand-link { color: #FFFFFF; text-decoration: none; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; font-size: 11px; transition: color 0.15s ease; border-bottom: 0 !important; }
  .nsf-brand-link:hover { color: #00FF41; }
  .nsf-product { color: #00FF41; font-weight: 400; letter-spacing: 0.06em; }
  .nsf-links a { color: #C0C0C0; text-decoration: none; transition: color 0.15s ease; border-bottom: 0 !important; font-size: 12px; }
  .nsf-links a:hover { color: #00FF41; }
  .nsf-family { gap: 14px; margin: 12px 0 4px; padding-top: 14px; border-top: 1px solid #1F1F1F; }
  .nsf-family-label { color: #FFFFFF; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10px; padding-right: 4px; }
  .nfs-item { color: #808080; text-decoration: none; border-bottom: 0 !important; transition: color 0.15s ease; font-size: 12px; letter-spacing: 0.02em; }
  .nfs-item:hover { color: #00FF41; }
  .nsf-meta { gap: 14px; }
  .nsf-meta span { color: #707070; font-size: 11px; letter-spacing: 0.02em; }
  .nsf-support { margin-top: 8px; gap: 18px; }
  .nsf-support a { color: #00FF41; text-decoration: none; transition: color 0.15s ease; border-bottom: 0 !important; font-weight: 500; font-size: 11px; }
  .nsf-support a:hover { color: #1AFF72; }
  .nsf-legal { color: #505050; font-size: 11px; letter-spacing: 0.02em; }
  @media (max-width: 600px) {
    .newell-site-footer { padding: 16px; font-size: 11px; }
  }

  .newell-floating-mark {
    position: fixed;
    bottom: 16px;
    right: 16px;
    display: block;
    z-index: 9999;
    opacity: 1;
    transition: transform 0.15s ease;
    text-decoration: none;
    border-bottom: 0 !important;
    line-height: 0;
  }
  .newell-floating-mark:hover { border-bottom-color: transparent !important; transform: scale(1.06); }
  .newell-floating-mark img { display: block; }
  @media (max-width: 600px) {
    .newell-floating-mark img { width: 32px; height: 32px; }
  }
</style>
{% endblock %}