Upload index.html with huggingface_hub

index.html

@@ -50,6 +50,11 @@
   .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}
+  .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;
+    border-bottom:1px solid var(--line);padding-bottom:2px;transition:.25s}
+  .agentlink:hover{color:var(--gold-bright);border-color:var(--gold)}
   .toggle{cursor:pointer;border:1px solid var(--line);padding:7px 12px;border-radius:2px;
     color:var(--paper);background:rgba(201,169,106,.04);transition:.25s;user-select:none}
   .toggle:hover{border-color:var(--gold);color:var(--gold-bright)}
@@ -124,7 +129,10 @@
   <div id="grain"></div>
 
   <div class="ui topbar">
-    <div class="brand"><span class="dot"></span>Gaussian Splat Capture</div>
+    <div class="brand-col">
+      <div class="brand"><span class="dot"></span>Gaussian Splat Capture</div>
+      <a class="agentlink" href="https://huggingface.co/spaces/mishig/monuments-de-paris/blob/main/README.md" target="_blank" rel="noopener">↗ Built with an agent — make your own</a>
+    </div>
     <div class="topright"><span id="rot" class="toggle">◐ Rotation auto</span></div>
   </div>