diff --git a/public/article/index.html b/public/article/index.html
index d0bd44b4845df4f17439a4bac813863bd9e68036..3b5725e579fec0cbd25e424c04711c9ad1883a58 100644
--- a/public/article/index.html
+++ b/public/article/index.html
@@ -2,18 +2,18 @@
 <html>
 <head>
 <meta charset= "utf-8">
-<title>Personal Opinion</title>
+<title>"How to's" and "Personal Opinion"</title>
 <link rel='stylesheet' href="../styles/styles.css"/>
-<h1>Compilation of personal opinion or anything that fits into "personal" category</h1>
+<h1>Compilation of "How To's" and "Personal Opinion"</h1>
 <p><a href="indexdark.html">Toggle dark mode</a></p>
 </head>
 <body>
 <ul>
-<li><a href="/personal-opinion/internet-in-general.html">internet in general</a></li>
+<li><a href="/personal-opinion/">Personal Opinion</a></li>
 </ul>
 </body>
 <footer>
-<h6><a href="/mls/milestone.html">Milestone</a></h6>
+<h6><a href="../milestones/">Milestone</a></h6>
 <h6>https://git.qoto.org/ravenci/ravenci.qoto.io/<br><a href="https://git.qoto.org/ravenci/ravenci.qoto.io/">or you could click here</a></h6>
 <h6>https://qoto.org/@ravenclaw/<br><a href="https://qoto.org/@ravenclaw/">or you could click here</a></h6>
 </footer>
diff --git a/public/article/indexdark.html b/public/article/indexdark.html
index a825d3f3cc69f1e66b85a757dfda75db74b5b598..2cd4ef1332193d82cef9edce1e008e21020e19dc 100644
--- a/public/article/indexdark.html
+++ b/public/article/indexdark.html
@@ -2,18 +2,18 @@
 <html>
 <head>
 <meta charset= "utf-8">
-<title>Personal Opinion</title>
+<title>"How to's" and "Personal Opinion"</title>
 <link rel='stylesheet' href="../styles/stylesdark.css"/>
-<h1>Compilation of personal opinion or anything that fits into "personal" category</h1>
+<h1>Compilation of "How To's" and "Personal Opinion"</h1>
 <p><a href="index.html">Toggle light mode</a></p>
 </head>
 <body>
 <ul>
-<li><a href="/personal-opinion/internet-in-general-dark.html">internet in general</a></li>
+<li><a href="/personal-opinion/indexdark.html">Personal Opinion</a></li>
 </ul>
 </body>
 <footer>
-<h6><a href="/mls/milestone.html">Milestone</a></h6>
+<h6><a href="/milestones/indexdark.html">Milestone</a></h6>
 <h6>https://git.qoto.org/ravenci/ravenci.qoto.io/<br><a href="https://git.qoto.org/ravenci/ravenci.qoto.io/">or you could click here</a></h6>
 <h6>https://qoto.org/@ravenclaw/<br><a href="https://qoto.org/@ravenclaw/">or you could click here</a></h6>
 </footer>
diff --git a/public/article/personal-opinion/index.html b/public/article/personal-opinion/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..2abaf37da90c846c9bfad6ee991ab5e7b89454af
--- /dev/null
+++ b/public/article/personal-opinion/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset= "utf-8">
+<title>Personal opinion about certain topicss</title>
+<link rel='stylesheet' href="../../styles/styles.css"/>
+<p><a href="indexdark.html">Toggle dark mode</a></p>
+</head>
+<body>
+<p><a href="internet-in-general.html">>Personal opinion about internet in general<a/></p>
+<body>
+</body>
+<footer>
+</footer>
diff --git a/public/article/personal-opinion/indexdark.html b/public/article/personal-opinion/indexdark.html
new file mode 100644
index 0000000000000000000000000000000000000000..b8bca2920df7ab320837fa8b62d6d0b30c46ac99
--- /dev/null
+++ b/public/article/personal-opinion/indexdark.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset= "utf-8">
+<title>Personal opinion about certain topics</title>
+<link rel='stylesheet' href="../../styles/stylesdark.css"/>
+<p><a href="index.html">Toggle light mode</a></p>
+</head>
+<body>
+<p><a href="internet-in-general-dark.html">>Personal opinion about internet in general<a/></p>
+</body>
+<footer>
+</footer>
diff --git a/public/index.html b/public/index.html
index f05307b23ec2cb39116cdc8966ee0b2e588c3e7c..83d81c1add144601c1e6e2844100a19f6cd0fca8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,8 +14,8 @@
 <p>Well that's a good question. I can't even think of any single logical reason besides "well learning new things is kinda fun" </p>
 <h2>With all that out of the way. I would like to present you with my list of worthwhile link that consist of article, post or meme.</h2>
 <ul>
-<li><a href="/article">My personal thoughts</a></li>
-<li><a href="https://cheatsheetseries.owasp.org/">https://cheatsheetseries.owasp.org/</a></li>
+<li><a href="/article/">Compilation of "How to's" made by me or my thoughts on certain topics</a></li>
+<li><a href="https://heatsheetseries.owasp.org/">https://cheatsheetseries.owasp.org/</a></li>
 <li><a href="https://ctftime.org/">https://ctftime.org/</a></li>
 <li><a href="https://alexcabal.com/creating-the-perfect-gpg-keypair/">Creating a perfect GPG key</a></li>
 <li><a href="https://codeberg.org/crimeflare/cloudflare-tor/">A detailed insight towards cloudflare centralized reverse-proxies</a></li>
@@ -26,7 +26,7 @@
 </h2>
 </body>
 <footer>
-<h6><a href="/milestones/index.html">Milestone</a></h6>
+<h6><a href="/milestones/">Milestone</a></h6>
 <h6>https://git.qoto.org/ravenci/ravenci.qoto.io/<br><a href="https://git.qoto.org/ravenci/ravenci.qoto.io/">or you could click here</a></h6>
 <h6>https://qoto.org/@ravenclaw/<br><a href="https://qoto.org/@ravenclaw/">or you could click here</a></h6>
 </footer>
diff --git a/public/indexdark.html b/public/indexdark.html
index c86fa4b9f3ca787d60810af00e5309f44f08fa85..e652b51ae1fb8dd46b065047f0fbaa86b5c61185 100644
--- a/public/indexdark.html
+++ b/public/indexdark.html
@@ -14,7 +14,7 @@
 <p>Well that's a good question. I can't even think of any single logical reason besides "well learning new things is kinda fun" </p>
 <h2>With all that out of the way. I would like to present you with my list of worthwhile link that consist of article, post or meme.</h2>
 <ul>
-<li><a href="/article/personal-opinion">My personal thoughts</a></li>
+<li><a href="/article/">Compilation of "How to's" made by me or my thoughts on certain topics</a></li>
 <li><a href="https://cheatsheetseries.owasp.org/">https://cheatsheetseries.owasp.org/</a></li>
 <li><a href="https://ctftime.org/">https://ctftime.org/</a></li>
 <li><a href="https://alexcabal.com/creating-the-perfect-gpg-keypair/">Creating a perfect GPG key</a></li>
diff --git a/public/milestones/index.html b/public/milestones/index.html
index a62d9668869d6a97aa67282dc8b6f79aace92364..0eef2c73ec9795f5be214c4b9992daaedecba240 100644
--- a/public/milestones/index.html
+++ b/public/milestones/index.html
@@ -2,10 +2,11 @@
 <html>
 <head>
 <meta charset= utf-8>
-<link rel='stylesheet' href="../styles.css"/>
+<link rel='stylesheet' href="../styles/styles.css"/>
 <title>Milestone</title>
 <h6><a href="../index.html">back</a></h6>
 <h1>Milestone</h1>
+<p><a href="indexdark.html">Toggle dark mode</a></p>
 </head>
 <body>
 <h2>Here's a list of thing that i want to achieve.</h2>
diff --git a/public/milestones/indexdark.html b/public/milestones/indexdark.html
index d5240258dffa2891c6006cf872356e691f4663d6..1d35c8c3769873bd1d20ae3a8fe92efdee5a87a8 100644
--- a/public/milestones/indexdark.html
+++ b/public/milestones/indexdark.html
@@ -3,9 +3,10 @@
 <head>
 <meta charset= utf-8>
 <title>Milestone</title>
-<link rel='stylesheet' href="../stylesdark.css"/>
-<h6><a href="../indexdark.html">back</a></h6>
+<link rel='stylesheet' href="../styles/stylesdark.css"/>
+<h6><a href="../styles/index.html">back</a></h6>
 <h1>Milestone</h1>
+<p><a href="index.html">Toggle light mode</a></p>
 </head>
 <body>
 <h2>Here's a list of thing that i want to achieve.</h2>