diff --git a/public/article/index.html b/public/article/index.html
index d3388e31c830f46db2f1bb5bb9a9d59697c7f2b6..790e1bd8945faaf1f7c2b6f44cd4daca02758beb 100644
--- a/public/article/index.html
+++ b/public/article/index.html
@@ -9,7 +9,7 @@
 </head>
 <body>
 <ul>
-<li><a href="internet-in-general.html">internet in general</a></li>
+<li><a href="/personal-opinion/internet-in-general.html">internet in general</a></li>
 </ul>
 </body>
 <footer>
diff --git a/public/article/indexdark.html b/public/article/indexdark.html
index 9200b4c027a05876e396719a91ec9ff8ff9bccf3..851a5c1b88401aad24b42c7c1e7b6e2a253beffb 100644
--- a/public/article/indexdark.html
+++ b/public/article/indexdark.html
@@ -9,7 +9,7 @@
 </head>
 <body>
 <ul>
-<li><a href="internet-in-general-dark.html">internet in general</a></li>
+<li><a href="/personal-opinion/internet-in-general-dark.html">internet in general</a></li>
 </ul>
 </body>
 <footer>
diff --git a/public/article/internet-in-general-dark.html b/public/article/personal-opinion/internet-in-general-dark.html
similarity index 100%
rename from public/article/internet-in-general-dark.html
rename to public/article/personal-opinion/internet-in-general-dark.html
diff --git a/public/article/internet-in-general.html b/public/article/personal-opinion/internet-in-general.html
similarity index 100%
rename from public/article/internet-in-general.html
rename to public/article/personal-opinion/internet-in-general.html
diff --git a/public/index.html b/public/index.html
index 509050935369da190264fd4edc9d09fddfe759ec..f05307b23ec2cb39116cdc8966ee0b2e588c3e7c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset= "utf-8">
 <title>Learn Frontend WebDev</title>
-<link rel='stylesheet' href="styles.css"/>
+<link rel='stylesheet' href="/styles/styles.css"/>
 <h1>Welcome to my page!</h1>
 <p><a href="indexdark.html">Toggle dark mode</a></p>
 </head>
@@ -20,12 +20,13 @@
 <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>
 <li><a href="https://w3.org/">https://w3.org/</a></li>
+</ul>
 <h2>Feel free to gives me some frontend webdev related advice or say "Hi !" by either tagging me on mastodon or by commenting on my repo. You could find both of the link at the bottom of the page.</h2>
 <h2>
 </h2>
 </body>
 <footer>
-<h6><a href="/mls/milestone.html">Milestone</a></h6>
+<h6><a href="/milestones/index.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/indexdark.html b/public/indexdark.html
index 2aa780d120bf142c67b11dcef90b47948f4f58f4..c86fa4b9f3ca787d60810af00e5309f44f08fa85 100644
--- a/public/indexdark.html
+++ b/public/indexdark.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset= "utf-8">
 <title>Learn Frontend WebDev</title>
-<link rel='stylesheet' href="stylesdark.css"/>
+<link rel='stylesheet' href="/styles/stylesdark.css"/>
 <h1>Welcome to my page!</h1>
 <p><a href="index.html">Toggle light mode</a></p>
 </head>
@@ -14,18 +14,19 @@
 <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="/article/personal-opinion">My personal thoughts</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>
 <li><a href="https://codeberg.org/crimeflare/cloudflare-tor/">A detailed insight towards cloudflare centralized reverse-proxies</a></li>
 <li><a href="https://w3.org/">https://w3.org/</a></li>
+</ul>
 <h2>Feel free to gives me some frontend webdev related advice or say "Hi !" by either tagging me on mastodon or by commenting on my repo. You could find both of the link at the bottom of the page.</h2>
 <h2>
 </h2>
 </body>
 <footer>
-<h6><a href="/mls/milestone.html">Milestone</a></h6>
+<h6><a href="/milestones/index.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/mls/milestone.html b/public/milestones/index.html
similarity index 100%
rename from public/mls/milestone.html
rename to public/milestones/index.html
diff --git a/public/mls/milestonedark.html b/public/milestones/indexdark.html
similarity index 100%
rename from public/mls/milestonedark.html
rename to public/milestones/indexdark.html
diff --git a/public/styles.css b/public/styles/styles.css
similarity index 100%
rename from public/styles.css
rename to public/styles/styles.css
diff --git a/public/stylesdark.css b/public/styles/stylesdark.css
similarity index 100%
rename from public/stylesdark.css
rename to public/styles/stylesdark.css