diff --git a/docs/docs/roadmap.html b/docs/docs/roadmap.html
new file mode 100644
index 0000000..6912851
--- /dev/null
+++ b/docs/docs/roadmap.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Roadmap - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Roadmap</h1>
+    <h3 class="t2">Last edited: 28 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/roadmap.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p>diji as well as it's website and docs are open source on the MIT license with all 3 being available in <a href="https://github.com/KZacharski/diji" class="linkeffect">this GitHub repo</a> with diji being located in the <code class="language-plaintext">main</code> branch while the website and docs are located in the <code class="language-plaintext">github-files</code> branch</p>
+
+    
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./open-source.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Open source</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+       <!--   <div class="next ge">
+            <a href="./roadmap.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Roadmap</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>-->
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="#" class="navdrawerlinkactive">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>
\ No newline at end of file
