13 lines
3.4 KiB
HTML
13 lines
3.4 KiB
HTML
<!doctype html>
|
||
<html lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Asterion Fleet Glossary</title>
|
||
<style>
|
||
*{box-sizing:border-box} body{margin:0;min-height:100vh;color:#dcecff;background:#071128 url("assets/space-nebula.png") center/cover fixed;font-family:Inter,system-ui,sans-serif} main{max-width:1120px;margin:auto;padding:54px 24px 72px} a{color:#70edff} .eyebrow{color:#78e8ff;font:700 11px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase} h1{margin:7px 0 10px;font-size:clamp(36px,7vw,70px);letter-spacing:-.06em}.intro{max-width:630px;color:#a9c5db;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;margin-top:35px}.card{min-height:250px;padding:19px;border:1px solid #78dffc38;border-radius:16px;background:linear-gradient(145deg,#071b3be8,#071020b8);box-shadow:0 18px 55px #02071480}.card img{display:block;width:128px;height:128px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 13px #4ee7ff99);margin:0 auto 8px}.tag{color:#72eaff;font:700 10px ui-monospace,monospace;letter-spacing:.12em}.card h2{font-size:20px;margin:5px 0}.card p{margin:0;color:#a9c5db;font-size:13px;line-height:1.55}.foot{margin-top:34px;color:#8faec5;font-size:12px}</style></head>
|
||
<body><main><a class="eyebrow" href="demo.html">← return to scene</a><h1>Asterion Fleet</h1><p class="intro">A working glossary for the newly generated 64×64 fleet. All entries share a pixel-perfect grid, blue-gray armour, cyan propulsion and a strict north-facing top-down silhouette.</p><section class="grid">
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_01.png" alt="Needle scout"><span class="tag">AST-01 · Recon</span><h2>Needle Scout</h2><p>Fast survey craft. Its narrow nose and compact engine pair make it legible at the smallest tactical scale.</p></article>
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_05.png" alt="Mirror interceptor"><span class="tag">AST-05 · Intercept</span><h2>Mirror Interceptor</h2><p>Symmetric pursuit hull with swept wings, designed to anchor the visual language of the patrol wing.</p></article>
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_09.png" alt="Missile corvette"><span class="tag">AST-09 · Strike</span><h2>Missile Corvette</h2><p>Compact midline striker. The broad central volume makes it a readable combat silhouette without extra effects.</p></article>
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_13.png" alt="Support frigate"><span class="tag">AST-13 · Support</span><h2>Support Frigate</h2><p>Wide, stable frame intended for repair and relay duties; its wings visually distinguish it from the attack craft.</p></article>
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_17.png" alt="Patrol ship"><span class="tag">AST-17 · Patrol</span><h2>Diamond Patrol Ship</h2><p>Heavy symmetric hull for perimeter duty. The diamond centre reads clearly in formation and in isolation.</p></article>
|
||
<article class="card"><img src="output/spaceships/fleet_catalog_21.png" alt="Cargo tender"><span class="tag">AST-21 · Logistics</span><h2>Cargo Tender</h2><p>Utility vessel for fuel and supplies. Its softer, wider profile adds a practical non-combat role to the fleet.</p></article>
|
||
</section><p class="foot">Source batch: PixelLab · 64×64 · transparent PNG · prompt and generation provenance embedded in each file.</p></main></body></html>
|