From e60a4c4d57352d26514960ad4038e6d41058fa6f Mon Sep 17 00:00:00 2001
From: Kara Alexandra <ardnaxelarak@gmail.com>
Date: Mon, 25 May 2026 15:44:27 -0500
Subject: [PATCH] Add navbar

---
 public/favicon.ico                | Bin 4286 -> 39486 bytes
 public/gwaa_logo.png              | Bin 0 -> 13090 bytes
 src/App.vue                       |  13 +++-
 src/assets/main.css               |   7 +-
 src/components/GeneratorName.vue  |  22 ++++++
 src/components/Multi.vue          |   2 +-
 src/components/NavBar.vue         |  99 ++++++++++++++++++++++++
 src/components/Seed.vue           |   2 +-
 src/components/SettingPicker.vue  |  28 ++++---
 src/components/SettingsPage.vue   |  14 +++-
 src/data/settings-display.yaml    |   4 +
 src/views/GenerateApr2025View.vue |  71 +++++++++--------
 src/views/GenerateMulti.vue       | 122 +++++++++++++++++-------------
 src/views/GenerateMystery.vue     |  14 ++--
 src/views/GenerateView.vue        |  39 +++++-----
 15 files changed, 308 insertions(+), 129 deletions(-)
 create mode 100644 public/gwaa_logo.png
 create mode 100644 src/components/GeneratorName.vue
 create mode 100644 src/components/NavBar.vue

diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..8158c432d62a369befed44558052ac7c2bc3e7c5 100644
GIT binary patch
literal 39486
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
PS&On`+4X7czajqr?g-^t

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/public/gwaa_logo.png b/public/gwaa_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f28c8680ac3dfc34ff36f61a85b58804f430eff
GIT binary patch
literal 13090
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
Yz)aL_dOia9Cl-j}Yc<&)(q`}f2hR$z9smFU

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index b306417..444c5c9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,14 @@
-<script setup>
+<script>
+import { defineComponent } from "vue";
 import { RouterView } from "vue-router";
+
+import NavBar from "@/components/NavBar.vue";
+
+export default defineComponent({
+  components: {
+    NavBar,
+  }
+});
 </script>
 
 <template>
@@ -8,6 +17,8 @@ import { RouterView } from "vue-router";
     </div>
   </header>
 
+  <NavBar />
+
   <RouterView />
 </template>
 
diff --git a/src/assets/main.css b/src/assets/main.css
index ca6b3f3..47fcbcb 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,4 +1,4 @@
-#app {
+.mw-60 {
   max-width: 60rem;
   margin: 0 auto;
 }
@@ -8,8 +8,11 @@
   margin: 0 auto;
 }
 
-.center {
+.block {
   display: block;
+}
+
+.center {
   margin: 0 auto;
 }
 
diff --git a/src/components/GeneratorName.vue b/src/components/GeneratorName.vue
new file mode 100644
index 0000000..68a2006
--- /dev/null
+++ b/src/components/GeneratorName.vue
@@ -0,0 +1,22 @@
+<script>
+import { defineComponent } from "vue";
+
+import settingsDisplay from "@/data/settings-display.yaml";
+
+export default defineComponent({
+  props: {
+    generator: "",
+  },
+  computed: {
+    display() {
+      return settingsDisplay.randomizer_generator[this.generator];
+    }
+  },
+});
+</script>
+
+<template>
+  <span v-if="display">
+    {{ display }}
+  </span>
+</template>
diff --git a/src/components/Multi.vue b/src/components/Multi.vue
index 4fc12a6..61ddc00 100644
--- a/src/components/Multi.vue
+++ b/src/components/Multi.vue
@@ -109,7 +109,7 @@ export default defineComponent({
       </div>
     </div>
     <div v-else>
-      <img class="center" src="/bludormspinbig.gif" />
+      <img class="block center" src="/bludormspinbig.gif" />
     </div>
   </div>
 </template>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
new file mode 100644
index 0000000..ee70bee
--- /dev/null
+++ b/src/components/NavBar.vue
@@ -0,0 +1,99 @@
+<script>
+import { defineComponent } from "vue";
+import { Collapse } from "bootstrap";
+
+export default defineComponent({
+  data() {
+    return {
+      navbar: null,
+    };
+  },
+  async mounted() {
+    this.navbar = Collapse.getOrCreateInstance(this.$refs.navbar, {toggle: false});
+  },
+  methods: {
+    collapse() {
+      this.navbar.hide();
+    },
+  },
+});
+</script>
+
+<template>
+  <nav class="navbar navbar-expand-sm bg-dark-subtle pt-1 px-2">
+    <div class="container-fluid px-1">
+      <a class="navbar-brand ps-1 py-0 me-2">
+        <img class="brand-logo" src="/gwaa_logo.png" />
+      </a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle Navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div id="navbar" class="collapse navbar-collapse" ref="navbar">
+        <ul class="navbar-nav center">
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Seed
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <router-link to="/generate" class="dropdown-item" @click="collapse">
+                  Base Randomizer
+                </router-link>
+              </li>
+              <li>
+                <router-link to="/generate/beta" class="dropdown-item" @click="collapse">
+                  Beta Randomizer
+                </router-link>
+              </li>
+              <li>
+                <router-link to="/generate/apr2025" class="dropdown-item" @click="collapse">
+                  April 2025 Randomizer
+                </router-link>
+              </li>
+            </ul>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Multiworld
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <router-link to="/multiworld" class="dropdown-item" @click="collapse">
+                  Base Randomizer
+                </router-link>
+              </li>
+              <li>
+                <router-link to="/multiworld/beta" class="dropdown-item" @click="collapse">
+                  Beta Randomizer
+                </router-link>
+              </li>
+            </ul>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Mystery
+            </a>
+            <ul class="dropdown-menu">
+              <li>
+                <router-link to="/mystery" class="dropdown-item" @click="collapse">
+                  Base Randomizer
+                </router-link>
+              </li>
+              <li>
+                <router-link to="/mystery/beta" class="dropdown-item" @click="collapse">
+                  Beta Randomizer
+                </router-link>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</template>
+
+<style>
+.brand-logo {
+  height: 28px;
+}
+</style>
diff --git a/src/components/Seed.vue b/src/components/Seed.vue
index 5c62fbf..7e88de4 100644
--- a/src/components/Seed.vue
+++ b/src/components/Seed.vue
@@ -291,7 +291,7 @@ export default defineComponent({
       </div>
     </div>
     <div v-else>
-      <img class="center" src="/bludormspinbig.gif" />
+      <img class="block center" src="/bludormspinbig.gif" />
     </div>
   </div>
   <div v-if="patch && spoiler && show_spoiler" class="mw-60">
diff --git a/src/components/SettingPicker.vue b/src/components/SettingPicker.vue
index 5b6bec9..f1e02ef 100644
--- a/src/components/SettingPicker.vue
+++ b/src/components/SettingPicker.vue
@@ -27,6 +27,9 @@ export default defineComponent({
       this.selected = newValue;
       await this.updateLocalForage();
     },
+    async generator(newValue, oldValue) {
+      await this.loadSaved(true);
+    },
   },
   computed: {
     settings() {
@@ -47,17 +50,7 @@ export default defineComponent({
   },
   async mounted() {
     this.$refs.tips?.forEach(el => new Tooltip(el));
-    if (this.settings) {
-      const saved = await localforage.getItem(`${this.prefix}setting_${this.name}`) ?? this.settings.default;
-      if (this.modelValue) {
-        this.selected = this.modelValue;
-      } else if (this.settings.values[saved]) {
-        this.selected = saved;
-      } else {
-        this.selected = this.settings.default;
-      }
-      this.change();
-    }
+    await this.loadSaved(false);
   },
   methods: {
     async change() {
@@ -67,6 +60,19 @@ export default defineComponent({
     async updateLocalForage() {
       await localforage.setItem(`${this.prefix}setting_${this.name}`, this.selected);
     },
+    async loadSaved(override) {
+      if (this.settings) {
+        const saved = await localforage.getItem(`${this.prefix}setting_${this.name}`) ?? this.settings.default;
+        if (this.modelValue && !override) {
+          this.selected = this.modelValue;
+        } else if (this.settings.values[saved]) {
+          this.selected = saved;
+        } else {
+          this.selected = this.settings.default;
+        }
+        this.change();
+      }
+    },
   },
 });
 </script>
diff --git a/src/components/SettingsPage.vue b/src/components/SettingsPage.vue
index 7aa3195..c51d511 100644
--- a/src/components/SettingsPage.vue
+++ b/src/components/SettingsPage.vue
@@ -53,7 +53,19 @@ export default defineComponent({
         this.$emit("update:modelValue", this.set);
       },
       deep: true,
-    }
+    },
+    async generator(newValue, oldValue) {
+      for (const setting of Object.keys(this.set)) {
+        if (setting == "player_name") {
+          continue;
+        }
+
+        if (!(setting in this.settings)) {
+          delete this.set[setting];
+        }
+      }
+      this.$refs.preset.settingChanged(this.set);
+    },
   },
   methods: {
     ...mapActions(usePresetStore, ["fetchLocalPresets"]),
diff --git a/src/data/settings-display.yaml b/src/data/settings-display.yaml
index ef09704..491dfb4 100644
--- a/src/data/settings-display.yaml
+++ b/src/data/settings-display.yaml
@@ -1,3 +1,7 @@
+randomizer_generator:
+  beta: Beta Randomizer
+  apr2025: April 2025 Special Randomizer
+  pikit: Special Pikit Randomizer
 randomizer:
   apr2025: April 2025 Special Randomizer
   pikit: Special Pikit Randomizer
diff --git a/src/views/GenerateApr2025View.vue b/src/views/GenerateApr2025View.vue
index 93bb812..2a6cc42 100644
--- a/src/views/GenerateApr2025View.vue
+++ b/src/views/GenerateApr2025View.vue
@@ -4,10 +4,12 @@ import { defineComponent } from "vue";
 import axios from "axios";
 
 import SettingPicker from "@/components/SettingPicker.vue";
+import GeneratorName from "@/components/GeneratorName.vue";
 
 export default defineComponent({
   components: {
     SettingPicker,
+    GeneratorName,
   },
   data() {
     return {
@@ -41,39 +43,42 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="card content-div m-3">
-    <div class="card-header">
-      Generate Seed
-    </div>
-    <ul class="list-group list-group-flush">
-      <li class="list-group-item">
-        <SettingPicker color="primary" v-model="set.mode" name="mode" generator="apr2025" />
-        <SettingPicker color="primary" v-model="set.weapons" name="weapons" generator="apr2025" />
-        <SettingPicker color="primary" v-model="set.hints" name="hints" generator="apr2025" />
-      </li>
-      <li class="list-group-item">
-        <SettingPicker color="success" v-model="set.crystals_ganon" name="crystals_ganon" generator="apr2025" />
-      </li>
-      <li class="list-group-item">
-        <SettingPicker color="warning" v-model="set.entrance_shuffle" name="entrance_shuffle" generator="apr2025" />
-      </li>
-      <li class="list-group-item">
-        <SettingPicker color="danger" v-model="set.small_keys" name="dungeon_item_shuffle" generator="apr2025" />
-      </li>
-      <li class="list-group-item">
-        <SettingPicker color="primary" v-model="set.boots" name="boots" generator="apr2025" />
-      </li>
-    </ul>
-    <div class="card-footer">
-      <div class="nav nav-pills nav-fill" role="group">
-        <button type="button" class="m-1 nav-item btn btn-outline-danger"
-            @click="generate(true);">
-          Generate Race ROM
-        </button>
-        <button type="button" class="m-1 nav-item btn btn-outline-primary"
-            @click="generate(false);">
-          Generate ROM
-        </button>
+  <div class="mw-60">
+    <div class="card content-div m-3">
+      <div class="card-header">
+        Generate Seed
+        <GeneratorName generator="apr2025" class="float-right" />
+      </div>
+      <ul class="list-group list-group-flush">
+        <li class="list-group-item">
+          <SettingPicker color="primary" v-model="set.mode" name="mode" generator="apr2025" />
+          <SettingPicker color="primary" v-model="set.weapons" name="weapons" generator="apr2025" />
+          <SettingPicker color="primary" v-model="set.hints" name="hints" generator="apr2025" />
+        </li>
+        <li class="list-group-item">
+          <SettingPicker color="success" v-model="set.crystals_ganon" name="crystals_ganon" generator="apr2025" />
+        </li>
+        <li class="list-group-item">
+          <SettingPicker color="warning" v-model="set.entrance_shuffle" name="entrance_shuffle" generator="apr2025" />
+        </li>
+        <li class="list-group-item">
+          <SettingPicker color="danger" v-model="set.small_keys" name="dungeon_item_shuffle" generator="apr2025" />
+        </li>
+        <li class="list-group-item">
+          <SettingPicker color="primary" v-model="set.boots" name="boots" generator="apr2025" />
+        </li>
+      </ul>
+      <div class="card-footer">
+        <div class="nav nav-pills nav-fill" role="group">
+          <button type="button" class="m-1 nav-item btn btn-outline-danger"
+              @click="generate(true);">
+            Generate Race ROM
+          </button>
+          <button type="button" class="m-1 nav-item btn btn-outline-primary"
+              @click="generate(false);">
+            Generate ROM
+          </button>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/views/GenerateMulti.vue b/src/views/GenerateMulti.vue
index f80af37..a3326a4 100644
--- a/src/views/GenerateMulti.vue
+++ b/src/views/GenerateMulti.vue
@@ -6,10 +6,12 @@ import localforage from "localforage";
 import { Tab } from "bootstrap";
 
 import SettingsPage from "@/components/SettingsPage.vue";
+import GeneratorName from "@/components/GeneratorName.vue";
 
 export default defineComponent({
   components: {
     SettingsPage,
+    GeneratorName,
   },
   props: {
     prefix: null,
@@ -24,14 +26,25 @@ export default defineComponent({
   async mounted() {
     document.title = "ALttPR Multiworld"
 
-    await new Promise(r => setTimeout(r, 100));
-
     for (var i = 0; i < this.worldCount; i++) {
-      this.worlds[i].player_name = await localforage.getItem(`${this.prefix}world_${i + 1}_setting_player_name`);
       new Tab(this.$refs.tabs[i]);
     }
+
+    await new Promise(r => setTimeout(r, 100));
+
+    await this.loadPlayerNames();
+  },
+  watch: {
+    async generator(oldValue, newValue) {
+      await this.loadPlayerNames();
+    },
   },
   methods: {
+    async loadPlayerNames() {
+      for (var i = 0; i < this.worldCount; i++) {
+        this.worlds[i].player_name = await localforage.getItem(`${this.prefix}world_${i + 1}_setting_player_name`);
+      }
+    },
     async addWorld() {
       const newname = await localforage.getItem(`${this.prefix}world_${this.worldCount + 1}_setting_player_name`);
       this.worlds.push({player_name: newname});
@@ -82,59 +95,62 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="card content-div m-3">
-    <div class="card-header">
-      Generate Multiworld
-    </div>
-    <ul class="nav nav-tabs ps-3 pt-3 pe-3">
-      <li v-for="(n, idx) in worldCount" class="nav-item" role="presentation">
-        <button class="nav-link" :class="{active: idx == 0}" data-bs-toggle="tab"
-            :data-bs-target="`#world_page_${n}`" type="button" role="tab" ref="tabs">
-          <template v-if="worlds[idx] && worlds[idx].player_name && worlds[idx].player_name.length">
-            {{ worlds[idx].player_name }}
-          </template>
-          <template v-else>
-            {{ n }}
-          </template>
-          <div v-if="n == worldCount && n > 2" class="delete-player-button">
-            <button @click="removeWorld" class="badge btn rounded-pill text-bg-danger">
-              <i class="bi bi-trash"></i>
-            </button>
-          </div>
+  <div class="mw-60">
+    <div class="card content-div m-3">
+      <div class="card-header">
+        Generate Multiworld
+        <GeneratorName :generator="generator" class="float-right" />
+      </div>
+      <ul class="nav nav-tabs ps-3 pt-3 pe-3">
+        <li v-for="(n, idx) in worldCount" class="nav-item" role="presentation">
+          <button class="nav-link" :class="{active: idx == 0}" data-bs-toggle="tab"
+              :data-bs-target="`#world_page_${n}`" type="button" role="tab" ref="tabs">
+            <template v-if="worlds[idx] && worlds[idx].player_name && worlds[idx].player_name.length">
+              {{ worlds[idx].player_name }}
+            </template>
+            <template v-else>
+              {{ n }}
+            </template>
+            <div v-if="n == worldCount && n > 2" class="delete-player-button">
+              <button @click="removeWorld" class="badge btn rounded-pill text-bg-danger">
+                <i class="bi bi-trash"></i>
+              </button>
+            </div>
+          </button>
+        </li>
+        <button class="nav-link" type="button" role="tab" @click="addWorld">
+          <i class="bi bi-plus"></i>
         </button>
-      </li>
-      <button class="nav-link" type="button" role="tab" @click="addWorld">
-        <i class="bi bi-plus"></i>
-      </button>
-    </ul>
-    <div class="tab-content">
-      <template v-for="(n, idx) in worldCount">
-        <div :id="`world_page_${n}`" class="tab-pane fade"
-            :class="{show: idx == 0, active: idx == 0}" role="tabpanel">
-          <div class="input-group ms-3 me-3 mt-3" style="width: inherit;">
-            <label class="input-group-text" :for="`player_${n}_name`">
-              Player {{ n }} Name:
-            </label>
-            <input type="text" class="form-control" :placeholder="`Player ${n}`"
-                id="`player_${n}_name`" v-model="worlds[idx].player_name"
-                @change="playerNameUpdated(idx)" />
-          </div>
-          <div id="settings" class="accordion accordion-flush">
-            <SettingsPage v-model="worlds[idx]" :prefix="`${prefix}world_${n}_`" :generator="generator" />
+      </ul>
+      <div class="tab-content">
+        <template v-for="(n, idx) in worldCount">
+          <div :id="`world_page_${n}`" class="tab-pane fade"
+              :class="{show: idx == 0, active: idx == 0}" role="tabpanel">
+            <div class="input-group ms-3 me-3 mt-3" style="width: inherit;">
+              <label class="input-group-text" :for="`player_${n}_name`">
+                Player {{ n }} Name:
+              </label>
+              <input type="text" class="form-control" :placeholder="`Player ${n}`"
+                  id="`player_${n}_name`" v-model="worlds[idx].player_name"
+                  @change="playerNameUpdated(idx)" />
+            </div>
+            <div id="settings" class="accordion accordion-flush">
+              <SettingsPage v-model="worlds[idx]" :prefix="`${prefix}world_${n}_`" :generator="generator" />
+            </div>
           </div>
+        </template>
+      </div>
+      <div class="card-footer">
+        <div class="nav nav-pills nav-fill" role="group">
+          <button type="button" class="m-1 nav-item btn btn-outline-danger"
+              @click="generate(true);">
+            Generate Race Multiworld
+          </button>
+          <button type="button" class="m-1 nav-item btn btn-outline-primary"
+              @click="generate(false);">
+            Generate Multiworld
+          </button>
         </div>
-      </template>
-    </div>
-    <div class="card-footer">
-      <div class="nav nav-pills nav-fill" role="group">
-        <button type="button" class="m-1 nav-item btn btn-outline-danger"
-            @click="generate(true);">
-          Generate Race Multiworld
-        </button>
-        <button type="button" class="m-1 nav-item btn btn-outline-primary"
-            @click="generate(false);">
-          Generate Multiworld
-        </button>
       </div>
     </div>
   </div>
diff --git a/src/views/GenerateMystery.vue b/src/views/GenerateMystery.vue
index 2bba75c..88da002 100644
--- a/src/views/GenerateMystery.vue
+++ b/src/views/GenerateMystery.vue
@@ -10,9 +10,12 @@ import generatorSettings from "@/data/generator-settings.yaml";
 
 import VueMarkdown from "vue-markdown-render";
 
+import GeneratorName from "@/components/GeneratorName.vue";
+
 export default defineComponent({
   components: {
     VueMarkdown,
+    GeneratorName,
   },
   props: {
     prefix: null,
@@ -135,11 +138,12 @@ export default defineComponent({
     <div class="card content-div m-3">
       <div class="card-header">
         Generate Mystery Seed
+        <GeneratorName :generator="generator" class="float-right" />
       </div>
       <ul class="list-group list-group-flush">
         <li class="list-group-item">
           Upload Mystery YAML:
-          <a class="example-yaml-link" href="/sample_mystery.yaml">(example)</a>
+          <a class="float-right" href="/sample_mystery.yaml">(example)</a>
           <div class="input-group mt-2 mb-2">
             <input id="yaml-input" class="form-control" type="file" accept=".yaml,.yml" @change="uploadYaml($event.target.files[0], true)" />
           </div>
@@ -164,11 +168,3 @@ export default defineComponent({
     </div>
   </div>
 </template>
-
-<style>
-.example-yaml-link {
-  position: absolute;
-  right: 0;
-  padding-right: var(--bs-list-group-item-padding-x);
-}
-</style>
diff --git a/src/views/GenerateView.vue b/src/views/GenerateView.vue
index 7686729..58afa41 100644
--- a/src/views/GenerateView.vue
+++ b/src/views/GenerateView.vue
@@ -5,10 +5,12 @@ import axios from "axios";
 import { Modal } from "bootstrap";
 
 import SettingsPage from "@/components/SettingsPage.vue";
+import GeneratorName from "@/components/GeneratorName.vue";
 
 export default defineComponent({
   components: {
     SettingsPage,
+    GeneratorName,
   },
   props: {
     prefix: null,
@@ -45,23 +47,26 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="card content-div m-3">
-    <div class="card-header">
-      Generate Seed
-    </div>
-    <div id="settings" class="accordion accordion-flush">
-      <SettingsPage v-model="set" :generator="generator" :prefix="prefix" />
-    </div>
-    <div class="card-footer">
-      <div class="nav nav-pills nav-fill" role="group">
-        <button type="button" class="m-1 nav-item btn btn-outline-danger"
-            @click="generate(true);">
-          Generate Race ROM
-        </button>
-        <button type="button" class="m-1 nav-item btn btn-outline-primary"
-            @click="generate(false);">
-          Generate ROM
-        </button>
+  <div class="mw-60">
+    <div class="card content-div m-3">
+      <div class="card-header">
+        Generate Seed
+        <GeneratorName :generator="generator" class="float-right" />
+      </div>
+      <div id="settings" class="accordion accordion-flush">
+        <SettingsPage v-model="set" :generator="generator" :prefix="prefix" />
+      </div>
+      <div class="card-footer">
+        <div class="nav nav-pills nav-fill" role="group">
+          <button type="button" class="m-1 nav-item btn btn-outline-danger"
+              @click="generate(true);">
+            Generate Race ROM
+          </button>
+          <button type="button" class="m-1 nav-item btn btn-outline-primary"
+              @click="generate(false);">
+            Generate ROM
+          </button>
+        </div>
       </div>
     </div>
   </div>