diff --git a/home/grimoire/index.html b/home/grimoire/index.html
index b56ba93..a52def8 100644
--- a/home/grimoire/index.html
+++ b/home/grimoire/index.html
@@ -10,14 +10,14 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
-    <title>Online Grimoire</title>
+    <title>Mystickal Compendium</title>
     <link rel="stylesheet" href="./styles.css">
   </head>
   
   <body>
     <div class="maindiv">
       <div class="header">
-        <h1>Online Grimoire</h1>
+        <h1>Mystickal Compendium</h1>
       </div>
       <div class="bar">
         <h3>Think about your breathing patterns, also, did you drink water today?</h3>
@@ -30,52 +30,28 @@
           <div class="buttonholder">
             <!--you can add however many links you like. you can remove any links youre not using, too.-->
             <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">LINK 1</a></h4>
+              <h4><a href="./pages/home.html" target="box1" style="color:var(--bordercolor);">Home</a></h4>
             </div>
             <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">LINK 2</a></h4>
+              <h4><a href="link" style="color:var(--bordercolor);">Entries</a></h4>
             </div>
             <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">LINK 3</a></h4>
+              <h4><a href="link" style="color:var(--bordercolor);">Creatures</a></h4>
             </div>
             <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">LINK 4</a></h4>
+              <h4><a href="link" style="color:var(--bordercolor);">Quests</a></h4>
             </div>
             <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-            </div>
-            <div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div><div class="navigationbutton">
-                <h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
-              </div>
-            <div class="navigationbutton">
-              <h4><a href="link" style="color:var(--bordercolor);">ADD HOWEVER MANY LINKS YOU WANT! THIS BOX SCROLLS</a></h4>
+              <h4><a href="link" style="color:var(--bordercolor);">Incidents</a></h4>
             </div>
+            
+            
           </div>
         </div>
         <div class="column" style="width:75%">
-          <div class="box1">
-            <span class="bigtext">this text is bigger. and its even bold!</span> put anything you want here. talk about your site if you want. i dont know. im not your mom.
-            <br><strong>bold text looks like this.</strong> <a href="link">links look like this.</a>
-            <br>this box scrolls, by the way.
-          </div>
+          <iframe class="box1" name="box1" src="./pages/home.html" > 
+
+          </iframe>
           <div class="box2">
             <!-- remove the <marquee> tag to stop the scrolling -->
             <marquee behavior="alternate">
diff --git a/home/grimoire/pages/home.html b/home/grimoire/pages/home.html
new file mode 100644
index 0000000..a24a3c5
--- /dev/null
+++ b/home/grimoire/pages/home.html
@@ -0,0 +1,23 @@
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles.css">
+    <title>Document</title>
+</head>
+<body>
+    <center><h2>Lost?</h2></center>
+    <p>Welcome, noble reader, to the <strong>Mystickal Compendium</strong> of Arcane knowledge, a grimoire unlike any other. Within these bewitched pages, thou shalt find info on our creatures and humanoids, though it shall not be an easy task.</p>
+
+<p> Start praying, it may help thy on your journey. For herein lies a trove of lore most ancient and peculiar. From the cryptic musings of melonic tomes to the peculiar quirks of misskists, our grimoire shall transport thee to realms unseen and marvels untold.</p>
+
+<p>May I recommend a few places to start thy journey?</p>
+
+
+    From the <a href="./creatures.html" target="box1">Creatures</a> find that ones named:
+    <li>
+    <i><a href="./waifumelon.html" target="box1">Waifumelon</a></i>
+    </li>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/home/grimoire/pages/waifumelon.html b/home/grimoire/pages/waifumelon.html
new file mode 100644
index 0000000..03c3417
--- /dev/null
+++ b/home/grimoire/pages/waifumelon.html
@@ -0,0 +1,11 @@
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles.css">
+    <title>Document</title>
+</head>
+<body>
+                Idiotic creature
+</body>
+</html>
\ No newline at end of file
diff --git a/home/grimoire/stuff.md b/home/grimoire/stuff.md
new file mode 100644
index 0000000..b483dd8
--- /dev/null
+++ b/home/grimoire/stuff.md
@@ -0,0 +1,4 @@
+<div class="footer">
+        <!-- DONT REMOVE CREDIT! well, you can if you put it somewhere else- it doesnt have to be on the main page, just somewhere somewhat obvious. dont remove art/inspiration credit if using the template without any changes. if you change the header, you can remove it.-->
+        <p>template by <a href="https://lorekeeping.neocities.org/">lorekeeping</a> - inspired by <a href="https://youtu.be/vjBFftpQxxM?list=RDMM">BUTCHER VANITY</a></p> 
+      </div>
\ No newline at end of file
