feat: wire editor.html as primary editor, fix its sidebar/branding

- All pages: Editor nav link now points to editor.html (in-house NLE)
- Removes the :47435 OpenReel resolver script from all pages
- editor.html: canonical Z-AMPP sidebar (all 10 nav items, correct icons)
- editor.html: Z-AMPP brand logo, removes Wild Dragon SVG mark
- editor.html: removes Google Fonts import
- editor.html: adds auth-guard.js
This commit is contained in:
Zac Gaetano 2026-05-18 23:11:53 -04:00
parent 910bbf8d3f
commit 656c820638
11 changed files with 35 additions and 88 deletions

View file

@ -212,7 +212,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -546,11 +546,5 @@
}
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -436,11 +436,5 @@
<script src="js/api.js"></script>
<script src="js/topbar-strip.js"></script>
<script src="js/edit.js?v=2"></script>
<script>
(function(){
var el=document.getElementById("editor-nav-link");
if(el){el.href=location.protocol+"//"+location.hostname+":47435/";}
})();
</script>
</body>
</html>

View file

@ -3,11 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Editor — Wild Dragon</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/common.css">
<title>Editor — Z-AMPP</title>
<link rel="stylesheet" href="css/common.css">
<style>
/* ── Editor layout ─────────────────────────────────────────── */
.editor-shell {
@ -200,19 +198,23 @@
<!-- Sidebar -->
<nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand">
<div class="sidebar-brand-mark">
<svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12"><path d="M8 1L2 5v6l6 4 6-4V5L8 1zm0 2.2L12 6v4l-4 2.7L4 10V6l4-2.8z"/></svg>
<img src="img/dragon-logo.png?v=1" alt="Wild Dragon" class="sidebar-logo">
<span class="sidebar-brand-name">Z-AMPP</span>
</div>
<span class="sidebar-brand-name">Wild Dragon</span>
</div>
<nav class="sidebar-nav">
<a href="home.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 7l6-5 6 5v7a1 1 0 0 1-1 1h-3v-5H6v5H3a1 1 0 0 1-1-1z"/></svg>
Home
</a>
<a href="index.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="1" y="1" width="6" height="6" rx="1"/><rect x="9" y="1" width="6" height="6" rx="1"/><rect x="1" y="9" width="6" height="6" rx="1"/><rect x="9" y="9" width="6" height="6" rx="1"/></svg>
Library
</a>
<a href="editor.html" class="nav-item active">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="1" y="3" width="14" height="10" rx="1"/><path d="M1 7h14M5 3v10M5 7l3-2v4l-3-2z"/></svg>
Editor
<a href="projects.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M1 4a1 1 0 0 1 1-1h4l2 2h5a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"/></svg>
Projects
</a>
<a href="upload.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 11V3M5 6l3-3 3 3"/><path d="M2 13h12"/></svg>
@ -230,16 +232,21 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<div class="sidebar-section-label">Admin</div>
<a href="settings.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="8" cy="8" r="2.5"/><path d="M8 1v1.5M8 13.5V15M1 8h1.5M13.5 8H15M3.2 3.2l1 1M11.8 11.8l1 1M3.2 12.8l1-1M11.8 4.2l1-1"/></svg>
Settings
<a href="editor.html" class="nav-item active">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
<div class="sidebar-section-label">Admin</div>
<a href="users.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="8" cy="5" r="3"/><path d="M2 14c0-3.3 2.7-6 6-6s6 2.7 6 6"/></svg>
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="6" cy="5" r="2.5"/><path d="M1 13c0-2.8 2.2-5 5-5s5 2.2 5 5"/><circle cx="12" cy="5" r="2"/><path d="M15 12c0-1.9-1.3-3.5-3-4"/></svg>
Users
</a>
<a href="tokens.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="6" cy="10" r="3.5"/><path d="M8.7 7.3L13 3M11.5 3.5l1.5 1.5M13.5 2.5l1 1"/></svg>
Tokens
</a>
</nav>
<div class="sidebar-footer">
<div class="sidebar-user">
<div class="sidebar-user-avatar" id="userAvatar">?</div>

View file

@ -221,7 +221,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -475,11 +475,5 @@
loadStats();
setInterval(loadStats, 15000);
</script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -346,7 +346,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -865,11 +865,5 @@
}
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -394,7 +394,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -880,11 +880,5 @@ loadJobs();
</script>
<script src="js/topbar-strip.js?v=1"></script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -280,7 +280,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -563,11 +563,5 @@
document.addEventListener('keydown', e => { if (e.key === 'Escape') document.querySelectorAll('.modal-overlay.open').forEach(m => m.classList.remove('open')); });
loadAll();
</script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -157,7 +157,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -813,11 +813,5 @@
}
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -348,7 +348,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -743,11 +743,5 @@
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -183,7 +183,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -485,11 +485,5 @@
}
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>

View file

@ -103,7 +103,7 @@
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
Jobs
</a>
<a href="#" id="editor-nav-link" class="nav-item" target="_blank" rel="noopener">
<a href="editor.html" class="nav-item">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 13l1.5-3.5L11 2l3 3-7.5 7.5L3 14zM10 3l3 3"/></svg>
Editor
</a>
@ -571,11 +571,5 @@
}
</script>
<script src="js/auth-guard.js"></script>
<script>
(function(){
var el=document.getElementById('editor-nav-link');
if(el){el.href=location.protocol+'//'+location.hostname+':47435/';}
})();
</script>
</body>
</html>