diff --git a/index.html b/index.html
index 29521d5..69395d6 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 	<meta name="og:url" content="https://purplebored.pl/" />
 	<meta name="og:title" content="Purplebored.pl" />
 	<meta property="og:type" content="website">
-	<meta property="og:image" content="https://purplebored.pl/assets/images/pfp.png">
+	<meta property="og:image" content="/assets/images/pfp.png">
 	<meta name="og:description" content="Just my personal website where I share cool stuff, the things I like, and the things I do :D" />
 	
 	<meta name="description" content="Just my personal website where I share cool stuff, the things I like, and the things I do :D" />
@@ -31,7 +31,7 @@
 
 	<div class="middle">
 		<h1>Purplebored.pl</h1>
-		<p> Hi, I am a 17 year old retard called Purplebored, also known as Niko o/. Right now you are on my own little website which I call my home on the World Wide Web! Nothing special, but I hope you like it :D</p>
+		<p> Hi, I am a 17-year-old retard called Purplebored, also known as Niko o/. Right now you are on my own little website which I call my home on the World Wide Web! Nothing special, but I hope you like it :D</p>
 
 		<p> I like making simple websites, and I am also a privacy advocate. I also love tobacco, and I am a big nicotine addict. I speak Polish and English, but I am also learning Russian. Regarding programming, I currently only know basic HTML. From other stuff, I also know some Linux and quite a lot about Windows — especially the older versions like Windows 7.</p>
 		
@@ -97,8 +97,8 @@
 		</a>
 	</div>
 	<div class="icon-item">
-		<a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/" target="_blank" rel="noopener noreferrer">
-			<img src="/assets/images/icons/ygg.png" alt="Ygg Mirror">
+		<a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+			<img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
 			<span class="icon-label ygg-label">Ygg</span>
 		</a>
 	</div>
diff --git a/pages/about.html b/pages/about.html
index 873c64c..127f1cb 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -11,7 +11,7 @@
     <meta name="og:url" content="https://purplebored.pl/pages/about.html" />
     <meta name="og:title" content="Purplebored - About me" />
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://purplebored.pl/assets/images/pfp.png">
+    <meta property="og:image" content="/assets/images/pfp.png">
     <meta name="og:description" content="A little bit about me :D" />
 
     <meta name="description" content="A little bit about me.">
@@ -21,9 +21,11 @@
 </head>
 
 <body>
+<!--Navbar related code-->
 <button class="mobile-nav-toggle" aria-label="Toggle menu">
     ☰
 </button>
+
 <nav class="navbar">
     <div class="navbar-top-icons">
         <div class="icon-item">
@@ -33,8 +35,8 @@
             </a>
         </div>
         <div class="icon-item">
-            <a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/" target="_blank" rel="noopener noreferrer">
-                <img src="/assets/images/icons/ygg.png" alt="Ygg Mirror">
+            <a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
                 <span class="icon-label ygg-label">Ygg</span>
             </a>
         </div>
diff --git a/pages/contact.html b/pages/contact.html
index 2f1c206..d1892bc 100755
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -19,6 +19,7 @@
 </head>
 
 <body>
+<!-- Navbar related code. -->
 	<button class="mobile-nav-toggle" aria-label="Toggle menu">
 	☰
 	</button>
@@ -31,8 +32,8 @@
                 </a>
             </div>
             <div class="icon-item">
-                <a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/" target="_blank" rel="noopener noreferrer">
-                    <img src="/assets/images/icons/ygg.png" alt="Ygg Mirror">
+                <a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+                    <img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
                     <span class="icon-label ygg-label">Ygg</span>
                 </a>
             </div>
diff --git a/pages/projects.html b/pages/projects.html
index 19e0e21..4a6c6a1 100644
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -21,34 +21,35 @@
 </head>
 
 <body>
-	<button class="mobile-nav-toggle" aria-label="Toggle menu">
-	☰
-	</button>
-    <nav class="navbar">
-        <div class="navbar-top-icons">
-            <div class="icon-item">
-                <a href="http://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
-                    <img src="/assets/images/icons/tor.png" alt="Tor Mirror">
-                    <span class="icon-label tor-label">Tor</span>
-                </a>
-            </div>
-            <div class="icon-item">
-                <a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/" target="_blank" rel="noopener noreferrer">
-                    <img src="/assets/images/icons/ygg.png" alt="Ygg Mirror">
-                    <span class="icon-label ygg-label">Ygg</span>
-                </a>
-            </div>
+<!-- Navbar related code. -->
+<button class="mobile-nav-toggle" aria-label="Toggle menu">
+    ☰
+</button>
+<nav class="navbar">
+    <div class="navbar-top-icons">
+        <div class="icon-item">
+            <a href="http://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/tor.png" alt="Tor Mirror">
+                <span class="icon-label tor-label">Tor</span>
+            </a>
         </div>
-        <ul>
-            <li><a href="/index.html">Home</a></li>
-            <li><a href="/pages/about.html">About me</a></li>
-            <li><a href="/pages/projects.html">Projects</a></li>
-            <li><a href="/pages/contact.html">Contact</a></li>
-            <li><a href="/pages/services.html">Services</a></li>
-            <li><a href="#">Terms of Service</a></li>
-            <li><a href="#">Other</a></li>
-        </ul>
-    </nav>
+        <div class="icon-item">
+            <a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
+                <span class="icon-label ygg-label">Ygg</span>
+            </a>
+        </div>
+    </div>
+    <ul>
+        <li><a href="/index.html">Home</a></li>
+        <li><a href="/pages/about.html">About me</a></li>
+        <li><a href="/pages/projects.html">Projects</a></li>
+        <li><a href="/pages/contact.html">Contact</a></li>
+        <li><a href="/pages/services.html">Services</a></li>
+        <li><a href="#">Terms of Service</a></li>
+        <li><a href="#">Other</a></li>
+    </ul>
+</nav>
 
 
 	<div class="content project-page">
diff --git a/pages/services.html b/pages/services.html
index f287f78..74d05f9 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -20,34 +20,36 @@
 </head>
 
 <body>
-	<button class="mobile-nav-toggle" aria-label="Toggle menu">
-	☰
-	</button>
-    <nav class="navbar">
-        <div class="navbar-top-icons">
-            <div class="icon-item">
-                <a href="http://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
-                    <img src="/assets/images/icons/tor.png" alt="Tor Mirror">
-                    <span class="icon-label tor-label">Tor</span>
-                </a>
-            </div>
-            <div class="icon-item">
-                <a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/" target="_blank" rel="noopener noreferrer">
-                    <img src="/assets/images/icons/ygg.png" alt="Ygg Mirror">
-                    <span class="icon-label ygg-label">Ygg</span>
-                </a>
-            </div>
+<!-- Navbar related code. -->
+<button class="mobile-nav-toggle" aria-label="Toggle menu">
+    ☰
+</button>
+<nav class="navbar">
+    <div class="navbar-top-icons">
+        <div class="icon-item">
+            <a href="http://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/tor.png" alt="Tor Mirror">
+                <span class="icon-label tor-label">Tor</span>
+            </a>
         </div>
-        <ul>
-            <li><a href="/index.html">Home</a></li>
-            <li><a href="/pages/about.html">About me</a></li>
-            <li><a href="/pages/projects.html">Projects</a></li>
-            <li><a href="/pages/contact.html">Contact</a></li>
-            <li><a href="/pages/services.html">Services</a></li>
-            <li><a href="#">Terms of Service</a></li>
-            <li><a href="#">Other</a></li>
-        </ul>
-    </nav>
+        <div class="icon-item">
+            <a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
+                <span class="icon-label ygg-label">Ygg</span>
+            </a>
+        </div>
+    </div>
+    <ul>
+        <li><a href="/index.html">Home</a></li>
+        <li><a href="/pages/about.html">About me</a></li>
+        <li><a href="/pages/projects.html">Projects</a></li>
+        <li><a href="/pages/contact.html">Contact</a></li>
+        <li><a href="/pages/services.html">Services</a></li>
+        <li><a href="#">Terms of Service</a></li>
+        <li><a href="#">Other</a></li>
+    </ul>
+</nav>
+
 	<div class="project-page services-page">
 		<h1>Services I Host</h1>
 		<p>Here are some public and semi-public stuff I run from my servers. I host my stuff from two servers. One named NL1 in the Netherlands and one named PL1 in Poland.  
diff --git a/pages/ygg.html b/pages/ygg.html
new file mode 100644
index 0000000..488ddf3
--- /dev/null
+++ b/pages/ygg.html
@@ -0,0 +1,101 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="color-scheme" content="dark">
+    <meta name="theme-color" content="#0e0016">
+    <title>Yggdrasil</title>
+
+    <meta name="og:url" content="https://purplebored.pl/pages/ygg.html" />
+    <meta name="og:title" content="Purplebored - Yggdrasil" />
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://purplebored.pl/assets/images/pfp.png">
+    <meta name="og:description" content="Info about the Yggdrasil network protocol, and stuff I host there." />
+
+    <meta name="description" content="Info about the Yggdrasil network protocol, and stuff I host there.">
+    <link rel="icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/assets/css/style.css">
+</head>
+
+<body>
+<!-- Navbar related code. -->
+<button class="mobile-nav-toggle" aria-label="Toggle menu">
+    ☰
+</button>
+<nav class="navbar">
+    <div class="navbar-top-icons">
+        <div class="icon-item">
+            <a href="http://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/tor.png" alt="Tor Mirror">
+                <span class="icon-label tor-label">Tor</span>
+            </a>
+        </div>
+        <div class="icon-item">
+            <a href="/pages/ygg.html" target="_blank" rel="noopener noreferrer">
+                <img src="/assets/images/icons/ygg.png" alt="Information about Yggdrasil">
+                <span class="icon-label ygg-label">Ygg</span>
+            </a>
+        </div>
+    </div>
+    <ul>
+        <li><a href="/index.html">Home</a></li>
+        <li><a href="/pages/about.html">About me</a></li>
+        <li><a href="/pages/projects.html">Projects</a></li>
+        <li><a href="/pages/contact.html">Contact</a></li>
+        <li><a href="/pages/services.html">Services</a></li>
+        <li><a href="#">Terms of Service</a></li>
+        <li><a href="#">Other</a></li>
+    </ul>
+</nav>
+
+<div class="content project-page">
+    <div class="middle">
+        <h1>Yggdrasil</h1>
+        <h2>What's Yggdrasil?</h2>
+        <p>
+            Citing from their website: "Yggdrasil is a new experimental compact routing scheme. It is designed to be a
+            future-proof and decentralised alternative to the structured routing protocols commonly used today on the
+            Internet, as well as an enabling technology for future large-scale mesh networks"
+        </p>
+
+        <h2>Why use Yggdrasil?</h2>
+        <p>
+            Yggdrasil is a completely separate network from the “normal” internet. It works as a global, encrypted
+            mesh network where every device becomes part of a huge, interconnected system. It doesn’t rely on ISPs,
+            central servers, or big companies to function.
+        </p>
+
+        <h2>How to join Yggdrasil?</h2>
+        <p>
+            Check out the official installation page <a href="https://yggdrasil-network.github.io/installation.html">here.</a>
+        </p>
+
+        <h2>What I run on Yggdrasil</h2>
+        <p>
+            I host an Yggdrasil mirror of my website.
+            If you’re on Ygg, you can reach ot using the link below:
+        </p>
+
+        <ul>
+            <li>My website on Ygg: <a href="http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/"><code>http://[200:38ad:e575:f3c1:aba7:9e86:ae1e:4922]/</code></a></li>
+            <li>More stuff coming soon ;)</li>
+        </ul>
+    </div>
+</div>
+
+<div class="footer">
+    Purplebored &copy; 2023-2025 |
+    <a href="https://git.purplebored.pl/purplebored/purplebored.pl">Source code</a> |
+    <a href="/pages/contact.html">Contact Me</a> |
+    <a href="https://status.purplebored.pl"> Uptime / Status</a> |
+</div>
+
+<div class="clouds">
+    <img src="/assets/images/clouds.png" alt="Clouds">
+</div>
+
+<canvas id="night"></canvas>
+<script src="/assets/js/script.js" defer></script>
+</body>
+</html>
