rework to allow for image gen

dungeonTemplate.js

@@ -11,9 +11,9 @@ export function dungeonTemplate(data) {
   ];
 
   const headingFonts = [
-    "'Cinzel Decorative', cursive",
-    "'MedievalSharp', cursive",
-    "'Metamorphous', cursive",
+    "'Cinzel', serif",
+    "'MedievalSharp', serif",
+    "'Cormorant Garamond', serif",
     "'Playfair Display', serif"
   ];
 
@@ -25,10 +25,10 @@ export function dungeonTemplate(data) {
   ];
 
   const quoteFonts = [
-    "'Walter Turncoat', cursive",
+    "'Playfair Display', serif",
     "'Uncial Antiqua', serif",
-    "'Beth Ellen', cursive",
-    "'Pinyon Script', cursive"
+    "'Libre Baskerville', serif",
+    "'Merriweather', serif"
   ];
 
   const bodyFont = pickRandom(bodyFonts);
@@ -100,6 +100,10 @@ export function dungeonTemplate(data) {
   table tr:hover { background: rgba(0, 0, 0, 0.05); }
   .map-page {
     page-break-before: always;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: calc(100vh - 3cm);
     text-align: center;
   }
   .map-page img { max-width: 100%; max-height: 27cm; border: 2px solid #1a1a1a; border-radius: 0.2cm; }
@@ -141,8 +145,7 @@ export function dungeonTemplate(data) {
 </div>
 
 <div class="map-page">
-  <h2>Dungeon Map</h2>
-  <img src="file://${data.map}" alt="Dungeon Map">
+  <img src="${data.map}" alt="Dungeon Map">
 </div>
 
 <footer>Generated with Scrollsmith • © ${new Date().getFullYear()}</footer>