diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index f4c435e..093aec8 100644
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -144,7 +144,7 @@ onUnmounted(() => {
         <img alt="Durin's Bane - a Balrog within the Mines of Moria"
              class="center"
              style="width: 160px; max-width: 100%; padding: 50px;"
-             src="/assets/images/balrog.png">
+             :src="withBase('/assets/images/balrog.png')">
         <p class="center">"You cannot pass," he said.</p>
         <p class="center"><a :href="withBase('/')">Return to the Shire (Home)</a></p>
       </div>
diff --git a/docs/.vitepress/theme/mume.css b/docs/.vitepress/theme/mume.css
index d8d2c56..bae1911 100644
--- a/docs/.vitepress/theme/mume.css
+++ b/docs/.vitepress/theme/mume.css
@@ -273,7 +273,7 @@ nav ul li a:hover .caret.right {
     margin-top: 0.75em;
     text-align: center;
     background: #0a0d15;
-    background-image: url(../../assets/images/play-now-banner.jpg);
+    background-image: url(/assets/images/play-now-banner.jpg);
     background-position: center;
     background-size: cover;
     border-radius: 0.3em;
@@ -285,7 +285,7 @@ nav ul li a:hover .caret.right {
 (-webkit-min-device-pixel-ratio: 1.25),
 (min-resolution: 1.25dppx) {
     .content .playnow {
-        background-image: url(../../assets/images/play-now-banner@2x.jpg);
+        background-image: url(/assets/images/play-now-banner@2x.jpg);
     }
 }
 .content .readytoexplore {
@@ -534,7 +534,7 @@ footer {
         font-size: 0.8em;
     }
     .content .playnow {
-        background-image: url(../../assets/images/play-now-banner@2x.jpg);
+        background-image: url(/assets/images/play-now-banner@2x.jpg);
     }
 
     :target::before {
@@ -991,7 +991,7 @@ a:hover {
   margin-bottom: 0.5rem;
 }
 
-.center-img {
+.center-img, .page-banner {
   text-align: center;
   margin-bottom: 2rem;
 }
diff --git a/docs/about/index.md b/docs/about/index.md
index 5efa209..dd6f32a 100644
--- a/docs/about/index.md
+++ b/docs/about/index.md
@@ -3,8 +3,8 @@ title: About MUME
 description: A short explanation on what Multi-Users in Middle-earth is.
 ---
 
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="A short explanation on what Multi-Users in Middle-earth is" style="width: 100%; max-width: 654px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="A short explanation on what Multi-Users in Middle-earth is" class="banner-img" />
 </div>
 
 # About MUME
@@ -62,4 +62,4 @@ Below is a snapshot of the Middle-earth outdoor areas that are available on MUME
   <img src="/assets/images/map_public_small.jpg" alt="Map of Arda" style="width: 100%; max-width: 790px; height: auto;" />
 </div>
 
-For the record, here is how Arda looked like in [2001](https://mume.org/Images/map_public_small_200109.jpg), [2006](/about/building), and [2009](https://mume.org/Images/map_public_small_200907.jpg).
+For the record, here is how Arda looked like in [2001](/assets/images/map_public_small_200109.jpg), [2006](/about/building), and [2009](/assets/images/map_public_small_200907.jpg).
diff --git a/docs/assets/images/balrog.png b/docs/assets/images/balrog.png
deleted file mode 100644
index e30c108..0000000
Binary files a/docs/assets/images/balrog.png and /dev/null differ
diff --git a/docs/assets/images/doors-of-durin.png b/docs/assets/images/doors-of-durin.png
deleted file mode 100644
index fbbad68..0000000
Binary files a/docs/assets/images/doors-of-durin.png and /dev/null differ
diff --git a/docs/assets/images/fellowship_bw.jpg b/docs/assets/images/fellowship_bw.jpg
deleted file mode 100644
index 04e0739..0000000
Binary files a/docs/assets/images/fellowship_bw.jpg and /dev/null differ
diff --git a/docs/assets/images/mume_banner.gif b/docs/assets/images/mume_banner.gif
deleted file mode 100644
index b6ebb5b..0000000
Binary files a/docs/assets/images/mume_banner.gif and /dev/null differ
diff --git a/docs/community/interviews/index.md b/docs/community/interviews/index.md
index 6ceb8ab..f8a8d3d 100644
--- a/docs/community/interviews/index.md
+++ b/docs/community/interviews/index.md
@@ -4,7 +4,7 @@ title: Player Interviews
 
 <div class="interviews">
   <div class="center-img">
-    <img src="../../assets/images/gandalf.jpg" alt="Gandalf" class="banner-img" />
+    <img src="/assets/images/gandalf.jpg" alt="Gandalf" class="banner-img" />
   </div>
 
   <h1>Player Interviews</h1>
diff --git a/docs/index.md b/docs/index.md
index 984ae7b..fc95048 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -12,8 +12,8 @@ head:
 ---
 
 <div class="home">
-<div class="center-img">
-<img src="./assets/images/fellowship_bw.jpg" alt="The Fellowship of the Ring" class="banner-img">
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="The Fellowship of the Ring" class="banner-img">
 </div>
 
 <div class="quote">
@@ -30,7 +30,7 @@ You can trust us to stick to you through thick and thin&mdash;to the bitter end.
   <div class="readytoexplore">Ready to explore Middle-earth?</div>
   <div class="playnow-buttons">
     <a href="./play/"><i class="fa fa-gamepad" aria-hidden="true"></i> Play Now</a>
-    <a href="./play/tutorial/" class="btn-secondary-playnow"><i class="fa fa-compass" aria-hidden="true"></i> Interactive Tutorial</a>
+    <a href="./play/tutorial/1-orientation" class="btn-secondary-playnow"><i class="fa fa-compass" aria-hidden="true"></i> Interactive Tutorial</a>
   </div>
 </div>
 
@@ -55,7 +55,7 @@ You can trust us to stick to you through thick and thin&mdash;to the bitter end.
 <section class="community-section">
 <h2><i class="fa fa-book" aria-hidden="true"></i> MUME Wiki</h2>
 <div class="card">
-<img src="./assets/images/doors-of-durin.png" alt="MUME Wiki">
+<img src="/assets/images/doors-of-durin.png" srcset="/assets/images/doors-of-durin.png 1x, /assets/images/doors-of-durin@2x.png 2x" alt="MUME Wiki">
 <div>
 <h3>Knowledge Base</h3>
 <p>
@@ -86,7 +86,7 @@ Check out the community YouTube channel for combat logs, guides, and Middle-eart
 <section class="community-section">
 <h2><i class="fa fa-history" aria-hidden="true"></i> Elvenrunes</h2>
 <div class="card">
-<img src="./assets/images/mume-classes.png" alt="Elvenrunes">
+<img src="/assets/images/mume-classes.png" srcset="/assets/images/mume-classes.png 1x, /assets/images/mume-classes@2x.png 2x" alt="Elvenrunes">
 <div>
 <h3>Combat Logs & Discussion</h3>
 <p>
@@ -102,7 +102,7 @@ A long-standing pillar of the community, Elvenrunes features combat logs, forums
 <section class="community-section">
 <h2><i class="fa fa-users" aria-hidden="true"></i> Player Interviews</h2>
 <div class="card">
-<img src="./assets/images/fellowship_bw.jpg" alt="Interviews">
+<img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Interviews">
 <div>
 <h3>Legends of MUME</h3>
 <p>
@@ -118,7 +118,7 @@ Read interviews with legendary players and developers. Learn about the history a
 <section class="community-section">
 <h2><i class="fa fa-code" aria-hidden="true"></i> Open Source</h2>
 <div class="card">
-<img src="./assets/images/mume_logo.jpg" alt="MMapper Logo">
+<img src="/assets/images/mume_logo.jpg" srcset="/assets/images/mume_logo.jpg 1x, /assets/images/mume_logo@2x.jpg 2x" alt="MMapper Logo">
 <div>
 <h3>Community Projects</h3>
 <p>
diff --git a/docs/links.md b/docs/links.md
index 4d8d7c3..20b605e 100644
--- a/docs/links.md
+++ b/docs/links.md
@@ -3,8 +3,8 @@ title: Community Links
 ---
 
 <div class="links">
-  <div class="center-img">
-    <img src="/assets/images/fellowship_bw.jpg" alt="The Fellowship" class="banner-img">
+  <div class="page-banner">
+    <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="The Fellowship" class="banner-img">
   </div>
 
   <h1>Related Links</h1>
@@ -21,7 +21,7 @@ title: Community Links
     <div class="banner-code">
       <h3>Use this banner on your site</h3>
       <p>Help spread the word about MUME. Copy the code below to link to us:</p>
-      <pre><code>&lt;a href="https://mume.org"&gt;&lt;img src="https://mume.org/Images/mume_banner.gif" alt="MUME"&gt;&lt;/a&gt;</code></pre>
+      <pre><code>&lt;a href="https://docs.mume.org"&gt;&lt;img src="https://docs.mume.org/assets/images/mume_banner.gif" alt="MUME"&gt;&lt;/a&gt;</code></pre>
     </div>
   </div>
 
diff --git a/docs/news/index.md b/docs/news/index.md
index 9735674..43b92be 100644
--- a/docs/news/index.md
+++ b/docs/news/index.md
@@ -3,12 +3,12 @@ title: News
 description: Latest developments, changes, war updates, and traffic plots for Multi-Users in Middle-earth.
 ---
 
-# News
-
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="The Fellowship of the Ring" style="width: 100%; max-width: 654px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="The Fellowship of the Ring" class="banner-img" />
 </div>
 
+# News
+
 <dl>
 <dt><a href="https://mume.org/news/war" target="_self" rel="external">State of the War</a></dt>
 <dd>State of the epic war between the forces of the Dark Lord and the armies of the West.</dd>
diff --git a/docs/opensource.md b/docs/opensource.md
index 025583c..230e9ba 100644
--- a/docs/opensource.md
+++ b/docs/opensource.md
@@ -4,7 +4,7 @@ title: Open Source Projects
 
 <div class="opensource">
 <div class="center-img">
-<img src="./assets/images/horsemannight.jpg" alt="Open Source" class="banner-img">
+<img src="/assets/images/horsemannight.jpg" alt="Open Source" class="banner-img">
 </div>
 
 <h1>MUME Open Source</h1>
@@ -21,7 +21,7 @@ The MUME ecosystem is powered by its community. Many of the tools, clients, and
 <h2>Featured Projects</h2>
 
 <div class="card">
-<img src="./assets/images/mume_logo.jpg" alt="MMapper Logo">
+<img src="/assets/images/mume_logo.jpg" srcset="/assets/images/mume_logo.jpg 1x, /assets/images/mume_logo@2x.jpg 2x" alt="MMapper Logo">
 <div>
 <h3>MMapper</h3>
 <p>
@@ -32,7 +32,7 @@ A graphical mapper for MUME. It helps you navigate the vast world of Middle-eart
 </div>
 
 <div class="card">
-<img src="./assets/images/boromir-horn.png" alt="Powwow Logo">
+<img src="/assets/images/boromir-horn.png" srcset="/assets/images/boromir-horn.png 1x, /assets/images/boromir-horn@2x.png 2x" alt="Powwow Logo">
 <div>
 <h3>Powwow</h3>
 <p>
@@ -43,7 +43,7 @@ A powerful, extensible client for MUME. It features a robust scripting engine, c
 </div>
 
 <div class="card">
-<img src="./assets/images/shield-gondor.png" alt="PowTTY Logo">
+<img src="/assets/images/shield-gondor.png" srcset="/assets/images/shield-gondor.png 1x, /assets/images/shield-gondor@2x.png 2x" alt="PowTTY Logo">
 <div>
 <h3>PowTTY</h3>
 <p>
@@ -54,7 +54,7 @@ A terminal-based client for MUME, optimized for speed and reliability. It's a gr
 </div>
 
 <div class="card">
-<img src="./assets/images/balrog.png" alt="Play MUME Logo">
+<img src="/assets/images/balrog.png" alt="Play MUME Logo">
 <div>
 <h3>Play MUME</h3>
 <p>
@@ -65,7 +65,7 @@ A modern web-based client for MUME using DecafMUD. Perfect for new players or th
 </div>
 
 <div class="card">
-<img src="./assets/images/shield-mordor.png" alt="MUSHclient-MUME Logo">
+<img src="/assets/images/shield-mordor.png" srcset="/assets/images/shield-mordor.png 1x, /assets/images/shield-mordor@2x.png 2x" alt="MUSHclient-MUME Logo">
 <div>
 <h3>MUSHclient-MUME</h3>
 <p>
diff --git a/docs/play/browser-legacy.md b/docs/play/browser-legacy.md
index 717ec8b..e12f2bc 100644
--- a/docs/play/browser-legacy.md
+++ b/docs/play/browser-legacy.md
@@ -3,8 +3,8 @@ title: Play (Legacy)
 description: Play MUME in your web browser using legacy web clients like DecafMUD, MUMEjc, and MUDjc.
 ---
 
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Play MUME for free using legacy web clients" style="width: 100%; max-width: 654px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Play MUME for free using legacy web clients" class="banner-img" />
 </div>
 
 # Play MUME in your web browser! (Legacy)
diff --git a/docs/play/tutorial/15-journey.md b/docs/play/tutorial/15-journey.md
index c82d46a..9895a0d 100644
--- a/docs/play/tutorial/15-journey.md
+++ b/docs/play/tutorial/15-journey.md
@@ -46,8 +46,8 @@ Congratulations on guiding Fuor through the Black Hills walkthrough! You have ma
 When you launch into MUME using the Web Client, you'll see an integrated live mapper (**MMapper**) and character stats panel:
 
 <div style="display: flex; gap: 12px; margin: 12px 0; flex-wrap: wrap;">
-  <img src="../../assets/images/tutorial-desc.png" alt="Web Client Interface" style="max-width: 48%; border-radius: 6px; border: 1px solid rgba(215,166,63,0.3);" />
-  <img src="../../assets/images/tutorial-map.png" alt="MMapper Live Map" style="max-width: 48%; border-radius: 6px; border: 1px solid rgba(215,166,63,0.3);" />
+  <img src="/assets/images/tutorial-desc.png" alt="Web Client Interface" style="max-width: 48%; border-radius: 6px; border: 1px solid rgba(215,166,63,0.3);" />
+  <img src="/assets/images/tutorial-map.png" alt="MMapper Live Map" style="max-width: 48%; border-radius: 6px; border: 1px solid rgba(215,166,63,0.3);" />
 </div>
 
 Follow the interactive quest prompts below to complete your graduation!
diff --git a/docs/assets/images/boromir-horn.png b/docs/public/assets/images/boromir-horn.png
similarity index 100%
rename from docs/assets/images/boromir-horn.png
rename to docs/public/assets/images/boromir-horn.png
diff --git a/docs/public/assets/images/boromir-horn@2x.png b/docs/public/assets/images/boromir-horn@2x.png
new file mode 100644
index 0000000..9f515c0
Binary files /dev/null and b/docs/public/assets/images/boromir-horn@2x.png differ
diff --git a/docs/assets/images/gandalf.jpg b/docs/public/assets/images/gandalf.jpg
similarity index 100%
rename from docs/assets/images/gandalf.jpg
rename to docs/public/assets/images/gandalf.jpg
diff --git a/docs/assets/images/horsemannight.jpg b/docs/public/assets/images/horsemannight.jpg
similarity index 100%
rename from docs/assets/images/horsemannight.jpg
rename to docs/public/assets/images/horsemannight.jpg
diff --git a/docs/public/assets/images/map_public_small_200109.jpg b/docs/public/assets/images/map_public_small_200109.jpg
new file mode 100644
index 0000000..ad4c54a
Binary files /dev/null and b/docs/public/assets/images/map_public_small_200109.jpg differ
diff --git a/docs/public/assets/images/map_public_small_200907.jpg b/docs/public/assets/images/map_public_small_200907.jpg
new file mode 100644
index 0000000..80dff4c
Binary files /dev/null and b/docs/public/assets/images/map_public_small_200907.jpg differ
diff --git a/docs/assets/images/mume-classes.png b/docs/public/assets/images/mume-classes.png
similarity index 100%
rename from docs/assets/images/mume-classes.png
rename to docs/public/assets/images/mume-classes.png
diff --git a/docs/public/assets/images/mume-classes@2x.png b/docs/public/assets/images/mume-classes@2x.png
new file mode 100644
index 0000000..c73ad72
Binary files /dev/null and b/docs/public/assets/images/mume-classes@2x.png differ
diff --git a/docs/assets/images/mume_logo.jpg b/docs/public/assets/images/mume_logo.jpg
similarity index 100%
rename from docs/assets/images/mume_logo.jpg
rename to docs/public/assets/images/mume_logo.jpg
diff --git a/docs/assets/images/mume_logo@2x.jpg b/docs/public/assets/images/mume_logo@2x.jpg
similarity index 100%
rename from docs/assets/images/mume_logo@2x.jpg
rename to docs/public/assets/images/mume_logo@2x.jpg
diff --git a/docs/assets/images/play-now-banner.jpg b/docs/public/assets/images/play-now-banner.jpg
similarity index 100%
rename from docs/assets/images/play-now-banner.jpg
rename to docs/public/assets/images/play-now-banner.jpg
diff --git a/docs/assets/images/play-now-banner@2x.jpg b/docs/public/assets/images/play-now-banner@2x.jpg
similarity index 100%
rename from docs/assets/images/play-now-banner@2x.jpg
rename to docs/public/assets/images/play-now-banner@2x.jpg
diff --git a/docs/assets/images/shield-gondor.png b/docs/public/assets/images/shield-gondor.png
similarity index 100%
rename from docs/assets/images/shield-gondor.png
rename to docs/public/assets/images/shield-gondor.png
diff --git a/docs/public/assets/images/shield-gondor@2x.png b/docs/public/assets/images/shield-gondor@2x.png
new file mode 100644
index 0000000..764f451
Binary files /dev/null and b/docs/public/assets/images/shield-gondor@2x.png differ
diff --git a/docs/assets/images/shield-mordor.png b/docs/public/assets/images/shield-mordor.png
similarity index 100%
rename from docs/assets/images/shield-mordor.png
rename to docs/public/assets/images/shield-mordor.png
diff --git a/docs/public/assets/images/shield-mordor@2x.png b/docs/public/assets/images/shield-mordor@2x.png
new file mode 100644
index 0000000..119aa16
Binary files /dev/null and b/docs/public/assets/images/shield-mordor@2x.png differ
diff --git a/docs/public/assets/images/stateofthewar@2x.jpg b/docs/public/assets/images/stateofthewar@2x.jpg
new file mode 100644
index 0000000..8a801f9
Binary files /dev/null and b/docs/public/assets/images/stateofthewar@2x.jpg differ
diff --git a/docs/assets/images/tutorial-desc.png b/docs/public/assets/images/tutorial-desc.png
similarity index 100%
rename from docs/assets/images/tutorial-desc.png
rename to docs/public/assets/images/tutorial-desc.png
diff --git a/docs/assets/images/tutorial-map.png b/docs/public/assets/images/tutorial-map.png
similarity index 100%
rename from docs/assets/images/tutorial-map.png
rename to docs/public/assets/images/tutorial-map.png
diff --git a/docs/resources/boards/index.md b/docs/resources/boards/index.md
index 2d05ee9..0cceb50 100644
--- a/docs/resources/boards/index.md
+++ b/docs/resources/boards/index.md
@@ -3,8 +3,8 @@ title: Boards
 description: Multi-Users in Middle-earth message boards including Game News, Starter's, FAQ, Tales, Free People Chronicles, and Orkish Drumlore.
 ---
 
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Boards" style="width: 100%; max-width: 654px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Boards" class="banner-img" />
 </div>
 
 # Boards
diff --git a/docs/resources/index.md b/docs/resources/index.md
index 278e5af..897304e 100644
--- a/docs/resources/index.md
+++ b/docs/resources/index.md
@@ -3,8 +3,8 @@ title: Resources
 description: Contents of the Multi-Users in Middle-earth Website.
 ---
 
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/contents.jpg" srcset="/assets/images/contents.jpg 1x, /assets/images/contents@2x.jpg 2x" alt="Contents" style="width: 100%; max-width: 300px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/contents.jpg" srcset="/assets/images/contents.jpg 1x, /assets/images/contents@2x.jpg 2x" alt="Contents" class="banner-img" style="max-width: 320px;" />
 </div>
 
 # Resources
diff --git a/docs/resources/questionnaires/index.md b/docs/resources/questionnaires/index.md
index c64ffce..a856359 100644
--- a/docs/resources/questionnaires/index.md
+++ b/docs/resources/questionnaires/index.md
@@ -3,8 +3,8 @@ title: Player Questionnaires & Polls
 description: Results and reporting from MUME player demographics and opinion questionnaires (1995–2023).
 ---
 
-<div style="text-align: center; margin-bottom: 2rem;">
-  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Questionnaires" style="width: 100%; max-width: 654px; height: auto;" />
+<div class="page-banner">
+  <img src="/assets/images/fellowship_bw.jpg" srcset="/assets/images/fellowship_bw.jpg 1x, /assets/images/fellowship_bw@2x.jpg 2x" alt="Questionnaires" class="banner-img" />
 </div>
 
 # Player Questionnaires & Polls