From e879d4888f818d360a007e454ade2e3d87555599 Mon Sep 17 00:00:00 2001
From: Ryan Westfall <ryan@aimloperations.com>
Date: Sun, 30 Aug 2026 13:04:56 -0700
Subject: [PATCH] Remove company header and add Why Piha? section (#6)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

- Drop the company_site nav (logo, Home, Web Design, Contact) from the shortener chrome — that header belongs on aimloperations.com, not `piha.lc`
- Add a **Why Piha?** section: Quenya (Tolkien High Elvish) *pia* / *pitya* / *pincë* / *picina* means little / small; a short link is a little path
- Footer and Request access / Contact CTAs stay

Closes #5.

## Test plan

- [ ] `cd site && uv run python manage.py test`
- [ ] `GET /` has no top header; Why Piha? is on the page
- [ ] Request access / Contact still go to aimloperations.com/contact
- [ ] Debug mint page still works without the nav
- [ ] `GET /<code>` still 302

Reviewed-on: https://git.aimloperations.com/ai_ml_operations/url_shortening_service/pulls/6
---
 site/core/static/core/css/overrides.css |  4 ++--
 site/core/templates/core/base.html      | 26 -------------------------
 site/core/templates/core/landing.html   | 13 +++++++++++++
 site/links/tests.py                     |  3 +++
 4 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/site/core/static/core/css/overrides.css b/site/core/static/core/css/overrides.css
index 5b293c1..2f9e29c 100644
--- a/site/core/static/core/css/overrides.css
+++ b/site/core/static/core/css/overrides.css
@@ -28,8 +28,8 @@
     text-decoration: underline;
 }
 
-body.has-debug-banner nav {
-    top: 1.7rem;
+body.has-debug-banner .page-main {
+    padding-top: 1.7rem;
 }
 
 .page-main {
diff --git a/site/core/templates/core/base.html b/site/core/templates/core/base.html
index 25800bc..6dda62a 100644
--- a/site/core/templates/core/base.html
+++ b/site/core/templates/core/base.html
@@ -18,18 +18,6 @@
   <div class="debug-banner">Debug — mint form is local only{% if show_debug_create %} · <a href="{% url 'debug-create' %}">Create a short link</a>{% endif %}</div>
   {% endif %}
 
-  <nav aria-label="Main navigation">
-    <a href="{{ CREDIT_URL }}" class="brand-logo">
-      <img src="{% static 'core/img/logo.png' %}" alt="{{ CREDIT_NAME }}" class="brand-logo-img" width="243" height="28">
-    </a>
-    <button type="button" class="mobile-menu-btn" aria-label="Open menu" aria-expanded="false" aria-controls="main-nav-links">☰</button>
-    <ul class="nav-links" id="main-nav-links">
-      <li><a href="{{ CREDIT_URL }}">Home</a></li>
-      <li><a href="{{ CREDIT_URL }}/web_design">Web Design</a></li>
-      <li><a href="{{ CONTACT_URL }}" class="btn" style="border: 1px solid var(--primary-color); padding: 0.4rem 1rem; border-radius: 4px; margin-left: 1rem; color: #000;">Contact</a></li>
-    </ul>
-  </nav>
-
   <main class="page-main">
     {% block content %}{% endblock %}
   </main>
@@ -49,19 +37,5 @@
       </p>
     </div>
   </footer>
-
-  <script>
-    document.addEventListener('DOMContentLoaded', function () {
-      const mobileBtn = document.querySelector('.mobile-menu-btn');
-      const navLinks = document.querySelector('.nav-links');
-      if (mobileBtn && navLinks) {
-        mobileBtn.addEventListener('click', function () {
-          const isOpen = navLinks.classList.toggle('active');
-          mobileBtn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-          mobileBtn.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');
-        });
-      }
-    });
-  </script>
 </body>
 </html>
diff --git a/site/core/templates/core/landing.html b/site/core/templates/core/landing.html
index cbb943a..4a58d47 100644
--- a/site/core/templates/core/landing.html
+++ b/site/core/templates/core/landing.html
@@ -15,6 +15,19 @@
 </div>
 
 <div class="section" style="background: var(--surface-color);">
+  <div class="container">
+    <h2 class="section-title">Why Piha?</h2>
+    <p style="text-align: center; max-width: 820px; margin: 0 auto 1.5rem; color: var(--text-muted); font-size: 1.1rem;">
+      The name is a nod to <strong>Quenya</strong> — Tolkien’s High Elvish from
+      <em>The Lord of the Rings</em>. In Quenya, <em>pia</em> (also
+      <em>pitya</em>, <em>pincë</em>, <em>picina</em>) is the adjective
+      <strong>little</strong> or <strong>small</strong>. A short link is a little
+      path that still reaches the long URL.
+    </p>
+  </div>
+</div>
+
+<div class="section">
   <div class="container">
     <h2 class="section-title">A shortener you can hand to SMS</h2>
     <p style="text-align: center; max-width: 820px; margin: 0 auto; color: var(--text-muted); font-size: 1.1rem;">
diff --git a/site/links/tests.py b/site/links/tests.py
index 0c4dcf7..6511ebf 100644
--- a/site/links/tests.py
+++ b/site/links/tests.py
@@ -262,8 +262,11 @@ class RedirectTests(TestCase):
         self.assertEqual(response.status_code, 200)
         self.assertContains(response, "piha.lc")
         self.assertContains(response, "Request access")
+        self.assertContains(response, "Why Piha?")
+        self.assertContains(response, "Quenya")
         self.assertContains(response, "aimloperations.com")
         self.assertContains(response, "Contact")
+        self.assertNotContains(response, "<nav")
         self.assertNotContains(response, "Create a short link")
 
     def test_click_row_and_count(self):