diff --git a/static/main.css b/static/crossroad.css similarity index 94% rename from static/main.css rename to static/crossroad.css index 86c25f2..544bc65 100644 --- a/static/main.css +++ b/static/crossroad.css @@ -58,15 +58,6 @@ abbr[title] { text-align: start; } -.inline-block { - display: inline-block; -} - -.align-content-center { - justify-content: center; - align-items: center; -} - .flex-vcenter { display: flex; flex-direction: column; @@ -126,10 +117,6 @@ abbr[title] { min-height: 100%; } -.medium-height { - height: var(--medium); -} - .separator-bottom { border-bottom: solid 1px var(--transparent-black); } @@ -168,6 +155,7 @@ abbr[title] { } .inlineIcon { + height: var(--medium); vertical-align: text-top; } diff --git a/static/crossroad.html b/static/crossroad.html index 4ed6abc..9fe5c11 100644 --- a/static/crossroad.html +++ b/static/crossroad.html @@ -5,7 +5,7 @@ FeDirect - + @@ -22,18 +22,12 @@ -
-
-
- You're about to go to - 
.

-                        
-                        
You currently don't have any instances. You should add one!

-                        

-                        

-                        
-                    

-                

+            

+                

+                    

+                    

+                    
+                

                 

                     

                         

diff --git a/static/crossroad.mts b/static/crossroad.mts
index 2e6ee32..e7daae0 100644
--- a/static/crossroad.mts
+++ b/static/crossroad.mts
@@ -1,5 +1,5 @@
 import { initializeAddInstanceFlow } from "./add_instance_flow.mjs";
-import { findButtonOrFail, findDialogOrFail, findFormOrFail, findInputOrFail, findParagraphOrFail, findPreOrFail } from "./dom.mjs";
+import { findButtonOrFail, findDialogOrFail, findFormOrFail, findInputOrFail } from "./dom.mjs";
 import knownSoftware from "./known_software.mjs";
 import storageManager from "./storage_manager.mjs";
 
@@ -39,21 +39,9 @@ export const {
     }
     createInstanceSelectOptions();
     storageManager.addSaveCallback(createInstanceSelectOptions);
-    updateNoInstanceHint();
-    storageManager.addSaveCallback(updateNoInstanceHint);
-
-    findPreOrFail(document.body, "#path").innerText = getTargetPath();
-
     return initializeAddInstanceFlow(detailsDialog, addDialog)
 })();
 
-function updateNoInstanceHint() {
-    findParagraphOrFail(document.body, "#no-instance").style.display =
-        storageManager.storage.instances.length > 0
-            ? "none"
-            : "";
-}
-
 function createInstanceSelectOptions() {
     instanceSelectForm.replaceChildren(); // Erase all child nodes
     for (const instance of storageManager.storage.instances) {
@@ -71,7 +59,7 @@ function createInstanceSelectOptions() {
             const img = new Image();
             img.src = instance.iconURL;
             img.alt = `${instance.name} icon`;
-            img.className = "inlineIcon medium-height";
+            img.className = "inlineIcon";
             label.append(img, " ");
         }
         const small = document.createElement("small");
@@ -140,5 +128,3 @@ function redirect(to: string) {
     url.pathname = getTargetPath();
     location.href = url.toString();
 }
-
-export { storageManager };
\ No newline at end of file
diff --git a/static/dom.mts b/static/dom.mts
index 53d4c36..7a7aff5 100644
--- a/static/dom.mts
+++ b/static/dom.mts
@@ -1,20 +1,6 @@
 // I would've LOVED to use generics for this but unfortunately that's not possible.
 // Type safety, but at what cost... >~< thanks TypeScript
 
-export function findPreOrFail(on: Element, selector: string): HTMLPreElement {
-    const element = on.querySelector(selector);
-    if (!(element instanceof HTMLPreElement))
-        throw new Error(`${selector} isn't a pre`);
-    return element;
-}
-
-export function findParagraphOrFail(on: Element, selector: string): HTMLParagraphElement {
-    const element = on.querySelector(selector);
-    if (!(element instanceof HTMLParagraphElement))
-        throw new Error(`${selector} isn't a paragraph`);
-    return element;
-}
-
 export function findDialogOrFail(on: Element, selector: string): HTMLDialogElement {
     const element = on.querySelector(selector);
     if (!(element instanceof HTMLDialogElement))
diff --git a/static/down_arrow.svg b/static/down_arrow.svg
deleted file mode 100644
index 875e948..0000000
--- a/static/down_arrow.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file