Add initial HTML structure for AERIS-10 project

Initial commit of the AERIS-10 project website, including HTML structure, styling, and content for radar system overview, specifications, architecture, and documentation.
This commit is contained in:
NawfalMotii79
2026-04-02 00:01:44 +01:00
committed by GitHub
parent bbd0556200
commit a6205bd768
+643
View File
@@ -0,0 +1,643 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="AERIS-10 - Open Source Pulse Linear Frequency Modulated Phased Array Radar System. A low-cost 10.5 GHz radar for researchers, drone developers, and SDR enthusiasts.">
<meta name="keywords" content="radar, open source, phased array, SDR, FPGA, beamforming, LFM radar, 10.5GHz">
<meta name="author" content="AERIS-10 Project">
<title>AERIS-10 | Open Source Phased Array Radar System</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
line-height: 1.6;
color: #1a1a2e;
background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
}
/* Navigation */
.navbar {
background: #1a1a2e;
color: white;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.logo {
font-size: 1.5rem;
font-weight: bold;
color: #00d4ff;
}
.logo span {
color: white;
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
flex-wrap: wrap;
}
.nav-links a {
color: white;
text-decoration: none;
transition: color 0.3s;
}
.nav-links a:hover {
color: #00d4ff;
}
/* Buttons */
.btn {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
cursor: pointer;
}
.btn-primary {
background: #00d4ff;
color: #1a1a2e;
}
.btn-primary:hover {
background: #00b8e0;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,212,255,0.3);
}
.btn-outline {
border: 2px solid #00d4ff;
color: #00d4ff;
}
.btn-outline:hover {
background: #00d4ff;
color: #1a1a2e;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
color: white;
text-align: center;
padding: 4rem 2rem;
}
.hero h1 {
font-size: 3rem;
margin-bottom: 1rem;
}
.hero h1 span {
color: #00d4ff;
}
.hero p {
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto 2rem;
opacity: 0.9;
}
.hero-badges {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.badge {
background: rgba(255,255,255,0.1);
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
}
/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 3rem 2rem;
}
/* Section Headers */
.section-header {
text-align: center;
margin-bottom: 3rem;
}
.section-header h2 {
font-size: 2.5rem;
color: #1a1a2e;
margin-bottom: 1rem;
}
.section-header p {
color: #666;
max-width: 700px;
margin: 0 auto;
}
/* Cards Grid */
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.card {
background: white;
border-radius: 10px;
padding: 1.5rem;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.card-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.card h3 {
margin-bottom: 1rem;
color: #1a1a2e;
}
.card p {
color: #666;
margin-bottom: 1rem;
}
/* Comparison Table */
.comparison-table {
background: white;
border-radius: 10px;
overflow-x: auto;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}
.comparison-table table {
width: 100%;
border-collapse: collapse;
}
.comparison-table th,
.comparison-table td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid #e9ecef;
}
.comparison-table th {
background: #1a1a2e;
color: white;
font-weight: 600;
}
.comparison-table tr:hover {
background: #f8f9fa;
}
/* Hardware Architecture */
.architecture {
background: #1e1e2e;
color: white;
border-radius: 10px;
padding: 2rem;
overflow-x: auto;
}
.architecture pre {
background: #2d2d3a;
padding: 1rem;
border-radius: 5px;
overflow-x: auto;
font-family: 'Courier New', monospace;
font-size: 0.8rem;
line-height: 1.4;
color: #00d4ff;
}
/* Status Grid */
.status-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.status-card {
background: white;
border-radius: 10px;
padding: 1.5rem;
text-align: center;
}
.status-working {
border-top: 4px solid #28a745;
}
.status-progress {
border-top: 4px solid #ffc107;
}
.status-working h3 {
color: #28a745;
}
.status-progress h3 {
color: #ffc107;
}
/* Contributors Section */
.contributors {
background: white;
border-radius: 10px;
padding: 2rem;
text-align: center;
}
.contributor-buttons {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 1rem;
}
/* Footer */
.footer {
background: #1a1a2e;
color: white;
text-align: center;
padding: 3rem 2rem;
margin-top: 2rem;
}
.footer a {
color: #00d4ff;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.social-links {
display: flex;
justify-content: center;
gap: 2rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
/* Responsive */
@media (max-width: 768px) {
.nav-container {
flex-direction: column;
gap: 1rem;
}
.nav-links {
justify-content: center;
}
.hero h1 {
font-size: 2rem;
}
.section-header h2 {
font-size: 2rem;
}
}
/* Badges */
.badges-row {
display: flex;
justify-content: center;
gap: 1rem;
margin: 1rem 0;
flex-wrap: wrap;
}
.github-badge {
background: #24292e;
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
/* Misc */
hr {
margin: 2rem 0;
border: none;
border-top: 2px solid #e9ecef;
}
.text-center {
text-align: center;
}
.mt-4 {
margin-top: 2rem;
}
</style>
</head>
<body>
<nav class="navbar">
<div class="nav-container">
<div class="logo">AERIS-10<span>Radar</span></div>
<ul class="nav-links">
<li><a href="#overview">Overview</a></li>
<li><a href="#specs">Specifications</a></li>
<li><a href="#architecture">Architecture</a></li>
<li><a href="#status">Status</a></li>
<li><a href="#get-involved">Get Involved</a></li>
<li><a href="https://github.com/aeris10/aeris-radar" target="_blank">GitHub</a></li>
</ul>
</div>
</nav>
<section class="hero">
<h1>AERIS-10 <span>Open Source</span><br>Phased Array Radar</h1>
<p>A low-cost, hackable 10.5 GHz phased array radar system with Pulse LFM modulation. Designed for researchers, drone developers, and serious SDR enthusiasts.</p>
<div class="hero-badges">
<span class="badge">🔓 Open Source</span>
<span class="badge">📡 10.5 GHz</span>
<span class="badge">🎯 3km / 20km Range</span>
<span class="badge">🔄 Electronic Beam Steering</span>
</div>
<div class="badges-row">
<a href="https://github.com/aeris10/aeris-radar" class="github-badge">
<svg height="20" viewBox="0 0 16 16" width="20" fill="white"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
Star on GitHub
</a>
<a href="#" class="github-badge" style="background:#00d4ff; color:#1a1a2e;">📖 Documentation</a>
<a href="#" class="github-badge" style="background:#ff4757;">🐛 Report Bug</a>
</div>
</section>
<div class="container" id="overview">
<div class="section-header">
<h2>Project Overview</h2>
<p>Democratizing radar technology through open-source hardware and software</p>
</div>
<div class="cards-grid">
<div class="card">
<div class="card-icon">🎯</div>
<h3>Purpose-Built</h3>
<p>Designed for researchers, drone developers, and SDR enthusiasts who need a capable, hackable radar platform.</p>
</div>
<div class="card">
<div class="card-icon">🔓</div>
<h3>100% Open Source</h3>
<p>Complete schematics, PCB layouts, firmware, and software available for modification and learning.</p>
</div>
<div class="card">
<div class="card-icon"></div>
<h3>Real-Time Processing</h3>
<p>FPGA-based signal processing for pulse compression, Doppler FFT, MTI, and CFAR detection.</p>
</div>
<div class="card">
<div class="card-icon">🌍</div>
<h3>GPS & IMU Integrated</h3>
<p>Real-time position tracking, attitude correction, and map visualization for geolocated targets.</p>
</div>
</div>
</div>
<div class="container" id="specs">
<div class="section-header">
<h2>Technical Specifications</h2>
<p>Two versions available to match your range requirements</p>
</div>
<div class="comparison-table">
<table>
<thead>
<tr>
<th>Specification</th>
<th>AERIS-10N (Nexus)</th>
<th>AERIS-10X (Extended)</th>
</tr>
</thead>
<tbody>
<tr><td><strong>Frequency</strong></td><td>10.5 GHz</td><td>10.5 GHz</td></tr>
<tr><td><strong>Max Range</strong></td><td>3 km</td><td>20 km</td></tr>
<tr><td><strong>Antenna Type</strong></td><td>8×16 Patch Array</td><td>32×16 Slotted Waveguide</td></tr>
<tr><td><strong>Beam Steering</strong></td><td>Electronic (±45°)</td><td>Electronic (±45°)</td></tr>
<tr><td><strong>Mechanical Scan</strong></td><td>360° (stepper motor)</td><td>360° (stepper motor)</td></tr>
<tr><td><strong>Output Power</strong></td><td>~1W</td><td>10W (GaN amplifier)</td></tr>
<tr><td><strong>Processing</strong></td><td>FPGA + STM32</td><td>FPGA + STM32</td></tr>
</tbody>
</table>
</div>
</div>
<div class="container" id="architecture">
<div class="section-header">
<h2>System Architecture</h2>
<p>Modular design with specialized components for optimal performance</p>
</div>
<div class="architecture">
<pre>
┌─────────────────────────────────────────────────────────────┐
│ Antenna Array │
│ (8x16 patch / 32x16 slotted waveguide) │
└─────────────────────┬───────────────────────────────────────┘
┌─────────────────────┴───────────────────────────────────────┐
│ Main Board │
│ ┌───────────────┐ ┌──────────────┐ ┌─────────────────┐ │
│ │ XC7A100T │ │ STM32F746 │ │ 16x ADTR1107 │ │
│ │ FPGA │ │ MCU │ │ Front End │ │
│ └───────────────┘ └──────────────┘ └─────────────────┘ │
│ ┌───────────────┐ ┌──────────────┐ ┌─────────────────┐ │
│ │ 4x ADAR1000 │ │ 2x ADF4382 │ │ 2x LT5552 │ │
│ │ Phase Shift │ │ Synthesizers│ │ Mixers │ │
│ └───────────────┘ └──────────────┘ └─────────────────┘ │
└─────────────────────┬───────────────────────────────────────┘
┌─────────────────────┴───────────────────────────────────────┐
│ Support Modules │
│ ┌───────────────┐ ┌──────────────┐ ┌─────────────────┐ │
│ │ AD9523-1 │ │ GPS Module │ │ GY-85 IMU │ │
│ │ Clock Gen │ │ │ │ │ │
│ └───────────────┘ └──────────────┘ └─────────────────┘ │
└─────────────────────────────────────────────────────────────┘
</pre>
</div>
<div class="cards-grid mt-4">
<div class="card">
<h3>📡 Power Management Board</h3>
<p>Supplies all necessary voltage levels with proper filtering and sequencing (controlled by microcontroller).</p>
</div>
<div class="card">
<h3>⏱️ Frequency Synthesizer Board</h3>
<p>High-performance AD9523-1 low jitter clock generator with phase-aligned references for RX/TX, DAC, ADC, and FPGA.</p>
</div>
<div class="card">
<h3>🔄 Main Board Components</h3>
<p>DAC for chirp generation, LT5552 mixers, ADAR1000 phase shifters (4x), ADTR1107 front-end chips (16x).</p>
</div>
<div class="card">
<h3>🎛️ XC7A100T FPGA</h3>
<p>Handles PLFM chirp generation, ADC data read, AGC, I/Q down-conversion, decimation, filtering, FFT, pulse compression, Doppler, MTI & CFAR processing.</p>
</div>
<div class="card">
<h3>⚙️ STM32F746 Microcontroller</h3>
<p>Power sequencing, FPGA communication, peripheral configuration (clock generator, synthesizers, phase shifters, GPS, IMU, barometer, stepper motor, sensors).</p>
</div>
<div class="card">
<h3>🔊 Power Amplifier Boards (10X only)</h3>
<p>10W QPA2962 GaN amplifier for extended range capability.</p>
</div>
</div>
</div>
<div class="container" id="status">
<div class="section-header">
<h2>Current Status</h2>
<p>Alpha prototype - Actively seeking contributors and beta testers</p>
</div>
<div class="status-grid">
<div class="status-card status-working">
<h3>✅ Working Features</h3>
<ul style="text-align: left; margin-top: 1rem; padding-left: 1.5rem;">
<li>Beam formation from 16×8 array</li>
<li>Electronic steering ±45° elevation</li>
<li>Pulse LFM generation and reception</li>
<li>Basic target detection to 1km</li>
<li>Full FPGA processing pipeline</li>
<li>Pulse compression & Doppler processing</li>
<li>MTI & CFAR detection</li>
</ul>
</div>
<div class="status-card status-progress">
<h3>🚧 In Progress</h3>
<ul style="text-align: left; margin-top: 1rem; padding-left: 1.5rem;">
<li>Python GUI-based radar processing</li>
<li>Multi-board synchronization</li>
<li>Extended range testing</li>
<li>Crowdfunding campaign</li>
<li>Documentation & assembly guides</li>
</ul>
</div>
</div>
</div>
<div class="container" id="get-involved">
<div class="section-header">
<h2>Get Involved</h2>
<p>Join the open-source radar revolution</p>
</div>
<div class="contributors">
<h3>🤝 We're Actively Seeking</h3>
<div class="contributor-buttons">
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">🎓 University Researchers</span>
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">🚁 Drone Startups</span>
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">🔧 Advanced Makers</span>
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">📡 RF Engineers</span>
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">🖥️ FPGA Developers</span>
<span class="badge" style="background:#e9ecef; color:#1a1a2e;">🐍 Python/C++ Developers</span>
</div>
<hr>
<h3>📬 Connect With Us</h3>
<div class="contributor-buttons">
<a href="#" class="btn btn-outline">Discord Community</a>
<a href="#" class="btn btn-outline">GitHub Discussions</a>
<a href="#" class="btn btn-outline">Twitter @AERIS10Radar</a>
<a href="#" class="btn btn-primary">Contribute on GitHub</a>
</div>
</div>
</div>
<div class="container">
<div class="section-header">
<h2>Documentation</h2>
<p>Everything you need to build, modify, and operate the AERIS-10 radar</p>
</div>
<div class="cards-grid">
<div class="card">
<h3>📘 Hardware Design Guide</h3>
<p>Schematics, PCB layouts, BOM, and assembly instructions.</p>
</div>
<div class="card">
<h3>💾 Firmware Development</h3>
<p>STM32 firmware and FPGA bitstream programming guide.</p>
</div>
<div class="card">
<h3>🔬 Signal Processing</h3>
<p>Detailed explanation of the FPGA processing pipeline.</p>
</div>
<div class="card">
<h3>🐍 Python SDK</h3>
<p>GUI and API reference for data visualization and control.</p>
</div>
<div class="card">
<h3>⚙️ Calibration Guide</h3>
<p>Step-by-step calibration procedures for optimal performance.</p>
</div>
<div class="card">
<h3>🛠️ Troubleshooting</h3>
<p>Common issues and solutions.</p>
</div>
</div>
</div>
<footer class="footer">
<div class="social-links">
<a href="#">GitHub</a>
<a href="#">Discord</a>
<a href="#">Twitter</a>
<a href="#">Documentation</a>
<a href="#">Contact</a>
</div>
<p>© 2025 AERIS-10 Project. Open source hardware and software.</p>
<p style="margin-top: 1rem; font-size: 0.9rem; opacity: 0.7;">Licensed under MIT License | Built with ❤️ for the open-source community</p>
</footer>
</body>
</html>