mirror of
https://github.com/smittix/intercept.git
synced 2026-04-24 06:40:00 -07:00
f326be77cd
- Extract inline CSS to static/css/modes/ (acars, aprs, tscm) - Create HTML partials for all 9 modes in templates/partials/modes/ - Reduce index.html from 11,862 to 10,281 lines (~15% reduction) - Use Jinja2 includes for cleaner template organization Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
51 lines
3.2 KiB
HTML
51 lines
3.2 KiB
HTML
<!-- SATELLITE MODE -->
|
|
<div id="satelliteMode" class="mode-content">
|
|
<div class="section">
|
|
<h3>Satellite Command</h3>
|
|
<p style="color: var(--text-secondary); font-size: 11px; line-height: 1.5; margin-bottom: 15px;">
|
|
Full satellite tracking dashboard with polar plot, ground track map, pass predictions, and live telemetry.
|
|
</p>
|
|
<a href="/satellite/dashboard" target="_blank" class="preset-btn" style="display: block; text-align: center; text-decoration: none; width: 100%; margin-bottom: 10px;">
|
|
Open in New Window
|
|
</a>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Satellite Database</h3>
|
|
<p style="color: var(--text-secondary); font-size: 11px; margin-bottom: 10px;">
|
|
Add satellites via TLE data or fetch from Celestrak.
|
|
</p>
|
|
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
<button class="preset-btn" onclick="showAddSatelliteModal()" style="width: 100%;">
|
|
Add Satellite (TLE)
|
|
</button>
|
|
<button class="preset-btn" onclick="fetchCelestrak()" style="width: 100%;">
|
|
Update from Celestrak
|
|
</button>
|
|
</div>
|
|
<div style="margin-top: 10px; padding: 8px; background: rgba(0,0,0,0.2); border-radius: 4px;">
|
|
<div style="font-size: 10px; color: var(--text-muted); margin-bottom: 6px;">TRACKED SATELLITES</div>
|
|
<div id="satTrackingList" style="font-size: 11px; color: var(--text-secondary); max-height: 120px; overflow-y: auto;">
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px;">
|
|
<span>ISS (ZARYA)</span>
|
|
<span>NOAA 15</span>
|
|
<span>NOAA 18</span>
|
|
<span>NOAA 19</span>
|
|
<span>NOAA 20</span>
|
|
<span>METEOR-M2</span>
|
|
<span>METEOR-M2-3</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Quick Info</h3>
|
|
<div style="font-size: 11px; color: var(--text-secondary); line-height: 1.6;">
|
|
<p><strong>Polar Plot:</strong> Shows satellite path across the sky. Center = overhead, edge = horizon.</p>
|
|
<p style="margin-top: 8px;"><strong>Ground Track:</strong> Real-time satellite position and orbital path on world map.</p>
|
|
<p style="margin-top: 8px;"><strong>Pass Quality:</strong> Excellent (60°+), Good (30°+), Fair (below 30°).</p>
|
|
</div>
|
|
</div>
|
|
</div>
|