107 lines
6.3 KiB
Plaintext
107 lines
6.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>About - Asteroid Radio</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="/asteroid/static/asteroid.css">
|
|
<script src="/asteroid/static/js/auth-ui.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1 style="display: flex; align-items: center; justify-content: center; gap: 15px;">
|
|
<img src="/asteroid/static/asteroid.png" alt="Asteroid" style="height: 50px; width: auto;">
|
|
<span>ABOUT ASTEROID RADIO</span>
|
|
<img src="/asteroid/static/asteroid.png" alt="Asteroid" style="height: 50px; width: auto;">
|
|
</h1>
|
|
<nav class="nav">
|
|
<a href="/asteroid/content" target="_self">Home</a>
|
|
<a href="/asteroid/player-content" target="_self">Player</a>
|
|
<a href="/asteroid/about-content" target="_self">About</a>
|
|
<a href="/asteroid/status" target="_self">Status</a>
|
|
<a href="/asteroid/profile" target="_self" data-show-if-logged-in>Profile</a>
|
|
<a href="/asteroid/admin" target="_self" data-show-if-admin>Admin</a>
|
|
<a href="/asteroid/login" target="_self" data-show-if-logged-out>Login</a>
|
|
<a href="/asteroid/register" target="_self" data-show-if-logged-out>Register</a>
|
|
<a href="/asteroid/logout" data-show-if-logged-in class="btn-logout">Logout</a>
|
|
</nav>
|
|
</header>
|
|
<main style="max-width: 800px; margin: 0 auto; padding: 20px;">
|
|
<section style="margin-bottom: 30px;">
|
|
<h2 style="color: #00ff00; border-bottom: 2px solid #00ff00; padding-bottom: 10px;">🎵 Asteroid Music for Hackers</h2>
|
|
<p style="line-height: 1.6;">
|
|
Asteroid Radio is a community-driven internet radio station born from the SystemCrafters community.
|
|
We celebrate the intersection of music, technology, and hacker culture—broadcasting for those who
|
|
appreciate both great code and great music.
|
|
</p>
|
|
<p style="line-height: 1.6;">
|
|
We met through a shared set of technical biases and a love for building systems from first principles.
|
|
Asteroid Radio embodies that ethos: <strong>music for hackers, built by hackers</strong>.
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom: 30px;">
|
|
<h2 style="color: #00ff00; border-bottom: 2px solid #00ff00; padding-bottom: 10px;">🛠️ Built with Common Lisp</h2>
|
|
<p style="line-height: 1.6;">
|
|
This entire platform is built using <strong>Common Lisp</strong>, demonstrating the power and elegance
|
|
of Lisp for modern web applications. We use:
|
|
</p>
|
|
<ul style="line-height: 1.8; margin-left: 20px;">
|
|
<li><strong><a href="https://codeberg.org/shirakumo/radiance" style="color: #00ff00;">Radiance</a></strong> - Web application framework</li>
|
|
<li><strong><a href="https://codeberg.org/shinmera/clip" style="color: #00ff00;">Clip</a></strong> - HTML5-compliant template engine</li>
|
|
<li><strong><a href="https://codeberg.org/shinmera/LASS" style="color: #00ff00;">LASS</a></strong> - Lisp Augmented Style Sheets</li>
|
|
<li><strong><a href="https://gitlab.common-lisp.net/parenscript/parenscript" style="color: #00ff00;">ParenScript</a></strong> - Lisp-to-JavaScript compiler</li>
|
|
<li><strong><a href="https://icecast.org/" style="color: #00ff00;">Icecast</a></strong> - Streaming media server</li>
|
|
<li><strong><a href="https://www.liquidsoap.info/" style="color: #00ff00;">Liquidsoap</a></strong> - Audio stream generation</li>
|
|
</ul>
|
|
<p style="line-height: 1.6;">
|
|
By building in Common Lisp, we're doubling down on our technical values and creating features
|
|
for "our people"—those who appreciate the elegance of Lisp and the power of understanding your tools deeply.
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom: 30px;">
|
|
<h2 style="color: #00ff00; border-bottom: 2px solid #00ff00; padding-bottom: 10px;">📖 Open Source & AGPL Licensed</h2>
|
|
<p style="line-height: 1.6;">
|
|
Asteroid Radio is <strong>free and open source software</strong>, licensed under the
|
|
<strong><a href="https://www.gnu.org/licenses/agpl-3.0.en.html" style="color: #00ff00;">GNU Affero General Public License v3.0 (AGPL)</a></strong>.
|
|
</p>
|
|
<p style="line-height: 1.6;">
|
|
The source code is available at:
|
|
<a href="https://github.com/Fade/asteroid" style="color: #00ff00; font-weight: bold;">https://github.com/Fade/asteroid</a>
|
|
</p>
|
|
<p style="line-height: 1.6;">
|
|
We believe in transparency, collaboration, and the freedom to study, modify, and share the software we use.
|
|
The AGPL ensures that improvements to Asteroid Radio remain free and available to everyone.
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom: 30px;">
|
|
<h2 style="color: #00ff00; border-bottom: 2px solid #00ff00; padding-bottom: 10px;">🎧 Features</h2>
|
|
<ul style="line-height: 1.8; margin-left: 20px;">
|
|
<li><strong>Live Streaming</strong> - Multiple quality options (AAC, MP3)</li>
|
|
<li><strong>Persistent Player</strong> - Frameset mode for uninterrupted playback while browsing</li>
|
|
<li><strong>Spectrum Analyzer</strong> - Real-time audio visualization with customizable themes</li>
|
|
<li><strong>Track Library</strong> - Browse and search the music collection</li>
|
|
<li><strong>User Profiles</strong> - Track your listening history</li>
|
|
<li><strong>Admin Tools</strong> - Manage tracks, users, and playlists</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section style="margin-bottom: 30px;">
|
|
<h2 style="color: #00ff00; border-bottom: 2px solid #00ff00; padding-bottom: 10px;">🤝 Community</h2>
|
|
<p style="line-height: 1.6;">
|
|
We're part of the <strong><a href="https://systemcrafters.net/" style="color: #00ff00;">SystemCrafters</a></strong>
|
|
community—a group of developers, hackers, and enthusiasts who believe in building systems from first principles,
|
|
understanding our tools deeply, and sharing knowledge freely.
|
|
</p>
|
|
<p style="line-height: 1.6;">
|
|
Join us in celebrating the intersection of great music and great code!
|
|
</p>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|