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

feat: move awesomelist to /recon, fix container width, redirect depot/recon

Browse source
This commit is contained in:
jae 2026-04-04 03:23:02 +00:00
parent f00daafaba
commit dd6423d9b5
4 changed files with 73 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
depot/recon.html
View file

@ -2,90 +2,10 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="refresh" content="0;url=/recon">
<title>JAESWIFT // RECON</title> <title>Redirecting to 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">
<style>
.recon-grid {
max-width: 900px;
margin: 2rem auto;
padding: 0 1.5rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
.recon-card {
background: rgba(10, 10, 12, 0.85);
border: 1px solid rgba(255, 60, 60, 0.15);
border-left: 3px solid rgba(255, 170, 0, 0.6);
border-radius: 4px;
padding: 2rem 1.8rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: block;
}
.recon-card:hover {
border-color: rgba(255, 60, 60, 0.5);
border-left-color: #ff3c3c;
background: rgba(15, 15, 20, 0.95);
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(255, 60, 60, 0.1);
}
.recon-card-icon { font-size: 2.5rem; margin-bottom: 1rem; }
.recon-card-code { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: rgba(255, 170, 0, 0.6); letter-spacing: 2px; margin-bottom: 0.5rem; }
.recon-card-name { font-family: 'Orbitron', monospace; font-size: 1.1rem; color: #d8d8d8; font-weight: 700; margin-bottom: 0.75rem; }
.recon-card-desc { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #999; line-height: 1.6; margin-bottom: 1rem; }
.recon-card-stats { display: flex; gap: 1.2rem; font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: #666; }
.recon-card-stats .amber { color: rgba(255, 170, 0, 0.8); }
.recon-card-status { margin-top: 1rem; font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; color: #00ff88; letter-spacing: 1px; }
</style>
</head> </head>
<body> <body>
<div class="scanline-overlay"></div> <p>Redirecting to <a href="/recon">RECON</a>...</p>
<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 // INTELLIGENCE GATHERING</div>
<h1 class="section-header-title">RECON</h1>
<p class="section-header-sub">&gt; Curated intelligence dossiers on technologies, tools, and resources. Select a division to access briefings.</p>
</section>
<section class="recon-grid">
<a href="/recon/awesomelist" class="recon-card">
<div class="recon-card-icon">📋</div>
<div class="recon-card-code">RCN-ALPHA</div>
<div class="recon-card-name">CURATED LISTS</div>
<div class="recon-card-desc">660+ curated intelligence briefings on programming, security, platforms, tools, and 28 sectors. Over 135,000 indexed resources.</div>
<div class="recon-card-stats">
<span class="amber">660 LISTS</span>
<span>135,179 ENTRIES</span>
<span>28 SECTORS</span>
</div>
<div class="recon-card-status">● ACCESSIBLE</div>
</a>
</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> </body>
</html> </html>

4
js/awesomelist.js
View file

@ -306,7 +306,7 @@
try { try {
const data = await api(''); const data = await api('');
renderIndex(data); renderIndex(data);
history.pushState({ view: 'index' }, '', '/recon/awesomelist'); history.pushState({ view: 'index' }, '', '/recon');
} catch (e) { } catch (e) {
root.innerHTML = `<div class="crt-empty">DATABASE ACCESS DENIED // ${esc(e.message)}</div>`; root.innerHTML = `<div class="crt-empty">DATABASE ACCESS DENIED // ${esc(e.message)}</div>`;
} }
@ -317,7 +317,7 @@
try { try {
const data = await api(`/${slug}`); const data = await api(`/${slug}`);
renderSector(data); renderSector(data);
history.pushState({ view: 'detail', slug }, '', `/recon/awesomelist?sector=${slug}`); history.pushState({ view: 'detail', slug }, '', `/recon?sector=${slug}`);
window.scrollTo({ top: 0, behavior: 'smooth' }); window.scrollTo({ top: 0, behavior: 'smooth' });
} catch (e) { } catch (e) {
root.innerHTML = `<div class="crt-empty">SECTOR NOT FOUND // ${esc(e.message)}</div>`; root.innerHTML = `<div class="crt-empty">SECTOR NOT FOUND // ${esc(e.message)}</div>`;

2
recon/awesomelist.html
View file

@ -45,7 +45,7 @@
<p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p> <p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p>
</section> </section>
<section class="crt-container"> <section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
<div id="awesomelistRoot"></div> <div id="awesomelistRoot"></div>
</section> </section>

66
recon/index.html Normal file
View file

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAESWIFT // CURATED LISTS</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/contraband.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">RECON // CURATED INTELLIGENCE</div>
<h1 class="section-header-title">CURATED LISTS</h1>
<p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p>
</section>
<section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
<div id="awesomelistRoot"></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/awesomelist.js"></script>
</body>
</html>