added learn more button

editor/index.html

@@ -140,6 +140,7 @@
                 <p class="control-name">Undo</p>
                 <p class="control-icon">Ctrl + Z</p>
             </div>
+            <div id="about">Click here to learn more</div>
         </div>
 
         <canvas id="canvas"> </canvas>

editor/src/main.ts

@@ -15,6 +15,7 @@ const fileInput = document.getElementById("file-input") as HTMLInputElement;
 const urlInput = document.getElementById("url-input") as HTMLInputElement;
 const uploadSubmit = document.getElementById("upload-submit") as HTMLButtonElement;
 const uploadError = document.getElementById("upload-error") as HTMLDivElement;
+const learnMoreButton = document.getElementById("about") as HTMLButtonElement;
 
 const engine = new Engine(canvas);
 
@@ -134,6 +135,10 @@ async function main() {
         }
     });
 
+    learnMoreButton.addEventListener("click", () => {
+        window.open("https://huggingface.co/spaces/dylanebert/gsplat-editor/discussions/1", "_blank");
+    });
+
     window.addEventListener("click", () => {
         window.focus();
     });

editor/style.css

@@ -150,6 +150,7 @@ progress::-moz-progress-bar {
     padding: 16px;
     border: 1px solid #888;
     width: 80%;
+    max-width: 960px;
     color: #ddd;
 }
 
@@ -226,3 +227,10 @@ input[type="file"] {
     display: none;
     color: #f00;
 }
+
+#about {
+    margin: 8px 0;
+    text-decoration: underline;
+    cursor: pointer;
+    pointer-events: auto;
+}