jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: navbar class mismatch - changed all subpages from navbar to nav-main for proper dropdown hover

Browse source
This commit is contained in:
jae 2026-04-02 23:35:23 +00:00
parent ada2ba1062
commit 17845f09fa
27 changed files with 1970 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

119
api/data/navigation.json
View file

@ -1,54 +1,109 @@
[ [
{ {
"label": "BASE", "url": "/", "order": 0, "label": "HQ",
"url": "/",
"order": 0,
"children": [ "children": [
{"label": "OPERATOR PROFILE", "url": "/#operator"}, {
{"label": "DOSSIER", "url": "/#dossier"}, "label": "OPERATOR PROFILE",
{"label": "DIAGNOSTICS", "url": "/#diagnostics"}, "url": "/hq/profile"
{"label": "SITREP", "url": "/#sitrep"}, },
{"label": "RADAR", "url": "/#radar"} {
"label": "SITE BRIEFING",
"url": "/hq/briefing"
},
{
"label": "TELEMETRY",
"url": "/hq/telemetry"
},
{
"label": "MAINTENANCE LOG",
"url": "/hq/logs"
}
] ]
}, },
{ {
"label": "TRANSMISSIONS", "url": "/blog", "order": 1, "label": "TRANSMISSIONS",
"url": "/transmissions",
"order": 1,
"children": [ "children": [
{"label": "DISPATCHES", "url": "/blog"}, {
{"label": "SYNAPTIC LOG", "url": "/blog?tag=thoughts"}, "label": "DISPATCHES",
{"label": "DIRECTIVES", "url": "/blog?tag=tasks"} "url": "/transmissions/dispatches"
},
{
"label": "SITREP",
"url": "/transmissions/sitrep"
},
{
"label": "RADAR",
"url": "/transmissions/radar"
}
] ]
}, },
{ {
"label": "ARMOURY", "url": "/blog?tag=dev", "order": 2, "label": "ARMOURY",
"url": "/armoury",
"order": 2,
"children": [ "children": [
{"label": "LOADOUT", "url": "/blog?tag=tools"}, {
{"label": "FIELD MANUALS", "url": "/blog?tag=guides"}, "label": "DEPLOYMENTS",
{"label": "BLUEPRINTS", "url": "/blog?tag=configs"}, "url": "/armoury/deployments"
{"label": "CONTRABAND", "url": "/blog?tag=discoveries"} },
{
"label": "LAB",
"url": "/armoury/lab"
},
{
"label": "FIELD MANUALS",
"url": "/armoury/fieldmanuals"
},
{
"label": "DEBRIEF",
"url": "/armoury/debrief"
}
] ]
}, },
{ {
"label": "INTEL", "url": "/blog?tag=intel", "order": 3, "label": "DEPOT",
"url": "/depot",
"order": 3,
"children": [ "children": [
{"label": "REDACTED", "url": "/blog?tag=classified"}, {
{"label": "CASE FILES", "url": "/blog?tag=truecrime"}, "label": "CONTRABAND",
{"label": "BLACK OPS", "url": "/blog?tag=conspiracy"}, "url": "/depot/contraband"
{"label": "EXHIBITS", "url": "/blog?tag=evidence"}, },
{"label": "WIRETAPS", "url": "/blog?tag=intercepts"} {
"label": "PROPAGANDA",
"url": "/depot/propaganda"
},
{
"label": "EXFIL",
"url": "/depot/exfil"
},
{
"label": "RECON",
"url": "/depot/recon"
}
] ]
}, },
{ {
"label": "SAFEHOUSE", "url": "/#links", "order": 4, "label": "COMMS",
"url": "/comms",
"order": 4,
"children": [ "children": [
{"label": "ASSET LINKS", "url": "/#links"}, {
{"label": "DEAD DROPS", "url": "/#deaddrops"} "label": "OPEN CHANNELS",
] "url": "/comms/openchannels"
}, },
{ {
"label": "COMMS", "url": "/#contact", "order": 5, "label": "ENCRYPTED LINE",
"children": [ "url": "/comms/encryptedline"
{"label": "OPEN CHANNELS", "url": "/#contact"}, },
{"label": "ENCRYPTED LINE", "url": "mailto:jaeswift@jaeswift.xyz"}, {
{"label": "BACKUP RELAY", "url": "/#backup-relay"} "label": "BACKUP RELAY",
"url": "/comms/backuprelay"
}
] ]
} }
] ]

69
armoury/debrief.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // DEBRIEF</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/armoury">ARMOURY</a>
<span class="separator">/</span>
<span class="current">DEBRIEF</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">ARMOURY // WEAPONS & EQUIPMENT</div>
<h1 class="section-header-title">DEBRIEF</h1>
<p class="section-header-sub">&gt; Post-operation assessments — reviews of apps, tools, and anything tested.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◧</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
armoury/deployments.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // DEPLOYMENTS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/armoury">ARMOURY</a>
<span class="separator">/</span>
<span class="current">DEPLOYMENTS</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">ARMOURY // WEAPONS & EQUIPMENT</div>
<h1 class="section-header-title">DEPLOYMENTS</h1>
<p class="section-header-sub">&gt; Operational systems built by JAESWIFT — live, tested, and in the field.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">▲</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
armoury/fieldmanuals.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // FIELD MANUALS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/armoury">ARMOURY</a>
<span class="separator">/</span>
<span class="current">FIELD MANUALS</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">ARMOURY // WEAPONS & EQUIPMENT</div>
<h1 class="section-header-title">FIELD MANUALS</h1>
<p class="section-header-sub">&gt; Step-by-step tactical guides and procedural walkthroughs.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">▤</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

81
armoury/index.html Normal file
View file

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // ARMOURY</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<section class="section-header">
<div class="section-header-label">WEAPONS & EQUIPMENT</div>
<h1 class="section-header-title">ARMOURY <span class="accent">//</span> DIRECTORY</h1>
<p class="section-header-sub">&gt; Purpose-built tools and tactical resources, fabricated on-site.</p>
</section>
<section class="section-grid-container">
<div class="section-grid">
<a href="/armoury/deployments" class="section-card">
<div class="section-card-icon">▲</div>
<div class="section-card-title">DEPLOYMENTS</div>
<div class="section-card-desc">Operational systems built by JAESWIFT — live, tested, and in the field.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/armoury/lab" class="section-card">
<div class="section-card-icon">⬢</div>
<div class="section-card-title">LAB</div>
<div class="section-card-desc">Experimental projects and prototypes — unstable, unfinished, unfiltered.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/armoury/fieldmanuals" class="section-card">
<div class="section-card-icon">▤</div>
<div class="section-card-title">FIELD MANUALS</div>
<div class="section-card-desc">Step-by-step tactical guides and procedural walkthroughs.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/armoury/debrief" class="section-card">
<div class="section-card-icon">◧</div>
<div class="section-card-title">DEBRIEF</div>
<div class="section-card-desc">Post-operation assessments — reviews of apps, tools, and anything tested.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
armoury/lab.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // LAB</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/armoury">ARMOURY</a>
<span class="separator">/</span>
<span class="current">LAB</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">ARMOURY // WEAPONS & EQUIPMENT</div>
<h1 class="section-header-title">LAB</h1>
<p class="section-header-sub">&gt; Experimental projects and prototypes — unstable, unfinished, unfiltered.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">⬢</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

2
blog.html
View file

@ -15,7 +15,7 @@
<div class="grid-bg"></div> <div class="grid-bg"></div>
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar" id="navbar"> <nav class="nav-main" id="navbar">
<div class="nav-container"> <div class="nav-container">
<a href="/" class="nav-logo"> <a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span> <span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>

69
comms/backuprelay.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // BACKUP RELAY</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/comms">COMMS</a>
<span class="separator">/</span>
<span class="current">BACKUP RELAY</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">COMMS // COMMUNICATIONS HUB</div>
<h1 class="section-header-title">BACKUP RELAY</h1>
<p class="section-header-sub">&gt; Alternative contact methods and fallback communication routes.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◇</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
comms/encryptedline.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // ENCRYPTED LINE</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/comms">COMMS</a>
<span class="separator">/</span>
<span class="current">ENCRYPTED LINE</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">COMMS // COMMUNICATIONS HUB</div>
<h1 class="section-header-title">ENCRYPTED LINE</h1>
<p class="section-header-sub">&gt; Direct secure communication — operator eyes only.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◉</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

75
comms/index.html Normal file
View file

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // COMMS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<section class="section-header">
<div class="section-header-label">COMMUNICATIONS HUB</div>
<h1 class="section-header-title">COMMS <span class="accent">//</span> DIRECTORY</h1>
<p class="section-header-sub">&gt; Establish contact with the operator through approved channels.</p>
</section>
<section class="section-grid-container">
<div class="section-grid">
<a href="/comms/openchannels" class="section-card">
<div class="section-card-icon">◈</div>
<div class="section-card-title">OPEN CHANNELS</div>
<div class="section-card-desc">Non-secure public contact — monitored but unencrypted.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/comms/encryptedline" class="section-card">
<div class="section-card-icon">◉</div>
<div class="section-card-title">ENCRYPTED LINE</div>
<div class="section-card-desc">Direct secure communication — operator eyes only.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/comms/backuprelay" class="section-card">
<div class="section-card-icon">◇</div>
<div class="section-card-title">BACKUP RELAY</div>
<div class="section-card-desc">Alternative contact methods and fallback communication routes.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
comms/openchannels.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // OPEN CHANNELS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/comms">COMMS</a>
<span class="separator">/</span>
<span class="current">OPEN CHANNELS</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">COMMS // COMMUNICATIONS HUB</div>
<h1 class="section-header-title">OPEN CHANNELS</h1>
<p class="section-header-sub">&gt; Non-secure public contact — monitored but unencrypted.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◈</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

232
css/section.css Normal file
View file

@ -0,0 +1,232 @@
/* ===================================================
JAESWIFT.XYZ — Section Pages
Landing pages + subpage templates
=================================================== */
/* --- Section Header --- */
.section-header {
padding: calc(var(--nav-height) + 3rem) 2rem 2rem;
text-align: center;
position: relative;
}
.section-header-label {
font-family: var(--font-mono);
font-size: 0.65rem;
letter-spacing: 4px;
color: var(--status-green);
text-transform: uppercase;
margin-bottom: 0.5rem;
opacity: 0.8;
}
.section-header-title {
font-family: var(--font-display);
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 700;
color: var(--accent);
letter-spacing: 3px;
margin-bottom: 0.5rem;
}
.section-header-title .accent {
color: var(--status-green);
}
.section-header-sub {
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--text-secondary);
letter-spacing: 1px;
}
/* --- Section Grid (Landing Pages) --- */
.section-grid-container {
max-width: 1100px;
margin: 0 auto;
padding: 2rem 1.5rem 4rem;
}
.section-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
}
.section-card {
background: var(--bg-panel);
border: 1px solid var(--border);
border-radius: 4px;
padding: 2rem 1.8rem;
text-decoration: none;
color: inherit;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.section-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, var(--status-green-dim), transparent);
opacity: 0;
transition: opacity 0.3s ease;
}
.section-card:hover {
border-color: var(--status-green-dim);
background: var(--bg-panel-hover);
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 204, 51, 0.05);
}
.section-card:hover::before {
opacity: 1;
}
.section-card-icon {
font-size: 1.4rem;
color: var(--status-green);
opacity: 0.6;
transition: opacity 0.3s ease;
}
.section-card:hover .section-card-icon {
opacity: 1;
}
.section-card-title {
font-family: var(--font-display);
font-size: 0.85rem;
font-weight: 700;
color: var(--accent);
letter-spacing: 2px;
}
.section-card-desc {
font-family: var(--font-mono);
font-size: 0.7rem;
color: var(--text-secondary);
line-height: 1.7;
letter-spacing: 0.3px;
}
.section-card-arrow {
font-family: var(--font-mono);
font-size: 0.65rem;
color: var(--status-green);
letter-spacing: 2px;
opacity: 0;
transition: opacity 0.3s ease;
margin-top: auto;
}
.section-card:hover .section-card-arrow {
opacity: 0.7;
}
/* --- Subpage Content (Placeholder) --- */
.subpage-content {
max-width: 900px;
margin: 0 auto;
padding: 2rem 1.5rem 4rem;
}
.subpage-placeholder {
background: var(--bg-panel);
border: 1px solid var(--border);
border-radius: 4px;
padding: 4rem 2rem;
text-align: center;
position: relative;
}
.subpage-placeholder::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, var(--status-green-dim), transparent);
}
.placeholder-icon {
font-size: 2.5rem;
margin-bottom: 1.5rem;
opacity: 0.3;
}
.placeholder-status {
font-family: var(--font-display);
font-size: 0.9rem;
letter-spacing: 4px;
color: var(--warning);
margin-bottom: 0.8rem;
}
.placeholder-text {
font-family: var(--font-mono);
font-size: 0.7rem;
color: var(--text-secondary);
letter-spacing: 1px;
}
.placeholder-classification {
margin-top: 2rem;
font-family: var(--font-mono);
font-size: 0.6rem;
color: var(--text-muted);
letter-spacing: 3px;
padding-top: 1.5rem;
border-top: 1px solid var(--border);
}
/* --- Breadcrumb --- */
.breadcrumb {
max-width: 1100px;
margin: 0 auto;
padding: calc(var(--nav-height) + 1.5rem) 1.5rem 0;
font-family: var(--font-mono);
font-size: 0.65rem;
letter-spacing: 1px;
}
.breadcrumb a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
}
.breadcrumb a:hover {
color: var(--status-green);
}
.breadcrumb .separator {
color: var(--text-muted);
margin: 0 0.5rem;
}
.breadcrumb .current {
color: var(--status-green);
}
/* --- Responsive --- */
@media (max-width: 768px) {
.section-header {
padding: calc(var(--nav-height) + 2rem) 1rem 1.5rem;
}
.section-grid {
grid-template-columns: 1fr;
}
.section-card {
padding: 1.5rem;
}
}

69
depot/contraband.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // CONTRABAND</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/depot">DEPOT</a>
<span class="separator">/</span>
<span class="current">CONTRABAND</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">DEPOT // SUPPLY & LOGISTICS</div>
<h1 class="section-header-title">CONTRABAND</h1>
<p class="section-header-sub">&gt; The largest classified index of free resources on the internet — catalogued by type.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◆</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
depot/exfil.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // EXFIL</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/depot">DEPOT</a>
<span class="separator">/</span>
<span class="current">EXFIL</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">DEPOT // SUPPLY & LOGISTICS</div>
<h1 class="section-header-title">EXFIL</h1>
<p class="section-header-sub">&gt; Files and resources staged for extraction — downloads left for pickup.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">⬡</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

81
depot/index.html Normal file
View file

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // DEPOT</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<section class="section-header">
<div class="section-header-label">SUPPLY & LOGISTICS</div>
<h1 class="section-header-title">DEPOT <span class="accent">//</span> DIRECTORY</h1>
<p class="section-header-sub">&gt; Acquired materials. Procurement channel: unspecified.</p>
</section>
<section class="section-grid-container">
<div class="section-grid">
<a href="/depot/contraband" class="section-card">
<div class="section-card-icon">◆</div>
<div class="section-card-title">CONTRABAND</div>
<div class="section-card-desc">The largest classified index of free resources on the internet — catalogued by type.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/depot/propaganda" class="section-card">
<div class="section-card-icon">▧</div>
<div class="section-card-title">PROPAGANDA</div>
<div class="section-card-desc">Recovered publications and documents preserved in digital format. Browse on-site.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/depot/exfil" class="section-card">
<div class="section-card-icon">⬡</div>
<div class="section-card-title">EXFIL</div>
<div class="section-card-desc">Files and resources staged for extraction — downloads left for pickup.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/depot/recon" class="section-card">
<div class="section-card-icon">◎</div>
<div class="section-card-title">RECON</div>
<div class="section-card-desc">External sites and resources scouted and flagged by the operator.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
depot/propaganda.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // PROPAGANDA</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/depot">DEPOT</a>
<span class="separator">/</span>
<span class="current">PROPAGANDA</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">DEPOT // SUPPLY & LOGISTICS</div>
<h1 class="section-header-title">PROPAGANDA</h1>
<p class="section-header-sub">&gt; Recovered publications and documents preserved in digital format. Browse on-site.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">▧</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
depot/recon.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // RECON</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/depot">DEPOT</a>
<span class="separator">/</span>
<span class="current">RECON</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">DEPOT // SUPPLY & LOGISTICS</div>
<h1 class="section-header-title">RECON</h1>
<p class="section-header-sub">&gt; External sites and resources scouted and flagged by the operator.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◎</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
hq/briefing.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // SITE BRIEFING</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/hq">HQ</a>
<span class="separator">/</span>
<span class="current">SITE BRIEFING</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">HQ // HEADQUARTERS</div>
<h1 class="section-header-title">SITE BRIEFING</h1>
<p class="section-header-sub">&gt; What this facility is, how it operates, and what you'll find inside.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◈</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

81
hq/index.html Normal file
View file

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // HQ</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<section class="section-header">
<div class="section-header-label">HEADQUARTERS</div>
<h1 class="section-header-title">HQ <span class="accent">//</span> DIRECTORY</h1>
<p class="section-header-sub">&gt; Central command. The nerve centre of all operations.</p>
</section>
<section class="section-grid-container">
<div class="section-grid">
<a href="/hq/profile" class="section-card">
<div class="section-card-icon">⬡</div>
<div class="section-card-title">OPERATOR PROFILE</div>
<div class="section-card-desc">The individual behind the terminal — background, service record, and active loadout.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/hq/briefing" class="section-card">
<div class="section-card-icon">◈</div>
<div class="section-card-title">SITE BRIEFING</div>
<div class="section-card-desc">What this facility is, how it operates, and what you'll find inside.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/hq/telemetry" class="section-card">
<div class="section-card-icon">◉</div>
<div class="section-card-title">TELEMETRY</div>
<div class="section-card-desc">Live facility systems status, tech stack, and operational metrics.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/hq/logs" class="section-card">
<div class="section-card-icon">▣</div>
<div class="section-card-title">MAINTENANCE LOG</div>
<div class="section-card-desc">Facility modification records — every update, fix, and deployment logged.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
hq/logs.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // MAINTENANCE LOG</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/hq">HQ</a>
<span class="separator">/</span>
<span class="current">MAINTENANCE LOG</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">HQ // HEADQUARTERS</div>
<h1 class="section-header-title">MAINTENANCE LOG</h1>
<p class="section-header-sub">&gt; Facility modification records — every update, fix, and deployment logged.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">▣</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
hq/profile.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // OPERATOR PROFILE</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/hq">HQ</a>
<span class="separator">/</span>
<span class="current">OPERATOR PROFILE</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">HQ // HEADQUARTERS</div>
<h1 class="section-header-title">OPERATOR PROFILE</h1>
<p class="section-header-sub">&gt; The individual behind the terminal — background, service record, and active loadout.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">⬡</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
hq/telemetry.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // TELEMETRY</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/hq">HQ</a>
<span class="separator">/</span>
<span class="current">TELEMETRY</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">HQ // HEADQUARTERS</div>
<h1 class="section-header-title">TELEMETRY</h1>
<p class="section-header-sub">&gt; Live facility systems status, tech stack, and operational metrics.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◉</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

2
post.html
View file

@ -16,7 +16,7 @@
<div class="grid-bg"></div> <div class="grid-bg"></div>
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar" id="navbar"> <nav class="nav-main" id="navbar">
<div class="nav-container"> <div class="nav-container">
<a href="/" class="nav-logo"> <a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span> <span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>

82
transmissions/dispatches.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // DISPATCHES</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
<link rel="stylesheet" href="/css/blog.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/transmissions">TRANSMISSIONS</a>
<span class="separator">/</span>
<span class="current">DISPATCHES</span>
</div>
<section class="blog-header">
<div class="blog-header-content">
<div class="blog-header-label">OUTBOUND SIGNALS</div>
<h1 class="blog-header-title">DISPATCHES <span class="accent">//</span> FIELD REPORTS</h1>
<p class="blog-header-sub">&gt; Long-form field reports, write-ups, and deep analysis on any topic.</p>
</div>
</section>
<section class="blog-section">
<div class="blog-container">
<div class="blog-filters">
<button class="filter-btn active" data-filter="all">ALL</button>
<button class="filter-btn" data-filter="self-hosted">SELF-HOSTED</button>
<button class="filter-btn" data-filter="security">SECURITY</button>
<button class="filter-btn" data-filter="ai">AI</button>
<button class="filter-btn" data-filter="devops">DEVOPS</button>
</div>
<div class="blog-posts-grid" id="blogPosts">
<div class="blog-loading">
<div class="loading-spinner"></div>
<span>LOADING DISPATCHES...</span>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
<script src="/js/blog.js"></script>
</body>
</html>

75
transmissions/index.html Normal file
View file

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // TRANSMISSIONS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<section class="section-header">
<div class="section-header-label">OUTBOUND SIGNALS</div>
<h1 class="section-header-title">TRANSMISSIONS <span class="accent">//</span> DIRECTORY</h1>
<p class="section-header-sub">&gt; All communications originating from this facility.</p>
</section>
<section class="section-grid-container">
<div class="section-grid">
<a href="/transmissions/dispatches" class="section-card">
<div class="section-card-icon">◆</div>
<div class="section-card-title">DISPATCHES</div>
<div class="section-card-desc">Long-form field reports, write-ups, and deep analysis on any topic.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/transmissions/sitrep" class="section-card">
<div class="section-card-icon">◇</div>
<div class="section-card-title">SITREP</div>
<div class="section-card-desc">Short-burst situation reports — quick updates on current operations.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
<a href="/transmissions/radar" class="section-card">
<div class="section-card-icon">◎</div>
<div class="section-card-title">RADAR</div>
<div class="section-card-desc">Latest cutting-edge tools, tech, and developments detected on the wire.</div>
<div class="section-card-arrow">ENTER →</div>
</a>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
transmissions/radar.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // RADAR</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/transmissions">TRANSMISSIONS</a>
<span class="separator">/</span>
<span class="current">RADAR</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">TRANSMISSIONS // OUTBOUND SIGNALS</div>
<h1 class="section-header-title">RADAR</h1>
<p class="section-header-sub">&gt; Latest cutting-edge tools, tech, and developments detected on the wire.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◎</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>

69
transmissions/sitrep.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // SITREP</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/section.css">
</head>
<body>
<div class="scanline-overlay"></div>
<div class="grid-bg"></div>
<nav class="nav-main" id="navbar">
<div class="nav-container">
<a href="/" class="nav-logo">
<span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
</a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<ul class="nav-menu" id="navMenu"></ul>
<div class="nav-status">
<span class="nav-clock" id="navClock"></span>
</div>
</div>
</nav>
<div class="breadcrumb">
<a href="/">HOME</a>
<span class="separator">/</span>
<a href="/transmissions">TRANSMISSIONS</a>
<span class="separator">/</span>
<span class="current">SITREP</span>
</div>
<section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
<div class="section-header-label">TRANSMISSIONS // OUTBOUND SIGNALS</div>
<h1 class="section-header-title">SITREP</h1>
<p class="section-header-sub">&gt; Short-burst situation reports — quick updates on current operations.</p>
</section>
<section class="subpage-content">
<div class="subpage-placeholder">
<div class="placeholder-icon">◇</div>
<div class="placeholder-status">UNDER CONSTRUCTION</div>
<div class="placeholder-text">This section is being prepared. Content deployment imminent.</div>
<div class="placeholder-classification">CLASSIFICATION: PENDING // STATUS: STANDBY</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-left">
<span class="footer-logo">[JAE]</span>
<span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
</div>
<div class="footer-right">
<span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
</div>
</div>
</footer>
<script src="/js/nav.js"></script>
<script src="/js/clock.js"></script>
</body>
</html>