Update index.html

jdnewland · Jul 7, 2024 · 91becb9 · 91becb9
1 parent e6882c7
commit 91becb9
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -7,17 +7,6 @@
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-    <div class="about">
-        <h2>About</h2>
-        <p>Adventure Artisan is a web tool designed to help Dungeon Masters quickly generate engaging D&D adventure prompts. Select a prompt style from the dropdown menu and click "Generate Adventure" to create a new scenario.</p>
-        <h3>Prompt Styles</h3>
-        <ul>
-            <li><strong>Quest for Glory:</strong> Simple adventure prompts.</li>
-            <li><strong>Wheel of Destiny:</strong> Complex prompts involving multiple elements.</li>
-            <li><strong>Battle of Minds:</strong> Conflicting goals leading to the same obstacle.</li>
-            <li><strong>Fractured Soul:</strong> Internal conflict with a forced choice.</li>
-        </ul>
-    </div>
     <div class="container">
         <h1>Adventure Artisan</h1>
         <select id="prompt-style">
@@ -35,6 +24,17 @@ <h1>Adventure Artisan</h1>
             <div class="card" id="twist-card"></div>
         </div>
         <p id="adventure-prompt"></p>
+    </div>
+        <div class="about">
+        <h2>About</h2>
+        <p>Adventure Artisan is a web tool designed to help Dungeon Masters quickly generate engaging D&D adventure prompts. Select a prompt style from the dropdown menu and click "Generate Adventure" to create a new scenario.</p>
+        <h3>Prompt Styles</h3>
+        <ul>
+            <li><strong>Quest for Glory:</strong> Simple adventure prompts.</li>
+            <li><strong>Wheel of Destiny:</strong> Complex prompts involving multiple elements.</li>
+            <li><strong>Battle of Minds:</strong> Conflicting goals leading to the same obstacle.</li>
+            <li><strong>Fractured Soul:</strong> Internal conflict with a forced choice.</li>
+        </ul>
     </div>
     <script type="module" src="scripts.js"></script>
 </body>