diff --git a/404.html b/404.html
index 1bd44ac3..1e90df7e 100644
--- a/404.html
+++ b/404.html
@@ -19,8 +19,8 @@
       </div>
       </div>
       
-      <h1>DRAGGING 404</h1>
-      <p>This page doesn't exist!</p>
+      <h1 id="name">DRAGGING 404</h1>
+      <p id="nonexist">This page doesn't exist!</p>
 
       <h1>Current Site Data</h1>
       <pre id="version">Blog Version: 0.0.0</pre>
@@ -43,5 +43,6 @@ <h1>Recommended Action</h1>
       <script type="module" src="/Blog/SP/404.js"></script>
       <script type="module" src="/Blog/SP/issue-report-404.js"></script>
       <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+      <script type="module" src="/Blog/SP/modding/templates/404.js"></script>
   </body>
 </html>
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 81242201..aeedd890 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,11 @@
+# August 21st 2024
+## v0.2.6
+### Added
+- ADDED (robust but working) SCRIPT PACKET MODDING
+  - Added Image Replacement System
+  - Added Text Replacement System
+  - Added Modding Api Markdown
+
 # August 20th 2024
 ## v0.2.5
 ### Changed
diff --git a/Content/Mod/Test/Site/WIP.png b/Content/Mod/Test/Site/WIP.png
new file mode 100644
index 00000000..5e4f64ed
Binary files /dev/null and b/Content/Mod/Test/Site/WIP.png differ
diff --git a/Content/Mod/Test/version.txt b/Content/Mod/Test/version.txt
new file mode 100644
index 00000000..6e8bf73a
--- /dev/null
+++ b/Content/Mod/Test/version.txt
@@ -0,0 +1 @@
+0.1.0
diff --git a/Content/Mod/mod.txt b/Content/Mod/mod.txt
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/Content/Mod/mod.txt
@@ -0,0 +1 @@
+
diff --git a/Content/Site/metadata.json b/Content/Site/metadata.json
deleted file mode 100644
index 65206fa9..00000000
--- a/Content/Site/metadata.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "sitename": "Dragging Blog",
-  "version":"0.2.1",
-  "indev":true,
-  "authors":[
-    ["madness-rombank", "programmer"],
-    ["trippy", "playtester"]
-  ]
-}
diff --git a/MODDING_API.md b/MODDING_API.md
new file mode 100644
index 00000000..2f27879b
--- /dev/null
+++ b/MODDING_API.md
@@ -0,0 +1,70 @@
+# DraggingBlog Modding API (v0.1)
+## Explanation
+The ``0.1`` version of the DraggingBlog Modding API is a robust system of image and text content replacement.
+
+Using Modding Script Packets,
+you are allowed to create simple mods to the DraggingBlog site.
+Unfortunately through forks unless 
+we make a desktop website application, which would be a waste
+
+# Setup
+Setting up the Mod is simple as making a folder,
+and having an image or some text to replace using script packets and if replacing an image, 
+have an image.
+
+So basically, create a folder in the mod folder inside the Content folder.
+
+Make sure it's with the mod name that you will set inside the SP modding folder's ``api.js`` script packet!
+
+Don't forget to set MOD_ENABLED to true if you are using script packets!
+
+# Production
+## Nerdy Explanation Stuff for later
+In the ``/Mod/Test`` folder.
+There is the folder ``Site/`` and the text file ``version.txt``. 
+
+In the ``Site/`` folder, there is the ``WIP.png`` image.
+
+When linking to the Test mod WIP.png image, the file path in the second quotation set will be ``Site/WIP.png``.
+
+This is because the ``replaceImg()`` function uses the modding api's 
+file path of ``Mod/ MOD_NAME /``. Cause the function uses ``returnPath()`` from 
+``SP/util/files.js`` which uses the inital path of ``/Blog/Content/`` which makes 
+sure it works and we don't have to put in the path...
+``/Blog/Content/Mod/Test/Site/WIP.png``
+
+Because that would get annoying.
+
+## Image Replacement
+### Base Explanation
+Image Replacement is probably the first thing you would wanna do, but hold your horses, 
+it's not going to be a "replicate the file location and just add file replacement".
+
+You gotta go to the ``SP/modding/templates`` folder first!
+
+### Script Packet Scripting
+And go into the page script packet where you wanna replace the base image with the image you are going to replace it with.
+
+Add the line: ``replaceImg("", "");``.
+
+In the first quotation set you will put the class name of the image tag you are going to replace.
+
+In the second quotation set you will put the file path of the image you have.
+
+### Ending
+After you inputted the needed data you should be good to go!
+
+## Text Replacement
+### Base Explanation
+Text Replacement is as simple as finding the text you wanna replace, and input the text you wanna replace it WITH.
+
+### Script Packet Scripting
+Go to ``SP/modding/templates`` and go to the page packet you wanna edit.
+
+Now add the line: ``replaceText('', '');``.
+
+In the first quotation set you could put the text id, like ``name``
+
+Now in the second quotation set you will put the text you want to use.
+
+And your done :)
diff --git a/Pages/Credits.html b/Pages/Credits.html
index 256e39f0..c557fb96 100644
--- a/Pages/Credits.html
+++ b/Pages/Credits.html
@@ -18,25 +18,27 @@
       <div class="creditsBlurb" height='100'>
         <marquee direction="up" id="text" height="710">
         <h3>
-          Github my Beloved
+          <p id="beloved">Github my Beloved</p>
           <br>
-          <img src="/Blog/Content/Site/GitNeon.png" width="100" alt="github">
+          <img class="git" src="/Blog/Content/Site/GitNeon.png" width="100" alt="github">
         </h3>
          <br>
+        <!-- TODO: Make Credits not agony to mod. -->
         <h1>Blog Team</h1>
         <p>IdealistCat - Lead Programming</p>
         <p>Trippy - Testing</p>
           <p>Drago Cuven - Lua Programming</p>
           <br>
-        <h1>Discord Suggestors</h1>
+        <h1>Discord Suggestors/Assistants</h1>
         <p>trippy.69 - Help Page</p>
         <p>bit7 - Text Padding</p>
         <p>drago_cuven - Wasmoon Implementation</p>
-        <p>pauleps - bean club idea</p>
+        <p>pauleps - bean club idea/unexpected token fix</p>
         <br>
         <h1>Special Thanks</h1>
         <p>Hazel - Scrolling Text Code Taken from funkin.me</p>
         <p>Funkin Crew Inc - funkin.me, the whole inspiration for this site</p>
+        <p>Tomas Kenzgaila - Replace Image Code used for MODDING</p>
         </marquee>
       </div>
     </div>
@@ -48,6 +50,8 @@ <h1>Special Thanks</h1>
     
     <script type="module" src="/Blog/SP/href-setup.js"></script>
     <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+    <script type="module" src="/Blog/SP/modding/templates/credits.js"></script>
+    
     <script>
       /*
       // 1086.
diff --git a/Pages/Help.html b/Pages/Help.html
index 25444f44..177ab685 100644
--- a/Pages/Help.html
+++ b/Pages/Help.html
@@ -20,56 +20,56 @@
       <pre id="version">Blog Version: 0.0.0</pre>
       
       <p class="links">
-        <a href="https://github.com/DragginGroup/Blog/tree/main">Source Code</a>
+        <a id="so" href="https://github.com/DragginGroup/Blog/tree/main">Source Code</a>
       
-        <a href="https://github.com/IdealistCat/Blog/tree/main">Development Source</a>
+        <a id="devSo" href="https://github.com/IdealistCat/Blog/tree/main">Development Source</a>
       </p>
       
       <section class="Site">
         
-        <h1>Navigation</h1>
-        <p>Up above you should see atleast 3 or more buttons, those buttons are how you navigate this site as I am sure you figured out, right?</p>
+        <h1 id="navi">Navigation</h1>
+        <p id="above">Up above you should see atleast 3 or more buttons, those buttons are how you navigate this site as I am sure you figured out, right?</p>
         <p align="center">
-          <img src="/Blog/Content/Site/help navigation.png" width="300" title="buttons">
+          <img class="navigate" src="/Blog/Content/Site/help navigation.png" width="300" title="buttons">
         </p>
 
-        <h1>404 Screen</h1>
-        <p>Below this text is a 0.2.2-Dev version of the 404 screen for the site.</p>
+        <h1 id="40S">404 Screen</h1>
+        <p id="404img">Below this text is a 0.2.2-Dev version of the 404 screen for the site.</p>
         <p align="center">
-          <img src="/Blog/Content/Site/help 404.png" width="300" title="404">
+          <img class="404" src="/Blog/Content/Site/help 404.png" width="300" title="404">
         </p>
-        <a href="../404.html">this is a link to it.</a>
-        <p>When you reach that 404 screen, it will try to help you to the best of its ability.</p>
-        <p>Instead of the crusty one github gives you. Also Easier on the eyes unless your a madman.</p>
-        <p>The 404 screen will show you the file you've been sent too, it will give you a recommended course of action, a recommendation for reporting this issue.</p>
-        <p>This 404 screen is here to help.</p>
+        <a id="404" href="../404.html">this is a link to it.</a>
+        <p id="ability">When you reach that 404 screen, it will try to help you to the best of its ability.</p>
+        <p id="crusty">Instead of the crusty one github gives you. Also Easier on the eyes unless your a madman.</p>
+        <p id="file">The 404 screen will show you the file you've been sent too, it will give you a recommended course of action, a recommendation for reporting this issue.</p>
+        <p id="help">This 404 screen is here to help.</p>
         
       </section>
       
       <section class="Github">
         
-        <h1>Github</h1>
-        <p>On the github page for this site, public or developer site, they are always availible for a look through.</p>
+        <h1 id="git">Github</h1>
+        <p id="gitpage">On the github page for this site, public or developer site, they are always availible for a look through.</p>
         
-        <h1>Folders</h1>
+        <h1 id="store">Folders</h1>
         <p align="center">
-          <img src="/Blog/Content/Site/help gitfiles.png" width="300" title="github file layout">
+          <img class="gitfiles" src="/Blog/Content/Site/help gitfiles.png" width="300" title="github file layout">
         </p>
         
-        <p>The Content Folder is for assets like music, sound, data files, images, and whatever else needed.</p>
-        <p>The SP Folder is for the script files, which I call script packets for this project.</p>
-        <p>The Pages Folder is for different html files and the .css files for stylization which are in the Styles folder inside the Pages folder.</p>
+        <p id="assets">The Content Folder is for assets like music, sound, data files, images, and whatever else needed.</p>
+        <p id="sp">The SP Folder is for the script files, which I call script packets for this project.</p>
+        <p id="pages">The Pages Folder is for different html files and the .css files for stylization which are in the Styles folder inside the Pages folder.</p>
 
-        <h1>Contributing</h1>
-        <p>As long as you have Javascript, HTML, A dream and CSS experience. Even the bare minimum of knowledge of how they work. You can Contribute.</p>
-        <p>Just make a fork, code your changes, we review and if you have all the checkmarks, you have just added to the site and made your way into the credits!</p>
+        <h1 id="tribute">Contributing</h1>
+        <p id="bareMin">As long as you have Javascript, HTML, A dream and CSS experience. Even the bare minimum of knowledge of how they work. You can Contribute.</p>
+        <p id="fork">Just make a fork, code your changes, we review and if you have all the checkmarks, you have just added to the site and made your way into the credits!</p>
         
       </section>
 
       <p class="links">
-        <a href="https://github.com/DragginGroup/Blog/issues/new/choose">Public Issues</a>
+        <a id="issues" href="https://github.com/DragginGroup/Blog/issues/new/choose">Public Issues</a>
       
-        <a href="https://github.com/IdealistCat/Blog/issues/new/choose">Development Issues</a>
+        <a id="devIssues" href="https://github.com/IdealistCat/Blog/issues/new/choose">Development Issues</a>
         
       </p>
       
@@ -78,6 +78,7 @@ <h1>Contributing</h1>
     <script type="module" src="/Blog/SP/blog-version.js"></script>
     <script type="module" src="/Blog/SP/href-setup.js"></script>
     <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+    <script type="module" src="/Blog/SP/modding/templates/help.js"></script>
     
   </body>
 </html>
diff --git a/Pages/Mod.html b/Pages/Mod.html
new file mode 100644
index 00000000..15a9b0e3
--- /dev/null
+++ b/Pages/Mod.html
@@ -0,0 +1,36 @@
+<html data-theme="dark">
+  <head>
+    <link rel="stylesheet" href="/Blog/Pages/Styles/base.css">
+    <link rel="stylesheet" href="/Blog/Pages/Styles/mod-page.css">
+    <title>DraggingBlog - Mod Page</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+  </head>
+  <body class="color1" align="center">
+    <div class="color4" align="center">
+        <a href="/Blog/index.html" id="backBtn">Back</a>
+        <a href="/Blog/Pages/Help.html" id="HelpPage">Help</a>
+        <a href="/Blog/Pages/ComicList.html" id="ComicsPage">Comics</a>
+        <a href="/Blog/Pages/Settings.html" id="SettingsPage">Settings</a>
+        <a href="/Blog/Pages/Credits.html" id="CreditsPage">Credits</a>
+    </div>
+    <div class="color2">
+      <h1 id="name"></h1>
+      <div class="stick">
+        <p id="version"></p>
+        <p id="description"></p>
+      </div>
+      <button
+        class="settingsButton"
+        id="toggle" 
+        toggle>
+        Mod Toggle
+      </button>
+    </div>
+    <br>
+    
+    <script type="module" src="/Blog/SP/href-setup.js"></script>
+    <script type="module" src="/Blog/SP/mod-page.js"></script>
+    <script type="module" src="/Blog/SP/modding/templates/mod.js"></script>
+    <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+  </body>
+</html>
diff --git a/Pages/Settings.html b/Pages/Settings.html
index 6b2c433f..b353cbaa 100644
--- a/Pages/Settings.html
+++ b/Pages/Settings.html
@@ -18,13 +18,14 @@
     </div>
     
     <fieldset class="color2">
-      <legend>Settings Page</legend>
+      <legend id="settingTab">Settings Page</legend>
       <pre id="version">Blog Version: 0.0.0</pre>
       
       <a>
         <button onClick="themeSwitch"
           type="button"
           class="settingsButton"
+          id="themeToggle"
           data-theme-toggle>
           Theme Toggle
           <ion-icon name="contrast-outline"></ion-icon>
@@ -44,5 +45,6 @@
     <script type="module" src="/Blog/SP/settings/theme.js"></script>
     <script type="module" src="/Blog/SP/settings/version-display.js"></script>
     <script type="module" src="/Blog/SP/blog-version.js"></script>
+    <script type="module" src="/Blog/SP/modding/templates/settings.js"></script>
   </body>
 </html>
diff --git a/Pages/Styles/mod-page.css b/Pages/Styles/mod-page.css
new file mode 100644
index 00000000..eb8f8464
--- /dev/null
+++ b/Pages/Styles/mod-page.css
@@ -0,0 +1,3 @@
+.stick {
+  padding: -8;
+}
diff --git a/README.md b/README.md
index 1eeb2e69..a53d3cf7 100644
--- a/README.md
+++ b/README.md
@@ -14,4 +14,18 @@ All things Dragging Related
 </p>
 <p align="center">
 Work In Progress Blog Site!
+<br><br>
+<a align="center" href="CHANGELOG.md">
+Check out the changelog here!
+</a>
+</p>
+
+<h1 align="center">Modding</h1>
+
+<p align="center">
+With the 0.2.6 update there is a new robust modding support through script packets.
+<br>
+<a align="center" href="MODDING_API.md">
+Check out the markdown here!
+</a>
 </p>
diff --git a/SP/blog-version.js b/SP/blog-version.js
index df787a64..1a56ccad 100644
--- a/SP/blog-version.js
+++ b/SP/blog-version.js
@@ -1,6 +1,12 @@
 import { validVersion } from '/Blog/SP/util/version.js';
+import { MOD_NAME, MOD_ENABLED } from '/Blog/SP/modding/api.js';
 
-var string_ver = ""
-string_ver = validVersion();
+var string_ver = '';
+string_ver = validVersion("version");
 
-document.getElementById('version').innerHTML = "Blog Version: " + string_ver
+var name = "Blog";
+
+if (MOD_ENABLED == true)
+  name = MOD_NAME;
+
+document.getElementById('version').innerHTML = name + " Version: " + string_ver
diff --git a/SP/href-setup.js b/SP/href-setup.js
new file mode 100644
index 00000000..aed235e1
--- /dev/null
+++ b/SP/href-setup.js
@@ -0,0 +1 @@
+// TODO: redo this in v0.2.7 or later
diff --git a/SP/modding/api.js b/SP/modding/api.js
new file mode 100644
index 00000000..2b40804e
--- /dev/null
+++ b/SP/modding/api.js
@@ -0,0 +1,44 @@
+export let API_VERSION = '0.1.8';
+
+export let MOD_NAME = "Test";
+export let MOD_VERSION = "0.1.0";
+
+export let MOD_ENABLED = false;
+
+export function replaceImg(id, replacement, ignore_enable) {
+  // https://stackoverflow.com/a/48344753
+  // Tomas Kenzgaila
+
+  var path = "/Blog/Content/Mod/" + MOD_NAME + '/' + replacement;
+
+  var imgReplace = document.getElementsByClassName(id)[0];  
+  
+  if (MOD_ENABLED == true || ignore_enable == true){
+    if (replacement != "")
+      imgReplace.src = path;
+  
+    imgReplace.style.visibility = "visible";
+  }
+}
+
+export function replaceText(id, replacement, ignore_enable) {
+  var txtReplace = document.getElementById(id);
+  
+  if (MOD_ENABLED == true || ignore_enable == true){
+    if (replacement != "")
+      txtReplace.innerHTML = replacement;
+  }
+}
+
+export function toggleMod() {
+  if (MOD_ENABLED == true)
+    MOD_ENABLED = false;
+  else
+    MOD_ENABLED = true;
+
+  return MOD_ENABLED;
+}
+
+export function returnModStats() {
+  return MOD_ENABLED;
+}
diff --git a/SP/modding/templates/404.js b/SP/modding/templates/404.js
new file mode 100644
index 00000000..ad6bc3fe
--- /dev/null
+++ b/SP/modding/templates/404.js
@@ -0,0 +1,5 @@
+import { replaceImg, replaceText } from '/Blog/SP/modding/api.js';
+
+// Text
+replaceText('name', '');
+replaceText('nonexist', '');
diff --git a/SP/modding/templates/credits.js b/SP/modding/templates/credits.js
new file mode 100644
index 00000000..06b82117
--- /dev/null
+++ b/SP/modding/templates/credits.js
@@ -0,0 +1,7 @@
+import { replaceImg, replaceText } from '/Blog/SP/modding/api.js';
+
+// Images
+replaceImg('git', '');
+
+// Text
+replaceText('beloved', '');
diff --git a/SP/modding/templates/help.js b/SP/modding/templates/help.js
new file mode 100644
index 00000000..5215d162
--- /dev/null
+++ b/SP/modding/templates/help.js
@@ -0,0 +1,34 @@
+import { replaceImg, replaceText } from '/Blog/SP/modding/api.js';
+
+// Images
+replaceImg('navigate', '');
+replaceImg('404', '');
+replaceImg('gitfiles', '');
+
+// Text
+replaceText('so', '');
+replaceText('devSo', '');
+replaceText('navi', '');
+replaceText('above', '');
+
+replaceText('40S', '');
+replaceText('404img', '');
+replaceText('404', '');
+replaceText('ability', '');
+replaceText('crusty', '');
+replaceText('file', '');
+replaceText('help', '');
+
+replaceText('git', '');
+replaceText('gitpage', '');
+replaceText('store', '');
+replaceText('assets', '');
+replaceText('sp', '');
+replaceText('pages', '');
+
+replaceText('tribute', '');
+replaceText('bareMin', '');
+replaceText('fork', '');
+
+replaceText('issues', '');
+replaceText('devIssues', '');
diff --git a/SP/modding/templates/index.js b/SP/modding/templates/index.js
new file mode 100644
index 00000000..be311769
--- /dev/null
+++ b/SP/modding/templates/index.js
@@ -0,0 +1,12 @@
+import { replaceImg, replaceText } from '/Blog/SP/modding/api.js';
+
+// Images
+replaceImg('Left', '');
+replaceImg('Middle', 'Site/WIP.png');
+replaceImg('Right', '');
+
+// Text
+replaceText('name', 'Dragger Test Mod');
+replaceText('slogan', '');
+replaceText('care', '');
+replaceText('braincells', 'Made 2 braincells with, think You?');
diff --git a/SP/modding/templates/mod.js b/SP/modding/templates/mod.js
new file mode 100644
index 00000000..b1faed42
--- /dev/null
+++ b/SP/modding/templates/mod.js
@@ -0,0 +1,15 @@
+import { replaceImg, replaceText, toggleMod } from '/Blog/SP/modding/api.js';
+import { MOD_NAME, MOD_VERSION, returnModStats } from '/Blog/SP/modding/api.js';
+
+// Text
+replaceText('name', MOD_NAME, true);
+replaceText('version', 'v'+MOD_VERSION, true);
+replaceText('description', 'Tester Modder', true);
+
+// Mod Toggle
+var button = document.querySelector("[toggle]")
+
+button.addEventListener("click", (event) => {
+  toggleMod();
+  button.innerHTML = 'Enabled: '+returnModStats();
+});
diff --git a/SP/modding/templates/settings.js b/SP/modding/templates/settings.js
new file mode 100644
index 00000000..b7330e4b
--- /dev/null
+++ b/SP/modding/templates/settings.js
@@ -0,0 +1,4 @@
+import { replaceImg, replaceText } from '/Blog/SP/modding/api.js';
+
+// Text
+replaceText('settingTab', '');
diff --git a/SP/util/files.js b/SP/util/files.js
index 27c9aec3..d7c85269 100644
--- a/SP/util/files.js
+++ b/SP/util/files.js
@@ -1,12 +1,12 @@
-function returnPath(path, folder) {
+export function returnPath(path, folder) {
   return '/Blog/Content/' + folder + path;
 }
 
-function returnComicPath(path) {
+export function returnComicPath(path) {
   return returnPath(path, 'comics/');
 }
 
-function returnSitePath(path) {
+export function returnSitePath(path) {
   return returnPath(path, 'Site/');
 }
 
diff --git a/SP/util/readfiles.js b/SP/util/readfiles.js
index 2b1004f1..d81a5326 100644
--- a/SP/util/readfiles.js
+++ b/SP/util/readfiles.js
@@ -1,15 +1,21 @@
-export function readText(file, ext) {
+export function readText(file, ext="txt") {
   fetch(file+"."+ext)
   .then((res) => res.text())
   .then((text) => {
     return text;
    })
-  .catch((e) => console.error(e));
+  .catch((e) => {
+    return e;
+  });
 }
 
 export function readJSON(file) {
   fetch(file+'.json')
   .then(response => response.json())
-  .then(jsonResponse => return jsonResponse)
-  .catch((e) => console.error(e));
+  .then(jsonResponse => {
+    return jsonResponse;
+  })
+  .catch((e) => {
+    return e;
+  });
 }
diff --git a/SP/util/version.js b/SP/util/version.js
index 8484dd0e..2e0feb24 100644
--- a/SP/util/version.js
+++ b/SP/util/version.js
@@ -1,26 +1,28 @@
-let DATE = "2024.8.20"
-let VERSION = "0.2.5"
+import { MOD_VERSION, returnModStats } from '/Blog/SP/modding/api.js';
+
+let DATE = "2024.8.21"
+let VERSION = "0.2.6"
 
 let SUFFIX = ""
 let PREFIX = ""
 
-let FALLBACK_VERSION = "0.0.0"
-let FALLBACK_DATE = "2024.8.8"
+let FALLBACK_VERSION = "0.0.0-E"
+let FALLBACK_DATE = "2024.8.8-E"
 
-export function validVersion(type = "version") { 
-  var ver = version();
+export function validVersion(type) { 
+  var ver = '';
 
   if (type == "dev")
-    ver = version() + "-development";
-
-
-  if (type == "date")
-    ver = date();
+    ver = getVersion() + "-development";
+  else if (type == "date")
+    ver = getDate();
+  else
+    ver = getVersion();
   
   return ver;
 }
 
-function date()
+function getDate()
 {
   if (DATE.length > 7)
     return DATE;
@@ -28,10 +30,13 @@ function date()
     return FALLBACK_DATE;
 }
 
-function version()
+function getVersion()
 {
   if (VERSION.length > 4)
-    return PREFIX + "v" + VERSION + SUFFIX;
+    if (returnModStats() == true)
+      return "v" + MOD_VERSION;
+    else
+      return PREFIX + "v" + VERSION + SUFFIX;
   else
     return FALLBACK_VERSION;
 }
diff --git a/index.html b/index.html
index d1ebfb23..9240dc60 100644
--- a/index.html
+++ b/index.html
@@ -19,30 +19,31 @@
         <a href="/Blog/Pages/ComicList.html" id="ComicsPage">Comics</a>
         <a href="/Blog/Pages/Settings.html" id="SettingsPage">Settings</a>
         <a href="/Blog/Pages/Credits.html" id="CreditsPage">Credits</a>
+        <!--<a href="/Blog/Pages/Mod.html" id="ModsPage">Mod</a>-->
         <!--<a href="./Test.html">Test</a>-->
     </div>
       
     <section class="color2">
-      <p>
+      <p id="name">
         DRAGGING BLOG
       </p>
       <!-- <pre id="message">Latest Commit:</pre> -->
       <pre id="version">Blog Version: 0.0.0</pre>
       
-      <p>
+      <p id="slogan">
         The Blog for all things Dragging Related!
       </p>
       
-      <p>
+      <p id="care">
         Manually Programmed and Cared for with Love and Care from all of the team
       </p>
-      <p>
+      <p id="braincells">
         Made with 10 braincells, I think.
       </p>
 
-      <img src="/Blog/Content/Site/Blink.png" width="100" align="left">
-      <img src="/Blog/Content/Site/WIP.png" width="100" align="center">
-      <img src="/Blog/Content/Site/Smoke.gif" width="100" align="right">
+      <img class="Left" src="/Blog/Content/Site/Blink.png" width="100" align="left">
+      <img class="Middle" src="/Blog/Content/Site/WIP.png" width="100" align="center">
+      <img class="Right" src="/Blog/Content/Site/Smoke.gif" width="100" align="right">
 
     </section>
       
@@ -53,8 +54,9 @@
     </div>
     </div>
     
-  <script type="module" src="/Blog/SP/blog-version.js"></script>
-  <script type="module" src="/Blog/SP/href-setup.js"></script>
-  <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+    <script type="module" src="/Blog/SP/blog-version.js"></script>
+    <script type="module" src="/Blog/SP/href-setup.js"></script>
+    <script type="module" src="/Blog/SP/settings/themeSet.js"></script>
+    <script type="module" src="/Blog/SP/modding/templates/index.js"></script>
   </body>
 </html>