base sys done. shift to vs code

2025-06-30 05:17:50 +00:00
parent 05f87e04f9
commit 2c49d7cd5c
10 changed files with 292 additions and 0 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>SkyNav SpaceCom</title>
+
+  <!-- CesiumJS -->
+  <script src="https://cesium.com/downloads/cesiumjs/releases/1.110/Build/Cesium/Cesium.js"></script>
+  <link href="https://cesium.com/downloads/cesiumjs/releases/1.110/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+
+  <!-- Google Font (Montserrat) -->
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
+  <style>
+    html, body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      font-family: 'Montserrat', sans-serif;
+      background-color: #000;
+    }
+
+    #branding {
+      height: 6em;
+      background: linear-gradient(to right, #1e124f, #2e1a6d); /* SkyNav deep purple gradient */
+      color: #fff;
+      padding: 1em;
+      text-align: center;
+      border-bottom: 2px solid #352f66;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
+    }
+
+    #branding h1 {
+      margin: 0;
+      font-size: 1.8em;
+      font-weight: 600;
+      letter-spacing: 1px;
+    }
+
+    #branding p {
+      margin: 0.3em 0 0;
+      font-size: 1em;
+      color: #ccc;
+    }
+
+    #cesiumContainer {
+      position: absolute;
+      top: 8em;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  </style>
+</head>
+<body>
+
+  <header id="branding">
+    <h1>🛰️ SkyNav SpaceCom</h1>
+    <p>Real-Time Orbit & Re-entry Monitoring Platform</p>
+  </header>
+
+  <div id="cesiumContainer"></div>
+  <script type="module" src="app.js"></script>
+
+
+</body>
+</html>