diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..8158c43 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/gwaa_logo.png b/public/gwaa_logo.png
new file mode 100644
index 0000000..2f28c86
Binary files /dev/null and b/public/gwaa_logo.png differ
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>