From be9da9fe86d766532adc606005cbed8b2fabcefc Mon Sep 17 00:00:00 2001
From: hbrain <hbrain@piagent.local>
Date: Mon, 1 Jun 2026 13:19:08 +0200
Subject: [PATCH] Add contact page/includes and refine header action/logo
 styling

---
 _footer.php       |  31 ++++++++
 _footer_admin.php | 183 ++++++++++++++++++++++++++++++++++++++++++++
 _header.php       |   3 +
 contact.php       |  89 ++++++++++++++++++++++
 index.php         |  57 ++++----------
 new.php           | 190 +---------------------------------------------
 style.css         |  82 +++++++++++++++++++-
 7 files changed, 404 insertions(+), 231 deletions(-)
 create mode 100644 _footer.php
 create mode 100644 _footer_admin.php
 create mode 100644 _header.php
 create mode 100644 contact.php

diff --git a/_footer.php b/_footer.php
new file mode 100644
index 0000000..ddd490a
--- /dev/null
+++ b/_footer.php
@@ -0,0 +1,31 @@
+<footer>Bubulescu.Org</footer>
+<script>
+(function(){
+  const btn=document.getElementById('push-toggle');
+  if(!btn || !('serviceWorker' in navigator) || !('PushManager' in window) || !('Notification' in window)) return;
+  function b64uToUint8Array(s){ const pad='='.repeat((4-s.length%4)%4); const b64=(s+pad).replace(/-/g,'+').replace(/_/g,'/'); const raw=atob(b64); return Uint8Array.from([...raw].map(c=>c.charCodeAt(0))); }
+  async function state(reg){ const sub=await reg.pushManager.getSubscription(); btn.classList.toggle('active', !!sub); btn.title=sub?'Notifications on':'Notifications'; btn.hidden=false; return sub; }
+  navigator.serviceWorker.register('sw.js').then(async reg=>{
+    const cfg=await fetch('push_config.php',{cache:'no-store'}).then(r=>r.json()).catch(()=>({enabled:false}));
+    if(!cfg.enabled || !cfg.publicKey) return;
+    await state(reg);
+    btn.addEventListener('click', async ()=>{
+      btn.disabled=true;
+      try{
+        let sub=await reg.pushManager.getSubscription();
+        if(sub){
+          return;
+        }else{
+          const perm=await Notification.requestPermission();
+          if(perm!=='granted') return;
+          sub=await reg.pushManager.subscribe({userVisibleOnly:true,applicationServerKey:b64uToUint8Array(cfg.publicKey)});
+          await fetch('push_subscribe.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(sub)});
+        }
+        await state(reg);
+      }catch(e){ alert(e.message || 'Could not update notifications'); }
+      finally{ await state(reg); }
+    });
+  });
+})();
+</script>
+<script src="js/map_lightbox.js?v=20260531b" defer></script>
diff --git a/_footer_admin.php b/_footer_admin.php
new file mode 100644
index 0000000..0c8efa1
--- /dev/null
+++ b/_footer_admin.php
@@ -0,0 +1,183 @@
+<footer class="site-footer admin-footer"><div class="admin-left"><nav class="tabs"><a class="<?= $tab==='new'?'active':'' ?>" href="new.php?tab=new">New</a><a class="<?= $tab==='edit'?'active':'' ?>" href="new.php?tab=edit">Edit</a><a class="<?= $tab==='videos'?'active':'' ?>" href="new.php?tab=videos">Videos</a></nav></div><div id="job-status" class="job-status"<?= empty($runningJobs) ? ' hidden' : '' ?>><?php foreach($runningJobs as $job): ?><span class="job-dot"></span><span><?=h(str_replace('_', ' ', $job['name']))?></span><?php if(!empty($job['started_at'])): ?><span class="job-age">(<?=h(format_job_age($job['started_at']))?>)</span><?php endif; ?><?php endforeach; ?></div><div class="admin-right"><a class="logout-link" href="logout.php">Log off</a></div></footer>
+<script>document.querySelectorAll('textarea[data-counter]').forEach(function(t){var c=document.getElementById(t.dataset.counter);function u(){c.textContent=t.value.length+' / '+t.maxLength+' characters';}t.addEventListener('input',u);u();});</script>
+<script>
+(function(){
+  function attachDescribeButtons(){
+    document.querySelectorAll('.admin-video-row').forEach(function(row){
+      if (row.querySelector('.describe-button')) return;
+      var actions = row.querySelector('.admin-actions');
+      if (!actions) return;
+      var job = row.dataset.job || '';
+      var articleId = row.dataset.id || '';
+      if (!job && !articleId) return;
+      var describe = document.createElement('a');
+      describe.className = 'button describe-button';
+      describe.href = '#';
+      describe.dataset.job = job;
+      describe.dataset.id = articleId;
+      describe.textContent = 'Describe';
+      var first = actions.querySelector('.button');
+      if (first) actions.insertBefore(describe, first);
+      else actions.appendChild(describe);
+    });
+  }
+
+  function showModal(job, articleId, description, teaser, quoteDa, rawJson){
+    var existing = document.getElementById('mvlog-gemini-modal');
+    if (existing) existing.remove();
+    var overlay = document.createElement('div');
+    overlay.id = 'mvlog-gemini-modal';
+    overlay.style.cssText = 'position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;';
+    var box = document.createElement('div');
+    box.style.cssText = 'background:white;color:#111;padding:20px;max-width:900px;max-height:80vh;overflow:auto;border-radius:6px;font-family:inherit;';
+    var h = document.createElement('h3');
+    h.textContent = 'Generated description';
+    var teaserBox = null;
+    if (teaser) {
+      teaserBox = document.createElement('div');
+      teaserBox.style.cssText = 'white-space:pre-wrap;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:10px;background:#fff7e8;border-radius:4px;';
+      teaserBox.textContent = teaser;
+    }
+    var quoteBox = null;
+    if (quoteDa) {
+      quoteBox = document.createElement('div');
+      quoteBox.style.cssText = 'white-space:pre-wrap;font-style:italic;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:10px;background:#f4f0ff;border-radius:4px;';
+      quoteBox.textContent = '“' + quoteDa + '”';
+    }
+    var pre = document.createElement('div');
+    pre.style.cssText = 'white-space:pre-wrap;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:12px;background:#f8f8f8;border-radius:4px;';
+    pre.textContent = description || '';
+    var btnBar = document.createElement('div');
+    btnBar.style.cssText = 'margin-top:12px;text-align:right;';
+    var useBtn = document.createElement('button');
+    useBtn.className = 'button';
+    useBtn.textContent = 'Use in form';
+    var cancelBtn = document.createElement('button');
+    cancelBtn.className = 'button';
+    cancelBtn.textContent = 'Close';
+    cancelBtn.style.marginLeft = '8px';
+    btnBar.appendChild(useBtn);
+    btnBar.appendChild(cancelBtn);
+    box.appendChild(h);
+    if (teaserBox) box.appendChild(teaserBox);
+    if (quoteBox) box.appendChild(quoteBox);
+    box.appendChild(pre);
+    box.appendChild(btnBar);
+    overlay.appendChild(box);
+    document.body.appendChild(overlay);
+
+    cancelBtn.addEventListener('click', function(){ overlay.remove(); });
+    useBtn.addEventListener('click', function(){
+      var editForm = document.getElementById('edit-form');
+      if (editForm){
+        var idInput = editForm.querySelector('input[name="id"]');
+        var dirInput = editForm.querySelector('input[name="dir"]');
+        var sameById = !!(articleId && idInput && idInput.value === articleId);
+        var sameByDir = !!(job && dirInput && dirInput.value === job);
+        if (sameById || sameByDir){
+          var textarea = editForm.querySelector('textarea[name="description"]');
+          if (textarea){
+            textarea.value = description || '';
+            var teaserInput = editForm.querySelector('input[name="teaser"]');
+            if (teaserInput && teaser) teaserInput.value = teaser;
+            var quoteInput = editForm.querySelector('input[name="quote_da"]');
+            if (quoteInput && quoteDa) quoteInput.value = quoteDa;
+            showToast('Inserted generated description' + (teaser || quoteDa ? ' and extras' : '') + ' into form. Click Save changes to apply.', true);
+            overlay.remove();
+            return;
+          }
+        }
+      }
+      var storageKey = 'mvlog_gemini_description_' + (articleId || job);
+      try { localStorage.setItem(storageKey, JSON.stringify({description: description || '', teaser: teaser || '', quote_da: quoteDa || ''})); } catch(e){}
+      var href = 'new.php?tab=edit';
+      if (articleId) href += '&id=' + encodeURIComponent(articleId);
+      if (job) href += '&edit=' + encodeURIComponent(job);
+      window.location.href = href;
+    });
+  }
+
+  document.addEventListener('click', function(e){
+    var el = (e.target && e.target.closest && e.target.closest('.describe-button')) || (e.target && e.target.classList && e.target.classList.contains && e.target.classList.contains('describe-button') ? e.target : null);
+    if (!el) return;
+    e.preventDefault();
+    var job = el.dataset.job || '';
+    var articleId = el.dataset.id || '';
+    if (!job && !articleId) return;
+    el.classList.add('disabled');
+    var oldText = el.textContent;
+    el.textContent = 'Generating...';
+    fetch('lib/generate_data_sync.php', {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: {'Content-Type':'application/x-www-form-urlencoded'},
+      body: 'id=' + encodeURIComponent(articleId) + '&job=' + encodeURIComponent(job) + '&max_frames=16'
+    }).then(function(r){ return r.json().catch(()=>({})); })
+    .then(function(data){
+      if (data && data.status === 'ok'){
+        var desc = data.description || (data.raw_json && JSON.stringify(data.raw_json)) || '';
+        var teaser = data.teaser || '';
+        var rawFirst = (Array.isArray(data.raw_json) && data.raw_json.length) ? data.raw_json[0] : data.raw_json;
+        var quoteDa = data.quote_da || (rawFirst && rawFirst.quote_da) || '';
+        showModal(job, articleId, desc, teaser, quoteDa, data.raw_json || null);
+      } else {
+        var msg = (data && data.message) ? data.message : 'No response';
+        if (data && data.log) {
+          try {
+            var log = String(data.log);
+            var lines = log.split('\n').map(function(l){ return l.trim(); }).filter(function(l){ return l.length>0; });
+            var keywords = ['quota','rate limit','rate-limit','429','503','overloaded','high demand','busy','unavailable','error','failed','retry'];
+            var found = lines.find(function(l){ var ll=l.toLowerCase(); return keywords.some(function(k){ return ll.indexOf(k) !== -1; }); });
+            if (found) msg += ' — ' + found;
+            else if (lines.length) msg += ' — ' + lines[0].slice(0,200);
+          } catch(e){}
+        }
+        showToast('Error: ' + msg, false, (data && data.log) ? (typeof data.log === 'string' ? data.log : JSON.stringify(data.log)) : null);
+      }
+}).catch(function(err){
+      showToast('Request failed: ' + err, false);
+    }).finally(function(){
+      el.classList.remove('disabled');
+      el.textContent = oldText;
+    });
+  });
+
+  attachDescribeButtons();
+  var list = document.querySelector('.admin-list.video-list');
+  if (list) new MutationObserver(function(){ attachDescribeButtons(); }).observe(list, {childList:true, subtree:true});
+
+  // On edit page load: if a generated description is in localStorage, insert it into the form.
+  (function(){
+    var editForm = document.getElementById('edit-form');
+    if (!editForm) return;
+    var dirInput = editForm.querySelector('input[name="dir"]');
+    var idInput = editForm.querySelector('input[name="id"]');
+    if (!dirInput && !idInput) return;
+    var job = dirInput ? dirInput.value : '';
+    var articleId = idInput ? idInput.value : '';
+    try {
+      var key = 'mvlog_gemini_description_' + (articleId || job);
+      var raw = localStorage.getItem(key);
+      if (raw) {
+        var payload = null;
+        try { payload = JSON.parse(raw); } catch(e) { payload = {description: raw, teaser: '', quote_da: ''}; }
+        var desc = (payload && typeof payload === 'object') ? String(payload.description || '') : String(raw || '');
+        var teaser = (payload && typeof payload === 'object') ? String(payload.teaser || '') : '';
+        var quoteDa = (payload && typeof payload === 'object') ? String(payload.quote_da || '') : '';
+        var textarea = editForm.querySelector('textarea[name="description"]');
+        if (textarea) {
+          textarea.value = desc;
+          var teaserInput = editForm.querySelector('input[name="teaser"]');
+          if (teaserInput && teaser) teaserInput.value = teaser;
+          var quoteInput = editForm.querySelector('input[name="quote_da"]');
+          if (quoteInput && quoteDa) quoteInput.value = quoteDa;
+          showToast('Inserted generated description' + (teaser || quoteDa ? ' and extras' : '') + ' into form. Click Save changes to apply.', true);
+        }
+        localStorage.removeItem(key);
+      }
+    } catch(e){}
+  })();
+
+})();
+</script>
+<script src="js/map_lightbox.js?v=20260531b" defer></script>
diff --git a/_header.php b/_header.php
new file mode 100644
index 0000000..2f3376d
--- /dev/null
+++ b/_header.php
@@ -0,0 +1,3 @@
+<?php
+// Shared header for public pages (index.php, contact.php, etc.)
+?><header class="site-header admin-header"><div class="brand-wrap"><a class="header-logo" href="index.php" aria-label="MVLog home"><img src="assets/img/moto_travel.png" alt=""></a><a class="brand" href="index.php"><h1><?=h($siteHeaderTitle)?></h1><p>journal of an<br>unreliable narrator.</p></a></div><div class="header-actions"><button id="push-toggle" class="push-toggle" type="button" hidden aria-label="Notifications" title="Notifications"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22a2.7 2.7 0 0 0 2.6-2h-5.2A2.7 2.7 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5-6.7V3a2 2 0 0 0-4 0v1.3A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z"/></svg></button><a class="rss-link" href="feed.php" aria-label="RSS feed" title="RSS feed"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 17.8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2.2 8.7v3.1a10 10 0 0 1 10 10h3.1A13.1 13.1 0 0 0 2.2 8.7Zm0-5.5v3.1a15.5 15.5 0 0 1 15.5 15.5h3.1A18.6 18.6 0 0 0 2.2 3.2Z"/></svg></a><a class="contact-link" href="contact.php" aria-label="Contact" title="Contact"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg></a></div></header>
diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000..96f8a77
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,89 @@
+<?php
+$config = require __DIR__ . "/config.php";
+function h($s){ return htmlspecialchars((string)$s, ENT_QUOTES, "UTF-8"); }
+
+$msg = '';
+$err = '';
+$form_name = '';
+$form_email = '';
+$form_message = '';
+
+// ##################################################################
+// ## IMPORTANT: Replace this with your actual email address.      ##
+// ##################################################################
+$to_email = 'your-real-email@example.com';
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $form_name = trim((string)($_POST['name'] ?? ''));
+    $form_email = trim((string)($_POST['email'] ?? ''));
+    $form_message = trim((string)($_POST['message'] ?? ''));
+    $honeypot = trim((string)($_POST['website'] ?? ''));
+
+    if ($honeypot !== '') {
+        // This was likely a bot, fail silently but look like a success.
+        $msg = "Thank you for your message!";
+    } elseif ($form_name === '' || $form_email === '' || $form_message === '') {
+        $err = "Please fill out all required fields.";
+    } elseif (!filter_var($form_email, FILTER_VALIDATE_EMAIL)) {
+        $err = "Please provide a valid email address.";
+    } else {
+        $subject = "MVLog Contact Form Submission from " . $form_name;
+        $body = "Name: " . $form_name . "\n";
+        $body .= "Email: " . $form_email . "\n\n";
+        $body .= "Message:\n" . str_replace(["\r\n", "\r"], "\n", $form_message);
+        
+        $headers = "From: " . $form_name . " <" . $form_email . ">\r\n";
+        $headers .= "Reply-To: " . $form_email . "\r\n";
+        $headers .= "X-Mailer: PHP/" . phpversion();
+
+        if (mail($to_email, $subject, $body, $headers)) {
+            $msg = "Thank you for your message! I will get back to you shortly.";
+            $form_name = $form_email = $form_message = ''; // Clear form on success
+        } else {
+            $err = "Sorry, there was an error sending your message. Please try again later.";
+        }
+    }
+}
+
+$headerTitles = [ 'Moto Vlog', 'Multiple Voices Log', 'Multi-Version Log', 'MultiVerse Log', 'Miles & Views Log', 'Moving Vistas Log', 'Motorcycle Voyage Log', 'Mapped Vagabond Log', 'Mountain Valley Log', 'Miles Versus Logic', 'Motorcycle Voyage Log', 'Mapped Vagabond Log', 'Multiple Viewpoints Log', 'Multiple Versions of Life', 'Motion, Velocity & Luck', 'Miles, Views & Life', 'Many Voices of Life', 'Many Views of Life', 'Modern Vagabond Log', 'Motorcycle Wanderlust Log', 'Mapped Wanderings Log', 'Miles Beyond Reason', 'Miles Beyond Reality', 'Motion, Velocity & Lunacy', 'Miles, Wind & Luck', 'Maps, Villages & Legends', 'Multi-Vision Log', 'Multi-Vista Log', 'Mutable View Log', 'Mistakes, Victories & Lessons', 'Mostly Verified Legends', 'Mostly Vague Logistics', 'Marginally Viable Leadership', 'Mileage Versus Luck', 'Mechanical Violence Log', 'Moderately Violent Leisure', 'Mistakes Validated Later', ];
+$siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
+?>
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>MVL - Contact</title>
+<meta property="og:title" content="MVL">
+<meta property="og:description" content="journal of an unreliable narrator.">
+<meta property="og:image" content="https://bubulescu.org/assets/img/moto_travel.png">
+<meta property="og:url" content="https://bubulescu.org">
+<link rel="icon" type="image/png" href="assets/img/moto_travel.png">
+<link rel="stylesheet" href="style.css?v=20260531k">
+</head>
+<body>
+<?php include __DIR__ . '/_header.php'; ?>
+<main>
+<section class="contact-form-section">
+  <h2>Contact</h2>
+  
+  <?php if($msg): ?><div class="ok"><?=h($msg)?></div><?php endif; ?>
+  <?php if($err): ?><div class="err"><?=h($err)?></div><?php endif; ?>
+
+  <form method="post" action="contact.php" id="contact-form">
+    <label>Name*<input type="text" name="name" value="<?=h($form_name)?>" required></label>
+    <label>Email*<input type="email" name="email" value="<?=h($form_email)?>" required></label>
+    <label>Message*<textarea name="message" required><?=h($form_message)?></textarea></label>
+    
+    <!-- Honeypot field for spam bots -->
+    <div style="position: absolute; left: -5000px;" aria-hidden="true">
+      <label>Don't fill this out if you're human: <input type="text" name="website" tabindex="-1" autocomplete="off"></label>
+    </div>
+    
+    <button type="submit">Send Message</button>
+  </form>
+</section>
+</main>
+<?php include __DIR__ . '/_footer.php'; ?>
+</body>
+</html>
diff --git a/index.php b/index.php
index cec7da6..e48ebc7 100644
--- a/index.php
+++ b/index.php
@@ -249,14 +249,22 @@ $headerTitles = [
     'Mountain Valley Log',
     'Miles Versus Logic',
     'Motorcycle Voyage Log',
+    'Mapped Vagabond Log',
     'Multiple Viewpoints Log',
     'Multiple Versions of Life',
     'Motion, Velocity & Luck',
     'Miles, Views & Life',
     'Many Voices of Life',
+    'Many Views of Life',
     'Modern Vagabond Log',
+    'Motorcycle Wanderlust Log',
+    'Mapped Wanderings Log',
+    'Miles Beyond Reason',
+    'Miles Beyond Reality',
     'Motion, Velocity & Lunacy',
+    'Miles, Wind & Luck',
     'Maps, Villages & Legends',
+    'Multi-Vision Log',
     'Multi-Vista Log',
     'Mutable View Log',
     'Mistakes, Victories & Lessons',
@@ -276,20 +284,13 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>MVL</title>
-
-<meta property="og:title" content="MVL — journal of an unreliable narrator.">
-<meta property="og:description" content="Motorcycle journeys, videos and stories..">
-<meta property="og:image" content="http://bubulescu.org/assets/img/moto_travel.png">
-<meta property="og:image:width" content="1200">
-<meta property="og:image:height" content="630">
+<meta property="og:title" content="MVL">
+<meta property="og:description" content="journal of an unreliable narrator.">
+<meta property="og:image" content="https://bubulescu.org/assets/img/moto_travel.png">
 <meta property="og:url" content="https://bubulescu.org">
-<meta property="og:type" content="website">
-<meta property="og:site_name" content="MVL">
-<meta name="twitter:card" content="summary_large_image">
-
 <link rel="alternate" type="application/rss+xml" title="MVLog RSS" href="feed.php">
 <link rel="icon" type="image/png" href="assets/img/moto_travel.png">
-<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="style.css?v=20260531k">
 <style>
 .filter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;margin:0 0 .4rem}
 .filter-input-wrap{position:relative;min-width:0}
@@ -325,7 +326,7 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
 </style>
 </head>
 <body>
-<header class="site-header admin-header"><div class="brand-wrap"><a class="header-logo" href="index.php" aria-label="MVLog home"><img src="assets/img/moto_travel.png" alt=""></a><a class="brand" href="index.php"><h1><?=h($siteHeaderTitle)?></h1><p>journal of an<br>unreliable narrator.</p></a></div><button id="push-toggle" class="push-toggle" type="button" hidden aria-label="Notifications" title="Notifications"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22a2.7 2.7 0 0 0 2.6-2h-5.2A2.7 2.7 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5-6.7V3a2 2 0 0 0-4 0v1.3A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z"/></svg></button><a class="rss-link" href="feed.php" aria-label="RSS feed" title="RSS feed"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 17.8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2.2 8.7v3.1a10 10 0 0 1 10 10h3.1A13.1 13.1 0 0 0 2.2 8.7Zm0-5.5v3.1a15.5 15.5 0 0 1 15.5 15.5h3.1A18.6 18.6 0 0 0 2.2 3.2Z"/></svg></a></header>
+<?php include __DIR__ . '/_header.php'; ?>
 <main>
 <section id="videos">
   <form method="get" class="filter-form">
@@ -399,36 +400,6 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
   </div>
 </section>
 </main>
-<footer>Bubulescu.Org</footer>
-<script>
-(function(){
-  const btn=document.getElementById('push-toggle');
-  if(!btn || !('serviceWorker' in navigator) || !('PushManager' in window) || !('Notification' in window)) return;
-  function b64uToUint8Array(s){ const pad='='.repeat((4-s.length%4)%4); const b64=(s+pad).replace(/-/g,'+').replace(/_/g,'/'); const raw=atob(b64); return Uint8Array.from([...raw].map(c=>c.charCodeAt(0))); }
-  async function state(reg){ const sub=await reg.pushManager.getSubscription(); btn.classList.toggle('active', !!sub); btn.title=sub?'Notifications on':'Notifications'; btn.hidden=false; return sub; }
-  navigator.serviceWorker.register('sw.js').then(async reg=>{
-    const cfg=await fetch('push_config.php',{cache:'no-store'}).then(r=>r.json()).catch(()=>({enabled:false}));
-    if(!cfg.enabled || !cfg.publicKey) return;
-    await state(reg);
-    btn.addEventListener('click', async ()=>{
-      btn.disabled=true;
-      try{
-        let sub=await reg.pushManager.getSubscription();
-        if(sub){
-          return;
-        }else{
-          const perm=await Notification.requestPermission();
-          if(perm!=='granted') return;
-          sub=await reg.pushManager.subscribe({userVisibleOnly:true,applicationServerKey:b64uToUint8Array(cfg.publicKey)});
-          await fetch('push_subscribe.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(sub)});
-        }
-        await state(reg);
-      }catch(e){ alert(e.message || 'Could not update notifications'); }
-      finally{ await state(reg); }
-    });
-  });
-})();
-</script>
-<script src="js/map_lightbox.js?v=20260531b" defer></script>
+<?php include __DIR__ . '/_footer.php'; ?>
 </body>
 </html>
diff --git a/new.php b/new.php
index eca2bf2..f38ef1d 100644
--- a/new.php
+++ b/new.php
@@ -1040,8 +1040,8 @@ $editDir = null; $editStatus = ''; $editRunning = false; $editData = ['title'=>'
 if ($editName !== '' || $editId !== '') { try { $editDir = resolve_input_dir_from_request($config['uploads_dir'], $editId, $editName, $articleIndex); $editStatus = input_dir_status($editDir); $editRunning = input_dir_running($editDir); if (!$editRunning) { $editData = read_data($editDir); $editFiles = media_sort_files($editDir, list_files($editDir)); } } catch (Throwable $e) { $err = $e->getMessage(); } }
 $runningJobs = active_worker_jobs($config);
 ?>
-<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>MVL Admin</title><link rel="icon" type="image/png" href="assets/img/moto_travel.png"><link rel="stylesheet" href="style.css"><style>.admin-search-form{display:flex;flex-wrap:nowrap;align-items:center;gap:.55rem;margin:0 0 .6rem;overflow-x:auto;padding-bottom:2px}.admin-search-wrap{position:relative;min-width:180px;flex:1 1 auto}.admin-search-wrap input{margin:0;padding-right:2.15rem}.admin-search-clear{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#C46A3A;color:#111315;text-decoration:none;font-size:1rem;line-height:1;font-weight:700;box-shadow:0 1px 4px #0007;transition:opacity .15s ease,transform .15s ease}.admin-search-clear:hover{background:#d97b48;color:#111315;transform:translateY(-50%) scale(1.05)}.admin-search-clear.is-empty{opacity:.38;pointer-events:none}.admin-search-submit{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;border-radius:.5rem;background:#C46A3A;color:#111315;flex:0 0 auto}.admin-search-submit .icon{font-size:1.02rem;line-height:1;transform:translateY(.01em)}.admin-search-filters{display:flex;flex-wrap:nowrap;gap:.7rem;align-items:center;flex:0 0 auto;white-space:nowrap}.admin-filter-item{display:inline-flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap;font-size:.92rem}.admin-filter-item input[type=checkbox]{width:.9rem;height:.9rem;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.description-teaser{margin:.2rem 0 .45rem;color:#eadfca}.description-quote{margin:.2rem 0 .45rem;font-style:italic;font-size:.82rem;color:#d4d7dd}</style></head><body>
-<header class="site-header admin-header"><div class="brand-wrap"><a class="header-logo" href="index.php" aria-label="MVLog home"><img src="assets/img/moto_travel.png" alt=""></a><a class="brand" href="index.php"><h1 style="font-size:1.15rem">MVLog <span class="admin-word">Admin</span></h1><p>journal of an<br>unreliable narrator.</p></a></div></header>
+<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>MVL Admin</title><link rel="icon" type="image/png" href="assets/img/moto_travel.png"><link rel="stylesheet" href="style.css?v=20260531k"><style>.admin-search-form{display:flex;flex-wrap:nowrap;align-items:center;gap:.55rem;margin:0 0 .6rem;overflow-x:auto;padding-bottom:2px}.admin-search-wrap{position:relative;min-width:180px;flex:1 1 auto}.admin-search-wrap input{margin:0;padding-right:2.15rem}.admin-search-clear{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#C46A3A;color:#111315;text-decoration:none;font-size:1rem;line-height:1;font-weight:700;box-shadow:0 1px 4px #0007;transition:opacity .15s ease,transform .15s ease}.admin-search-clear:hover{background:#d97b48;color:#111315;transform:translateY(-50%) scale(1.05)}.admin-search-clear.is-empty{opacity:.38;pointer-events:none}.admin-search-submit{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;border-radius:.5rem;background:#C46A3A;color:#111315;flex:0 0 auto}.admin-search-submit .icon{font-size:1.02rem;line-height:1;transform:translateY(.01em)}.admin-search-filters{display:flex;flex-wrap:nowrap;gap:.7rem;align-items:center;flex:0 0 auto;white-space:nowrap}.admin-filter-item{display:inline-flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap;font-size:.92rem}.admin-filter-item input[type=checkbox]{width:.9rem;height:.9rem;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.description-teaser{margin:.2rem 0 .45rem;color:#eadfca}.description-quote{margin:.2rem 0 .45rem;font-style:italic;font-size:.82rem;color:#d4d7dd}</style></head><body>
+<header class="site-header admin-header"><div class="brand-wrap"><a class="header-logo" href="index.php" aria-label="MVLog home"><img src="assets/img/moto_travel.png" alt=""></a><a class="brand" href="index.php"><h1 style="font-size:1.15rem">MVLog <span class="admin-word">Admin</span></h1><p>journal of an<br>unreliable narrator.</p></a></div><div class="header-actions"><a class="contact-link" href="contact.php" aria-label="Contact" title="Contact"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg></a></div></header>
 <main>
 <?php if($err): ?><div class="err"><?=h($err)?></div><?php endif; ?>
 
@@ -1553,187 +1553,5 @@ document.addEventListener('DOMContentLoaded', function(){
 });
 </script></main>
 <footer>Input dirs are saved under <code>in-dir/</code>.</footer>
-<footer class="site-footer admin-footer"><div class="admin-left"><nav class="tabs"><a class="<?= $tab==='new'?'active':'' ?>" href="new.php?tab=new">New</a><a class="<?= $tab==='edit'?'active':'' ?>" href="new.php?tab=edit">Edit</a><a class="<?= $tab==='videos'?'active':'' ?>" href="new.php?tab=videos">Videos</a></nav></div><div id="job-status" class="job-status"<?= empty($runningJobs) ? ' hidden' : '' ?>><?php foreach($runningJobs as $job): ?><span class="job-dot"></span><span><?=h(str_replace('_', ' ', $job['name']))?></span><?php if(!empty($job['started_at'])): ?><span class="job-age">(<?=h(format_job_age($job['started_at']))?>)</span><?php endif; ?><?php endforeach; ?></div><div class="admin-right"><a class="logout-link" href="logout.php">Log off</a></div></footer>
-<script>document.querySelectorAll('textarea[data-counter]').forEach(function(t){var c=document.getElementById(t.dataset.counter);function u(){c.textContent=t.value.length+' / '+t.maxLength+' characters';}t.addEventListener('input',u);u();});</script>
-<script>
-(function(){
-  function attachDescribeButtons(){
-    document.querySelectorAll('.admin-video-row').forEach(function(row){
-      if (row.querySelector('.describe-button')) return;
-      var actions = row.querySelector('.admin-actions');
-      if (!actions) return;
-      var job = row.dataset.job || '';
-      var articleId = row.dataset.id || '';
-      if (!job && !articleId) return;
-      var describe = document.createElement('a');
-      describe.className = 'button describe-button';
-      describe.href = '#';
-      describe.dataset.job = job;
-      describe.dataset.id = articleId;
-      describe.textContent = 'Describe';
-      var first = actions.querySelector('.button');
-      if (first) actions.insertBefore(describe, first);
-      else actions.appendChild(describe);
-    });
-  }
-
-  function showModal(job, articleId, description, teaser, quoteDa, rawJson){
-    var existing = document.getElementById('mvlog-gemini-modal');
-    if (existing) existing.remove();
-    var overlay = document.createElement('div');
-    overlay.id = 'mvlog-gemini-modal';
-    overlay.style.cssText = 'position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;';
-    var box = document.createElement('div');
-    box.style.cssText = 'background:white;color:#111;padding:20px;max-width:900px;max-height:80vh;overflow:auto;border-radius:6px;font-family:inherit;';
-    var h = document.createElement('h3');
-    h.textContent = 'Generated description';
-    var quoteBox = null;
-    if (quoteDa) {
-      quoteBox = document.createElement('div');
-      quoteBox.style.cssText = 'white-space:pre-wrap;font-style:italic;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:10px;background:#f4f0ff;border-radius:4px;';
-      quoteBox.textContent = '“' + quoteDa + '”';
-    }
-    var pre = document.createElement('div');
-    pre.style.cssText = 'white-space:pre-wrap;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:12px;background:#f8f8f8;border-radius:4px;';
-    pre.textContent = description || '';
-    var teaserBox = null;
-    if (teaser) {
-      teaserBox = document.createElement('div');
-      teaserBox.style.cssText = 'white-space:pre-wrap;font-family:inherit;margin-top:10px;border:1px solid #eee;padding:10px;background:#fff7e8;border-radius:4px;';
-      teaserBox.textContent = teaser;
-    }
-    var btnBar = document.createElement('div');
-    btnBar.style.cssText = 'margin-top:12px;text-align:right;';
-    var useBtn = document.createElement('button');
-    useBtn.className = 'button';
-    useBtn.textContent = 'Use in form';
-    var cancelBtn = document.createElement('button');
-    cancelBtn.className = 'button';
-    cancelBtn.textContent = 'Close';
-    cancelBtn.style.marginLeft = '8px';
-    btnBar.appendChild(useBtn);
-    btnBar.appendChild(cancelBtn);
-    box.appendChild(h);
-    if (teaserBox) box.appendChild(teaserBox);
-    if (quoteBox) box.appendChild(quoteBox);
-    box.appendChild(pre);
-    box.appendChild(btnBar);
-    overlay.appendChild(box);
-    document.body.appendChild(overlay);
-
-    cancelBtn.addEventListener('click', function(){ overlay.remove(); });
-    useBtn.addEventListener('click', function(){
-      var editForm = document.getElementById('edit-form');
-      if (editForm){
-        var idInput = editForm.querySelector('input[name="id"]');
-        var dirInput = editForm.querySelector('input[name="dir"]');
-        var sameById = !!(articleId && idInput && idInput.value === articleId);
-        var sameByDir = !!(job && dirInput && dirInput.value === job);
-        if (sameById || sameByDir){
-          var textarea = editForm.querySelector('textarea[name="description"]');
-          if (textarea){
-            textarea.value = description || '';
-            var teaserInput = editForm.querySelector('input[name="teaser"]');
-            if (teaserInput && teaser) teaserInput.value = teaser;
-            var quoteInput = editForm.querySelector('input[name="quote_da"]');
-            if (quoteInput && quoteDa) quoteInput.value = quoteDa;
-            showToast('Inserted generated description' + (teaser || quoteDa ? ' and extras' : '') + ' into form. Click Save changes to apply.', true);
-            overlay.remove();
-            return;
-          }
-        }
-      }
-      var storageKey = 'mvlog_gemini_description_' + (articleId || job);
-      try { localStorage.setItem(storageKey, JSON.stringify({description: description || '', teaser: teaser || '', quote_da: quoteDa || ''})); } catch(e){}
-      var href = 'new.php?tab=edit';
-      if (articleId) href += '&id=' + encodeURIComponent(articleId);
-      if (job) href += '&edit=' + encodeURIComponent(job);
-      window.location.href = href;
-    });
-  }
-
-  document.addEventListener('click', function(e){
-    var el = (e.target && e.target.closest && e.target.closest('.describe-button')) || (e.target && e.target.classList && e.target.classList.contains && e.target.classList.contains('describe-button') ? e.target : null);
-    if (!el) return;
-    e.preventDefault();
-    var job = el.dataset.job || '';
-    var articleId = el.dataset.id || '';
-    if (!job && !articleId) return;
-    el.classList.add('disabled');
-    var oldText = el.textContent;
-    el.textContent = 'Generating...';
-    fetch('lib/generate_data_sync.php', {
-      method: 'POST',
-      credentials: 'same-origin',
-      headers: {'Content-Type':'application/x-www-form-urlencoded'},
-      body: 'id=' + encodeURIComponent(articleId) + '&job=' + encodeURIComponent(job) + '&max_frames=16'
-    }).then(function(r){ return r.json().catch(()=>({})); })
-    .then(function(data){
-      if (data && data.status === 'ok'){
-        var desc = data.description || (data.raw_json && JSON.stringify(data.raw_json)) || '';
-        var teaser = data.teaser || '';
-        var rawFirst = (Array.isArray(data.raw_json) && data.raw_json.length) ? data.raw_json[0] : data.raw_json;
-        var quoteDa = data.quote_da || (rawFirst && rawFirst.quote_da) || '';
-        showModal(job, articleId, desc, teaser, quoteDa, data.raw_json || null);
-      } else {
-        var msg = (data && data.message) ? data.message : 'No response';
-        if (data && data.log) {
-          try {
-            var log = String(data.log);
-            var lines = log.split('\n').map(function(l){ return l.trim(); }).filter(function(l){ return l.length>0; });
-            var keywords = ['quota','rate limit','rate-limit','429','503','overloaded','high demand','busy','unavailable','error','failed','retry'];
-            var found = lines.find(function(l){ var ll=l.toLowerCase(); return keywords.some(function(k){ return ll.indexOf(k) !== -1; }); });
-            if (found) msg += ' — ' + found;
-            else if (lines.length) msg += ' — ' + lines[0].slice(0,200);
-          } catch(e){}
-        }
-        showToast('Error: ' + msg, false, (data && data.log) ? (typeof data.log === 'string' ? data.log : JSON.stringify(data.log)) : null);
-      }
-}).catch(function(err){
-      showToast('Request failed: ' + err, false);
-    }).finally(function(){
-      el.classList.remove('disabled');
-      el.textContent = oldText;
-    });
-  });
-
-  attachDescribeButtons();
-  var list = document.querySelector('.admin-list.video-list');
-  if (list) new MutationObserver(function(){ attachDescribeButtons(); }).observe(list, {childList:true, subtree:true});
-
-  // On edit page load: if a generated description is in localStorage, insert it into the form.
-  (function(){
-    var editForm = document.getElementById('edit-form');
-    if (!editForm) return;
-    var dirInput = editForm.querySelector('input[name="dir"]');
-    var idInput = editForm.querySelector('input[name="id"]');
-    if (!dirInput && !idInput) return;
-    var job = dirInput ? dirInput.value : '';
-    var articleId = idInput ? idInput.value : '';
-    try {
-      var key = 'mvlog_gemini_description_' + (articleId || job);
-      var raw = localStorage.getItem(key);
-      if (raw) {
-        var payload = null;
-        try { payload = JSON.parse(raw); } catch(e) { payload = {description: raw, teaser: '', quote_da: ''}; }
-        var desc = (payload && typeof payload === 'object') ? String(payload.description || '') : String(raw || '');
-        var teaser = (payload && typeof payload === 'object') ? String(payload.teaser || '') : '';
-        var quoteDa = (payload && typeof payload === 'object') ? String(payload.quote_da || '') : '';
-        var textarea = editForm.querySelector('textarea[name="description"]');
-        if (textarea) {
-          textarea.value = desc;
-          var teaserInput = editForm.querySelector('input[name="teaser"]');
-          if (teaserInput && teaser) teaserInput.value = teaser;
-          var quoteInput = editForm.querySelector('input[name="quote_da"]');
-          if (quoteInput && quoteDa) quoteInput.value = quoteDa;
-          showToast('Inserted generated description' + (teaser || quoteDa ? ' and extras' : '') + ' into form. Click Save changes to apply.', true);
-        }
-        localStorage.removeItem(key);
-      }
-    } catch(e){}
-  })();
-
-})();
-</script>
-<script src="js/map_lightbox.js?v=20260531b" defer></script>
-</body></html>
\ No newline at end of file
+<?php include __DIR__ . '/_footer_admin.php'; ?>
+</body></html>
diff --git a/style.css b/style.css
index eb5a234..08ddc58 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,73 @@
-@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}html,body{overflow-x:hidden}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(27,30,34,.92);backdrop-filter:blur(6px);color:#F3F4F6;padding:1.15rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:.95rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{position:relative;display:inline-block;padding:.1rem 1.5rem .3rem;text-decoration:none;color:#F3F4F6}.brand::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:12.5rem;height:2px;background:#3BA7A0;opacity:.6;z-index:0}.brand h1,.brand p{position:relative;z-index:2}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;left:50%;top:calc(100% - 1.2rem);transform:translate(-50%,-50%) translateX(-7.65rem);display:block;width:6.9rem;height:6.9rem;overflow:visible;z-index:1;opacity:.7}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.push-toggle{box-sizing:border-box;appearance:none;-webkit-appearance:none;position:absolute;right:calc(max(1rem,calc((100vw - 1100px)/2 + 1rem)) + 2.35rem);top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#3BA7A0;border:1px solid #3BA7A0;border-radius:.4rem;color:#111315;padding:0}.push-toggle svg{width:1rem;height:1rem;fill:currentColor}.push-toggle:hover{background:#4fb9b2;border-color:#4fb9b2;color:#111315}.push-toggle.active{background:#C46A3A;border-color:#C46A3A;color:#fff;cursor:default;opacity:.9}.push-toggle:disabled{cursor:default}.rss-link{box-sizing:border-box;position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#C46A3A;border:1px solid #C46A3A;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#d97b48;border-color:#d97b48;color:#fff}.site-header.admin-header{padding-bottom:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.brand .admin-word{font-size:.5em}.site-header.admin-header .brand-wrap{grid-column:2}.site-header.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:stretch;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem}.job-status{display:flex;align-items:center;gap:.35rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.72rem;margin-right:auto;padding-bottom:.3rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.45rem;height:.45rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .14rem rgba(196,106,58,.18)}.job-age{color:#A0A4AB;opacity:.85;font-size:.72rem}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}main{max-width:1100px;margin:2rem auto;padding:7.5rem 1rem 7rem}.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-row > div,.video-info{min-width:0}.admin-video-row{align-items:stretch}.admin-video-row.shown{outline:1px solid #C46A3A;outline-offset:2px;box-shadow:0 0 0 1px rgba(196,106,58,.16),0 2px 16px #0006}.admin-row-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem}.video-placeholder{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem;overflow:hidden}.video-placeholder img{width:38%;max-height:80%;object-fit:contain;opacity:.55}.video-placeholder span{position:absolute;bottom:.65rem;color:#A0A4AB;font-size:.9rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}textarea[name="description"]{min-height:12rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:3000;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:min(380px,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:.55rem;box-shadow:0 8px 28px #0009;color:#F3F4F6;background:#1B1E22;border:1px solid #3BA7A0;opacity:0;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.ok-toast{background:#1f3b32;border-color:#3BA7A0}.toast.err-toast{background:#4a241f;border-color:#C46A3A}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-time{color:#7f858d;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:400;white-space:nowrap;margin-left:.15rem}.admin-time.admin-time-stale{color:#C46A3A;font-weight:600}.admin-main{flex:1}.admin-actions{display:flex;align-items:center;gap:.6rem}.inline-form{display:inline;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.switch-label{display:flex;align-items:center;gap:.45rem;margin:0;color:#A0A4AB;font-size:.85rem;cursor:pointer;user-select:none}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;display:inline-block;width:2.55rem;height:1.35rem;border-radius:999px;background:#3a3d42;border:1px solid #555b63;transition:.18s;flex:none}.switch-ui::after{content:"";position:absolute;top:.1rem;left:.12rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#F3F4F6;box-shadow:0 1px 4px #0008;transition:transform .18s ease}.switch-label input:checked + .switch-ui{background:#3BA7A0;border-color:#3BA7A0}.switch-label input:checked + .switch-ui::after{transform:translateX(1.2rem)}.switch-label input:disabled + .switch-ui{opacity:.45;cursor:not-allowed}.switch-label input:focus-visible + .switch-ui{outline:2px solid #C46A3A;outline-offset:2px}.switch-text{white-space:nowrap}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:2}
+@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}html,body{overflow-x:hidden}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(27,30,34,.92);backdrop-filter:blur(6px);color:#F3F4F6;padding:1.15rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:.95rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{position:relative;display:inline-block;padding:.1rem 1.5rem .3rem;text-decoration:none;color:#F3F4F6}.brand::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:12.5rem;height:2px;background:#3BA7A0;opacity:.6;z-index:0}.brand h1,.brand p{position:relative;z-index:2}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;left:50%;top:calc(100% - .74rem);transform:translate(-50%,-46%) translateX(-7.65rem);display:block;width:6.9rem;height:6.9rem;overflow:visible;z-index:1;opacity:.7}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.push-toggle{box-sizing:border-box;appearance:none;-webkit-appearance:none;position:absolute;right:calc(max(1rem,calc((100vw - 1100px)/2 + 1rem)) + 2.35rem);top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#3BA7A0;border:1px solid #3BA7A0;border-radius:.4rem;color:#111315;padding:0}.push-toggle svg{width:1rem;height:1rem;fill:currentColor}.push-toggle:hover{background:#4fb9b2;border-color:#4fb9b2;color:#111315}.push-toggle.active{background:#C46A3A;border-color:#C46A3A;color:#fff;cursor:default;opacity:.9}.push-toggle:disabled{cursor:default}.rss-link{box-sizing:border-box;position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#C46A3A;border:1px solid #C46A3A;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#d97b48;border-color:#d97b48;color:#fff}.site-header.admin-header{padding-bottom:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.brand .admin-word{font-size:.5em}.site-header.admin-header .brand-wrap{grid-column:2}.site-header.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:stretch;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem}.job-status{display:flex;align-items:center;gap:.35rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.72rem;margin-right:auto;padding-bottom:.3rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.45rem;height:.45rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .14rem rgba(196,106,58,.18)}.job-age{color:#A0A4AB;opacity:.85;font-size:.72rem}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}/* Header buttons */
+.header-actions {
+  position: absolute;
+  right: max(1rem,calc((100vw - 1100px)/2 + 1rem));
+  top: .5rem;
+  display: flex;
+  flex-direction: column;
+  gap: .4rem;
+}
+.header-actions > a,
+.header-actions > button {
+  box-sizing: border-box;
+  display: grid;
+  place-items: center;
+  width: 1.45rem;
+  height: 1.45rem;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: .35rem;
+  text-decoration: none;
+}
+.header-actions .push-toggle,
+.header-actions .rss-link,
+.header-actions .contact-link{position:static!important}
+.header-actions svg { width: .75rem; height: .75rem; fill: currentColor; }
+
+/* Push button */
+.push-toggle {
+  position: static;
+  background: #3BA7A0;
+  border-color: #3BA7A0;
+  color: #111315;
+}
+.push-toggle:hover { background: #4fb9b2; border-color: #4fb9b2; color: #111315; }
+.push-toggle.active { background: #C46A3A; border-color: #C46A3A; color: #fff; cursor: default; opacity: .9; }
+.push-toggle:disabled { cursor: default; }
+
+/* RSS and Contact buttons */
+.rss-link,
+.contact-link {
+  background: #C46A3A;
+  border-color: #C46A3A;
+  color: #fff;
+}
+.rss-link:hover,
+.contact-link:hover { background: #d97b48; border-color: #d97b48; color: #fff; }
+
+.site-header.admin-header .header-actions {
+  top: .3rem;
+}
+.contact-link svg{width:.8rem;height:.8rem;fill:currentColor}
+
+main { max-width:1100px; margin:2rem auto; padding:7.5rem 1rem 7rem; }
+.contact-form-section {
+  max-width: 680px;
+  margin: 0 auto;
+  background: rgba(27,30,34,.92);
+  backdrop-filter: blur(2px);
+  border-radius: .8rem;
+  padding: 1rem;
+  box-shadow: 0 2px 16px #0006;
+}
+.contact-form-section h2 {
+  font-size: 1.6rem;
+  margin: .1rem 0 1rem;
+}
+#contact-form textarea {
+  min-height: 10rem;
+}
+.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-row > div,.video-info{min-width:0}.admin-video-row{align-items:stretch}.admin-video-row.shown{outline:1px solid #C46A3A;outline-offset:2px;box-shadow:0 0 0 1px rgba(196,106,58,.16),0 2px 16px #0006}.admin-row-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem}.video-placeholder{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem;overflow:hidden}.video-placeholder img{width:38%;max-height:80%;object-fit:contain;opacity:.55}.video-placeholder span{position:absolute;bottom:.65rem;color:#A0A4AB;font-size:.9rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}textarea[name="description"]{min-height:12rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:3000;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:min(380px,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:.55rem;box-shadow:0 8px 28px #0009;color:#F3F4F6;background:#1B1E22;border:1px solid #3BA7A0;opacity:0;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.ok-toast{background:#1f3b32;border-color:#3BA7A0}.toast.err-toast{background:#4a241f;border-color:#C46A3A}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-time{color:#7f858d;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:400;white-space:nowrap;margin-left:.15rem}.admin-time.admin-time-stale{color:#C46A3A;font-weight:600}.admin-main{flex:1}.admin-actions{display:flex;align-items:center;gap:.6rem}.inline-form{display:inline;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.switch-label{display:flex;align-items:center;gap:.45rem;margin:0;color:#A0A4AB;font-size:.85rem;cursor:pointer;user-select:none}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;display:inline-block;width:2.55rem;height:1.35rem;border-radius:999px;background:#3a3d42;border:1px solid #555b63;transition:.18s;flex:none}.switch-ui::after{content:"";position:absolute;top:.1rem;left:.12rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#F3F4F6;box-shadow:0 1px 4px #0008;transition:transform .18s ease}.switch-label input:checked + .switch-ui{background:#3BA7A0;border-color:#3BA7A0}.switch-label input:checked + .switch-ui::after{transform:translateX(1.2rem)}.switch-label input:disabled + .switch-ui{opacity:.45;cursor:not-allowed}.switch-label input:focus-visible + .switch-ui{outline:2px solid #C46A3A;outline-offset:2px}.switch-text{white-space:nowrap}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:2}
 
 
 
@@ -44,7 +113,7 @@
   .caption-row button[type="button"]{width:100%}
 }
 @media (max-width: 900px){
-  .header-logo{top:calc(100% - 1.2rem);transform:translate(-50%,-50%) translateX(-7.65rem)}
+  .header-logo{top:calc(100% - 1.24rem);transform:translate(-50%,-46%) translateX(-7.65rem)}
 }
 
 .describe-button{display:inline-block;margin-right:.6rem}
@@ -138,3 +207,12 @@ body.map-lightbox-open { overflow: hidden; }
   color: #A0A4AB;
   font-size: .82rem;
 }
+
+/* Hard override for header action icon sizing */
+.site-header .header-actions{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.5rem;display:flex;flex-direction:column;gap:.3rem;z-index:5}
+.site-header .header-actions>a,
+.site-header .header-actions>button{display:grid!important;place-items:center!important;width:1.45rem!important;height:1.45rem!important;padding:0!important;line-height:1!important;overflow:hidden;box-sizing:border-box;border-radius:.35rem}
+.site-header .header-actions .push-toggle,
+.site-header .header-actions .rss-link,
+.site-header .header-actions .contact-link{position:static!important}
+.site-header .header-actions svg{width:.75rem!important;height:.75rem!important;max-width:.75rem!important;max-height:.75rem!important;display:block}