diff --git a/static/crossroad.css b/static/crossroad.css
index 544bc65..811fe80 100644
--- a/static/crossroad.css
+++ b/static/crossroad.css
@@ -58,6 +58,10 @@ abbr[title] {
text-align: start;
}
+pre#path {
+ display: inline-block;
+}
+
.flex-vcenter {
display: flex;
flex-direction: column;
@@ -76,6 +80,8 @@ abbr[title] {
.flex-row {
display: flex;
+ justify-content: center;
+ align-items: center;;
flex-direction: row;
}
@@ -161,4 +167,8 @@ abbr[title] {
.buttonPanel>* {
margin-top: min(var(--xl), 6vh);
+}
+
+.hidden {
+ display: none;
}
\ No newline at end of file
diff --git a/static/crossroad.html b/static/crossroad.html
index 9fe5c11..570d751 100644
--- a/static/crossroad.html
+++ b/static/crossroad.html
@@ -24,6 +24,10 @@
+ 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 e7daae0..0cbf049 100644
--- a/static/crossroad.mts
+++ b/static/crossroad.mts
@@ -43,6 +43,9 @@ export const {
})();
function createInstanceSelectOptions() {
+ if (storageManager.storage.instances.length > 0) {
+ document.querySelector("#no-instance")?.classList.add("hidden")
+ }
instanceSelectForm.replaceChildren(); // Erase all child nodes
for (const instance of storageManager.storage.instances) {
const div = document.createElement("div");
@@ -128,3 +131,8 @@ function redirect(to: string) {
url.pathname = getTargetPath();
location.href = url.toString();
}
+
+document.querySelector("#path")!.innerHTML = getTargetPath()
+if (storageManager.storage.instances.length === 0) {
+ document.querySelector("#no-instance")?.classList.remove("hidden")
+}
\ No newline at end of file