nerdletter/site/index.html

125 lines
4.7 KiB
HTML
Raw Normal View History

2026-04-28 12:20:50 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Nerdletter • Retro-Modern Fusion Newsletter</title>
2026-04-28 12:20:50 +00:00
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); /* Perfect CRT font */
body {
background: #000;
color: #00ff41;
font-family: 'VT323', monospace;
font-size: 1.4rem;
line-height: 1.3;
margin: 0;
padding: 2rem;
image-rendering: pixelated;
text-shadow: 0 0 8px #00ff41;
}
.crt {
max-width: 800px;
margin: 0 auto;
border: 16px solid #222;
background: #001100;
padding: 2rem;
box-shadow: 0 0 40px #00ff41, inset 0 0 80px rgba(0,255,65,0.2);
}
h1 {
font-size: 3.5rem;
text-align: center;
margin: 0 0 1rem;
text-transform: uppercase;
letter-spacing: 4px;
animation: flicker 1.5s infinite alternate;
}
@keyframes flicker { 0% { opacity: 0.95; } 100% { opacity: 1; } }
.tagline { text-align: center; font-size: 1.8rem; margin-bottom: 2rem; color: #00cc33; }
.scanlines {
position: relative;
}
.scanlines::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(transparent 0px, transparent 2px, rgba(0,255,65,0.07) 2px, rgba(0,255,65,0.07) 4px);
pointer-events: none;
}
section { margin: 3rem 0; }
h2 { color: #00ff9d; border-bottom: 3px double #00ff41; padding-bottom: 0.5rem; }
.issue-teaser {
background: #001a00;
padding: 1.5rem;
border: 4px solid #00ff41;
}
.subscribe {
text-align: center;
background: #003300;
padding: 2rem;
border: 6px double #00ff41;
}
a { color: #00ff9d; text-decoration: underline dotted; }
a:hover { color: #ffff00; }
footer { text-align: center; font-size: 1.1rem; margin-top: 4rem; opacity: 0.7; }
</style>
</head>
<body>
<div class="crt scanlines">
<h1>THE NERDLETTER</h1>
<p class="tagline">COMPUTING WHEN IT WAS STILL FUN</p>
<section>
<h2>INCOMING TRANSMISSION</h2>
<div class="issue-teaser">
<video controls width="100%" style="margin-bottom: 1rem; border: 2px solid #00ff41;">
<source src="https://gmgauthier.us-east-1.linodeobjects.com/videos/nerdletter-secret-01.mp4" type="video/mp4">
</video>
If you arrived here by way of a secret transmission, consult your day book
for decyphering instructions. Starting Monday, June 1, there will be a new secret message each week.<br><br>
No day book? You may obtain one by emailing
<a href="mailto:nerdletter@gmgauthier.com">nerdletter@gmgauthier.com</a>
with proof of a $5 PayPal subscription payment. You'll also receive a BASIC program that will help you
decode the secret messages compatible with almost all 8-bit era computers!
</div>
</section>
<section>
<h2>ISSUE #001 COMING SOON</h2>
<div class="issue-teaser">
<strong>Featured in our first issue:</strong><br>
• News and Interviews with the greats of the past!<br>
• DIY projects from community members!<br>
• Modern Projects that are keeping your retro system alive!<br>
• Guest essays from people who know what theyre talking about!<br>
• Bonus content: Nerdy stories!
</div>
</section>
<section>
<h2>Why a print newsletter in 2026?</h2>
<p>We all remember the days when you had to send away for stuff. The self-addressed stamped envelope.
The $5 check. The anxious checking of the post box for your magazine. We also remember the joy of
having that print in our hands. The feeling of opening it up and seeing fresh content inside, and
the eager anticipation of that moment when you'd have time to sit down with a cup of coffee and
read. That's why this exists. Because some things are better with ink and paper. No pop-ups.
No tracking. Just you, a cup of coffee, and stories about the machines that shaped us — plus the
crazy modern hacks that keep them alive.</p>
<p>Small print run. Big passion. For retro-fusion lovers only.</p>
</section>
<div class="subscribe">
<h2>GET YOUR COPY</h2>
<p>Dot-matrix printed edition mailed directly to your door.<br>
Limited run — When the paper runs out, that's it.</p>
<p><strong>Drop me a line:</strong> <a href="mailto:nerdletter@gmgauthier.com">nerdletter@gmgauthier.com</a></p>
<p>Ill send you the details.</p>
</div>
<footer>
© 2026 The Nerdletter • Old Computer Nerd HQ • Oxford, UK<br>
<span style="font-size:0.9rem;">"If it booted in 1985, it'll boot in 2026."</span>
</footer>
</div>
</body>
</html>