diff --git a/data/spells/index.json b/data/spells/index.json
new file mode 100644
index 0000000..16c04ad
--- /dev/null
+++ b/data/spells/index.json
@@ -0,0 +1,2 @@
+{ "GRI-fr": "spells-grimoire-fr.json"
+}
\ No newline at end of file
diff --git a/data/spells/spells-grimoire-fr.json b/data/spells/spells-grimoire-fr.json
new file mode 100644
index 0000000..93da6ad
--- /dev/null
+++ b/data/spells/spells-grimoire-fr.json
@@ -0,0 +1,64 @@
+{ "spell": [ {
+                           "name": "Acid Splash", 
+                         "source": "PHB", 
+                         "page": 211, 
+                         "srd": true, 
+                         "basicRules": true, 
+                         "level": 0, 
+                         "school": "C", 
+                         "time": [ 
+                                 { 
+                                         "number": 1, 
+                                         "unit": "action" 
+                                 } 
+                         ], 
+                         "range": { 
+                                 "type": "point", 
+                                 "distance": { 
+                                         "type": "feet", 
+                                         "amount": 60 
+                                 } 
+                         }, 
+                         "components": { 
+                                 "v": true, 
+                                 "s": true 
+                         }, 
+                         "duration": [ 
+                                 { 
+                                         "type": "instant" 
+                                 } 
+                         ], 
+                         "entries": [ 
+                                 "You hurl a bubble of acid. Choose one creature you can see within range, or choose two creatures you can see within range that are within 5 feet of each other. A target must succeed on a Dexterity saving throw or take {@damage 1d6} acid damage.", 
+                                 "This spell's damage increases by {@dice 1d6} when you reach 5th level ({@damage 2d6}), 11th level ({@damage 3d6}), and 17th level ({@damage 4d6})." 
+                         ], 
+                         "scalingLevelDice": { 
+                                 "label": "acid damage", 
+                                 "scaling": { 
+                                         "1": "1d6", 
+                                         "5": "2d6", 
+                                         "11": "3d6", 
+                                         "17": "4d6" 
+                                 } 
+                         }, 
+                         "damageInflict": [ 
+                                 "acid" 
+                         ], 
+                         "savingThrow": [ 
+                                 "dexterity" 
+                         ], 
+                         "miscTags": [ 
+                                 "SCL", 
+                                 "SGT" 
+                         ], 
+                         "areaTags": [ 
+                                 "ST", 
+                                 "MT" 
+                         ] 
+                 },
+}
+
+
+]
+
+}
\ No newline at end of file
diff --git a/data/spells/spells-grimoire.json b/data/spells/spells-grimoire.json
new file mode 100644
index 0000000..93da6ad
--- /dev/null
+++ b/data/spells/spells-grimoire.json
@@ -0,0 +1,64 @@
+{ "spell": [ {
+                           "name": "Acid Splash", 
+                         "source": "PHB", 
+                         "page": 211, 
+                         "srd": true, 
+                         "basicRules": true, 
+                         "level": 0, 
+                         "school": "C", 
+                         "time": [ 
+                                 { 
+                                         "number": 1, 
+                                         "unit": "action" 
+                                 } 
+                         ], 
+                         "range": { 
+                                 "type": "point", 
+                                 "distance": { 
+                                         "type": "feet", 
+                                         "amount": 60 
+                                 } 
+                         }, 
+                         "components": { 
+                                 "v": true, 
+                                 "s": true 
+                         }, 
+                         "duration": [ 
+                                 { 
+                                         "type": "instant" 
+                                 } 
+                         ], 
+                         "entries": [ 
+                                 "You hurl a bubble of acid. Choose one creature you can see within range, or choose two creatures you can see within range that are within 5 feet of each other. A target must succeed on a Dexterity saving throw or take {@damage 1d6} acid damage.", 
+                                 "This spell's damage increases by {@dice 1d6} when you reach 5th level ({@damage 2d6}), 11th level ({@damage 3d6}), and 17th level ({@damage 4d6})." 
+                         ], 
+                         "scalingLevelDice": { 
+                                 "label": "acid damage", 
+                                 "scaling": { 
+                                         "1": "1d6", 
+                                         "5": "2d6", 
+                                         "11": "3d6", 
+                                         "17": "4d6" 
+                                 } 
+                         }, 
+                         "damageInflict": [ 
+                                 "acid" 
+                         ], 
+                         "savingThrow": [ 
+                                 "dexterity" 
+                         ], 
+                         "miscTags": [ 
+                                 "SCL", 
+                                 "SGT" 
+                         ], 
+                         "areaTags": [ 
+                                 "ST", 
+                                 "MT" 
+                         ] 
+                 },
+}
+
+
+]
+
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 278e4b5..38b95ac 100644
--- a/index.html
+++ b/index.html
@@ -2,25 +2,38 @@
 <html>
 
 <head>
-	<meta charset="utf-8">
-	<meta name="description" content="">
-
+  <meta charset="utf-8" />
 
   <title>fateforge-tools</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" />
+  <link href="css/all.min.css" rel="stylesheet" />
 </head>
 
 <body>
   <button onclick="changeLangEN()">English</button>
   <button onclick="changeLangFR()">French</button>
 
-  <div data-localize="title">FateforgeTools</div>
+  <h1 data-localize="title">FateforgeTools</h1>
   <div data-localize="desc">
     A suite of tools for Fateforge players and Masters.
   </div>
 
+  <div class="tools">
+    <button onclick="window.location.href='spells.html';">
+      <div><i class="fa-solid fa-wand-sparkles"></i></div>
+      <div data-localize="btn-spells">spells</div>
+    </button>
+    <button onclick="window.location.href='monsters.html';">
+      <div><i class="fa-solid fa-dragon"></i></div>
+      <div data-localize="btn-monsters">monsters</div>
+    </button>
+    <button onclick="window.location.href='items.html';">
+      <div><i class="fa-solid fa-hand-sparkles"></i></div>
+      <div data-localize="btn-items">items</div>
+    </button>
+  </div>
 
-  <footnote>
+  <footer>
     <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
       <a property="dct:title" rel="cc:attributionURL" href="http://fateforge.tool">fateforge.tool</a>
       by <span property="cc:attributionName">Lucas Peter</span> is licensed
@@ -40,33 +53,15 @@
               vertical-align: text-bottom;
             " src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /></a>
     </p>
-  </footnote>
-  
+  </footer>
 
-
-<script type="text/javascript" src="lib/jquery.min.js"></script>
+  <script type="text/javascript" src="lib/jquery.min.js"></script>
   <script type="text/javascript" src="lib/jquery.localize.js"></script>
+  <script type="text/javascript" src="js/language.js"></script>
+
+  <script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
 
-  <script>
-    // In a browser where the language is set to French
-    $("[data-localize]").localize("main", { pathPrefix: "lang" });
 
-    // You can also override the language detection, and pass in a language code
-    //$("[data-localize]").localize("main", { language: "fr" });
-    function changeLangFR() {
-      $("[data-localize]").localize("main", {
-        pathPrefix: "lang",
-        language: "fr",
-      });
-    }
-    function changeLangEN() {
-      $("[data-localize]").localize("main", {
-        pathPrefix: "lang",
-        language: "en",
-      });
-    }
-  </script>
 </body>
 
-
 </html>
\ No newline at end of file
diff --git a/lang/main-en.json b/lang/main-en.json
index 4810747..d75e890 100644
--- a/lang/main-en.json
+++ b/lang/main-en.json
@@ -3,5 +3,8 @@
   "desc": "A suite of tools for Fateforge players and Masters.",
   "terms": { 
     "Fateforge": "Fateforge" 
-    }
+    },
+    "btn-spells": "Spells",
+    "btn-monsters": "Creatures",
+    "btn-items": "Magic Items"
 }
diff --git a/lang/main-fr.json b/lang/main-fr.json
index a4282fa..c85fa1f 100644
--- a/lang/main-fr.json
+++ b/lang/main-fr.json
@@ -3,5 +3,8 @@
   "desc": "Une gamme d'outils pour les joueurs et les meneurs de Dragons.",
   "terms": { 
     "Fateforge": "Dragons" 
-    }
+    },
+    "btn-spells": "Sorts",
+    "btn-monsters": "Créatures",
+    "btn-items": "Objets Magiques"
 }
diff --git a/spells.html b/spells.html
index 1324c54..dcbe197 100644
--- a/spells.html
+++ b/spells.html
@@ -2,7 +2,7 @@
 <head>
 	
 	<meta charset="utf-8">
-	<meta name="description" content="">
+