115 lines
4.4 KiB
HTML
115 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JAESWIFT // POST</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&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="stylesheet" href="/css/blog.css">
|
|
<link rel="stylesheet" href="/css/post.css">
|
|
</head>
|
|
<body>
|
|
<!-- Scanline Overlay -->
|
|
<div class="scanline-overlay"></div>
|
|
<div class="grid-bg"></div>
|
|
|
|
<!-- Navbar -->
|
|
<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">
|
|
<!-- Loaded dynamically from /api/navigation -->
|
|
</ul>
|
|
<div class="nav-status">
|
|
<span class="nav-clock" id="navClock"></span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Post Header -->
|
|
<section class="post-header" id="postHeader">
|
|
<div class="post-header-content">
|
|
<a href="/blog" class="post-back">← BACK TO TRANSMISSIONS</a>
|
|
<div class="post-header-meta" id="postMeta">
|
|
<span class="post-date" id="postDate">Loading...</span>
|
|
<span class="post-threat" id="postThreat">---</span>
|
|
<span class="post-time" id="postTime"></span>
|
|
</div>
|
|
<h1 class="post-header-title" id="postTitle">LOADING TRANSMISSION...</h1>
|
|
<div class="post-header-tags" id="postTags"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Post Body -->
|
|
<section class="post-body-section">
|
|
<div class="post-layout">
|
|
<!-- Main Content -->
|
|
<article class="post-content-main" id="postContent">
|
|
<div class="post-loading">
|
|
<div class="loading-spinner"></div>
|
|
<span>DECRYPTING TRANSMISSION...</span>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="post-sidebar">
|
|
<!-- Operator Status Panel -->
|
|
<div class="panel post-stats-panel">
|
|
<div class="panel-header">
|
|
<span class="panel-title">OPERATOR STATUS</span>
|
|
<span class="panel-icon">◇</span>
|
|
</div>
|
|
<div class="panel-content" id="postStats">
|
|
<!-- Filled by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Post Metadata Panel -->
|
|
<div class="panel post-meta-panel">
|
|
<div class="panel-header">
|
|
<span class="panel-title">TRANSMISSION DATA</span>
|
|
<span class="panel-icon">↗</span>
|
|
</div>
|
|
<div class="panel-content" id="postMetaPanel">
|
|
<!-- Filled by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<div class="panel post-nav-panel">
|
|
<div class="panel-header">
|
|
<span class="panel-title">NAVIGATION</span>
|
|
<span class="panel-icon">⟐</span>
|
|
</div>
|
|
<div class="panel-content" id="postNav">
|
|
<!-- Filled by JS -->
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="footer-container">
|
|
<div class="footer-left">
|
|
<span class="footer-logo">[JAE]</span>
|
|
<span class="footer-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/post.js"></script>
|
|
<script src="/js/nav.js"></script>
|
|
</body>
|
|
</html>
|