Files
izzy2lost.com/index.html
2026-03-05 07:25:39 -05:00

139 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>izzy2lost · Izzy's Apps</title>
<meta name="description" content="Retro vibes meet modern tech. Apps, ports, and emulators by izzy2lost.">
<!-- Favicons -->
<link rel="icon" href="/assets/favicon.ico" sizes="32x32">
<link rel="icon" href="/assets/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="izzy2lost · Izzy's Apps">
<meta property="og:description" content="Retro vibes meet modern tech. Apps, ports, and emulators by izzy2lost.">
<meta property="og:image" content="https://izzy2lost.com/assets/social-share.png">
<meta property="og:url" content="https://izzy2lost.com">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="izzy2lost · Izzy's Apps">
<meta name="twitter:description" content="Retro vibes meet modern tech. Apps, ports, and emulators by izzy2lost.">
<meta name="twitter:image" content="https://izzy2lost.com/assets/social-share.png">
<link rel="stylesheet" href="style.css">
</head>
<body class="crt-off">
<canvas id="starfield"></canvas>
<div class="crt-toggle">
<label>
<input type="checkbox" id="crtSwitch">
<span></span>
<span>CRT Mode</span>
</label>
</div>
<header class="navbar">
<a href="https://github.com/izzy2lost" target="_blank" class="nav-left">
<img src="assets/icon.svg" class="logo-img">
<div class="logo-text">
<span class="logo-main">izzy2lost</span>
<span class="logo-sub">apps · ports · emulators</span>
</div>
</a>
</header>
<main>
<section class="hero">
<div class="hero-inner">
<h1>Izzy's Apps</h1>
<p>Retro vibes meet modern tech.</p>
</div>
</section>
<section class="section projects-section">
<div class="featured-row">
<div class="project-card featured-card">
<a href="x1box.html" class="featured-main">
<img src="assets/x1box.svg" class="project-icon featured-icon" alt="X1 BOX">
<div class="featured-text">
<h3>X1 BOX</h3>
<p class="featured-kicker">Available now!</p>
</div>
</a>
</div>
</div>
<div class="project-grid">
<a href="super3.html" class="project-card">
<div class="card-inner">
<img src="assets/super3.svg" class="project-icon">
<h3>SUPER3</h3>
</div>
</a>
<a href="psx2.html" class="project-card">
<div class="card-inner">
<img src="assets/psx2.svg" class="project-icon">
<h3>PSX2</h3>
</div>
</a>
<a href="spaghetti.html" class="project-card">
<div class="card-inner">
<img src="assets/spaghetti.svg" class="project-icon">
<h3>SpaghettiKart</h3>
</div>
</a>
<a href="ghostship.html" class="project-card">
<div class="card-inner">
<img src="assets/ghostship.svg" class="project-icon" alt="Ghostship">
<h3>Ghostship</h3>
</div>
</a>
<a href="starship.html" class="project-card">
<div class="card-inner">
<img src="assets/starship.svg" class="project-icon">
<h3>Starship</h3>
</div>
</a>
<a href="perfect_dark.html" class="project-card">
<div class="card-inner">
<img src="assets/perfect_dark.svg" class="project-icon">
<h3>Perfect Dark</h3>
</div>
</a>
<a href="chdboy.html" class="project-card">
<div class="card-inner">
<img src="assets/chdboy.svg" class="project-icon">
<h3>CHDBOY</h3>
</div>
</a>
<a href="torch.html" class="project-card">
<div class="card-inner">
<img src="assets/torch.svg" class="project-icon">
<h3>Torch</h3>
</div>
</a>
</div>
</section>
</main>
<script src="script.js"></script>
<script src="starfield.js"></script>
</body>
</html>