Upload index.html with huggingface_hub

index.html

@@ -50,6 +50,10 @@
   .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 2.4s ease-in-out infinite}
   @keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
   .topright{text-align:right;font-size:11px;letter-spacing:.18em;color:var(--paper-dim);pointer-events:auto}
+  .galnav{display:flex;gap:14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
+  .galnav a{color:var(--paper-dim);text-decoration:none;transition:.25s}
+  .galnav a:hover{color:var(--gold-bright)}
+  .galnav a.gactive{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px;pointer-events:none}
   .brand-col{display:flex;flex-direction:column;gap:7px;pointer-events:none}
   .agentlink{pointer-events:auto;width:max-content;font-size:10px;letter-spacing:.16em;
     color:var(--gold);text-transform:uppercase;text-decoration:none;
@@ -133,6 +137,11 @@
       <div class="brand"><span class="dot"></span>Gaussian Splat Capture</div>
       <a class="agentlink" href="https://huggingface.co/spaces/mishig/monuments-of-egypt/blob/main/README.md" target="_blank" rel="noopener">↗ Built with an agent — make your own</a>
     </div>
+    <nav class="topright galnav">
+      <a href="https://mishig-monuments-de-paris.static.hf.space">Paris</a>
+      <a href="https://mishig-monuments-of-japan.static.hf.space">Japon</a>
+      <a href="https://mishig-monuments-of-egypt.static.hf.space" class="gactive">Égypte</a>
+    </nav>
   </div>
 
   <div class="ui title">