Added a new button :D

Added a other page, and written a snuff page.
Added a terms of service page, and fixed no embed image, and updated the sitemap
2025-12-03 17:44:18 +01:00 · 2025-11-30 04:31:29 +01:00 · 2025-11-29 16:51:29 +01:00 · 2025-11-29 16:21:03 +01:00 · 2025-11-18 07:36:22 +01:00 · 2025-11-16 00:31:40 +00:00
15 changed files with 1073 additions and 125 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+/.idea/
--- a/0CB52690CD644413EF66A21CAEF2F9A8C0334670.asc
+++ b/0CB52690CD644413EF66A21CAEF2F9A8C0334670.asc
@@ -0,0 +1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+KyoBhwIfl1o=
+=qhIS
+-----END PGP PUBLIC KEY BLOCK-----
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -25,9 +25,9 @@ body {
 	color: white;
 	font-family: "system-ui", sans-serif;
 	overflow-x: hidden;
+	padding-right: 140px;
 }

-/* === NAVBAR ON THE RIGHT === */
 .navbar {
 	width: 140px;
 	background: rgba(60, 26, 77, 0.55);
@@ -47,6 +47,7 @@ body {
 	z-index: 20;
 	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.4);
 }
+
 .navbar ul {
 	list-style: none;
 	margin: 0;
@@ -81,13 +82,8 @@ body {
 	transition: background-color 0.2s ease;
 }

-.navbar a::before {
-	top: 0;
-}
-
-.navbar a::after {
-	bottom: 0;
-}
+.navbar a::before { top: 0; }
+.navbar a::after { bottom: 0; }

 .navbar a:hover {
 	background-color: #5e2b7a;
@@ -133,12 +129,24 @@ body {
 	margin-top: 4px;
 }

-.tor-label {
-	color: #6e2b9e;
-}
+.tor-label { color: #6e2b9e; }
+.ygg-label { color: #92ffb3; }

-.ygg-label {
-	color: #92ffb3;
+.mobile-nav-toggle {
+	display: none;
+	position: fixed;
+	top: 12px;
+	right: 12px;
+	z-index: 50;
+	background: rgba(60, 26, 77, 0.6);
+	color: #fff;
+	font-size: 1.8rem;
+	border: 1px solid rgba(255, 255, 255, 0.3);
+	border-radius: 6px;
+	padding: 4px 10px;
+	cursor: pointer;
+	backdrop-filter: blur(6px);
+	-webkit-backdrop-filter: blur(6px);
 }

 .footer {
@@ -153,37 +161,14 @@ body {
 	z-index: 10;
 }

-/* === LINKS === */
-a {
-	text-decoration: none;
-	color: #447fc6;
-}
+a { text-decoration: none; color: #447fc6; }

-::-moz-selection {
-	color: #000000;
-	background: #a57ae9;
-}
+::-moz-selection { color: #000000; background: #a57ae9; }
+::selection { color: #000000; background: #a57ae9; }
+a::-moz-selection { color: #000; background: #447fc6; }
+a::selection { color: #000; background: #447fc6; }
+a:not(:has(img)):hover { text-decoration: underline; }

-::selection {
-	color: #000000;
-	background: #a57ae9;
-}
-
-a::-moz-selection {
-	color: #000;
-	background: #447fc6;
-}
-
-a::selection {
-	color: #000;
-	background: #447fc6;
-}
-
-a:not(:has(img)):hover {
-	text-decoration: underline;
-}
-
-/* === MAIN CONTENT === */
 .content {
 	display: flex;
 	align-items: center;
@@ -195,6 +180,7 @@ a:not(:has(img)):hover {
 	position: relative;
 	box-sizing: border-box;
 	flex-wrap: wrap;
+	max-width: calc(100% - 140px);
 }

 .left {
@@ -218,6 +204,7 @@ a:not(:has(img)):hover {
 	justify-content: center;
 	text-align: left;
 	z-index: 10;
+	max-width: 800px;
 }

 .middle h1 {
@@ -245,13 +232,63 @@ a:not(:has(img)):hover {
 	width: 88px;
 	height: 31px;
 	border: none;
-	image-rendering: -webkit-optimize-contrast;
-	image-rendering: -moz-crisp-edges;
-	image-rendering: -o-pixelated;
 	image-rendering: pixelated;
 }

-/* === BACKGROUND CANVAS === */
+.services-page {
+	max-width: 900px;
+	margin: 0 auto;
+	padding: 6rem 2rem 8rem 2rem;
+	text-align: left;
+	box-sizing: border-box;
+}
+
+.service-card {
+	background: rgba(255, 255, 255, 0.05);
+	border: 1px solid rgba(255, 255, 255, 0.08);
+	padding: 1.5rem;
+	margin: 1.5rem 0;
+	border-radius: 6px;
+	backdrop-filter: blur(6px);
+	box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
+}
+
+.service-card h2 {
+	font-family: "Clockopia", sans-serif;
+	color: #fff5a8;
+	margin-top: 0;
+	margin-bottom: .75rem;
+}
+
+.service-card ul {
+	margin-left: 1.25rem;
+	line-height: 1.7;
+	color: #ddd;
+}
+
+.service-card a {
+	color: #fff5a8;
+	text-decoration: none;
+}
+
+.service-card a:hover {
+	text-decoration: underline;
+}
+
+@media (max-width: 900px) {
+	.services-page {
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 5rem;
+		text-align: center;
+	}
+	.service-card ul {
+		text-align: left;
+	}
+}
+
+
+/* Background */
 #night {
 	position: fixed;
 	top: 0;
@@ -281,15 +318,15 @@ a:not(:has(img)):hover {
 	filter: blur(1px);
 }

-/* === PROJECT PAGE === */
+/* Project Page */
 .project-page {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	text-align: left;
-	padding: 5rem 2rem 8rem 2rem;
-	color: #fff;
-	flex: 1;
+	text-align: center;
+	max-width: calc(100% - 140px);
+	margin: 0 auto;
+	padding: 5rem 2rem 8rem;
 }

 .project-page h1,
@@ -297,7 +334,6 @@ a:not(:has(img)):hover {
 .project-page h3 {
 	font-family: "Clockopia", sans-serif;
 	color: #fff5a8;
-	margin-bottom: 1rem;
 }

 .project-page a {
@@ -310,23 +346,47 @@ a:not(:has(img)):hover {
 }

 .project-page ul {
-	list-style: disc;
-	margin-left: 2rem;
-	margin-bottom: 1.5rem;
-	color: #ccc;
-	line-height: 1.7;
+	text-align: left;
+	margin: auto;
+	max-width: 600px;
 }

 .project-page p {
 	max-width: 700px;
-	line-height: 1.8;
-	margin-bottom: 1rem;
+	line-height: 1.5;
+	margin-bottom: auto;
 }

-/* === RESPONSIVE FIXES === */
+/*Shit to make it not terrible for mobile users.*/
+@media (max-width: 1200px) {
+	.content {
+		flex-direction: column;
+		text-align: center;
+		padding: 3rem 2rem;
+		max-width: 100%;
+	}
+
+	.left, .middle {
+		flex: unset;
+		width: 100%;
+	}
+
+	.uzi {
+		width: 60%;
+		max-width: 600px;
+		margin-bottom: 2rem;
+	}
+
+	.middle {
+		text-align: center;
+		align-items: center;
+	}
+}
+
+/* Full mobile mode */
@media (max-width: 900px) {
 	body {
-		flex-direction: column;
+		padding-right: 0;
 	}

 	.navbar {
@@ -336,6 +396,8 @@ a:not(:has(img)):hover {
 		flex-direction: row;
 		justify-content: center;
 		padding: 0.5rem 0;
+		border-left: none;
+		border-right: none;
 	}

 	.navbar ul {
@@ -343,15 +405,18 @@ a:not(:has(img)):hover {
 		gap: 1rem;
 	}

-	.content {
+	.content,
+	.project-page {
+		max-width: 100%;
 		flex-direction: column;
-		padding: 2rem;
+		padding: 2rem 1.5rem;
 		text-align: center;
 	}

 	.middle {
 		text-align: center;
 		align-items: center;
+		max-width: 100%;
 	}

 	.uzi {
@@ -362,28 +427,65 @@ a:not(:has(img)):hover {
 	.footer {
 		padding-bottom: 2rem;
 	}
-	
-	.navbar-top-icons {
-	margin-bottom: 0.5rem;
-	}

-	.navbar-top-icons img {
-	width: 22px;
-	height: 22px;
-	}
-	
 	.navbar-top-icons {
-	gap: 10px;
-	margin-bottom: 0.5rem;
+		margin-bottom: 0.5rem;
+		gap: 10px;
 	}

 	.icon-item img {
-	width: 24px;
-	height: 24px;
+		width: 24px;
+		height: 24px;
 	}

 	.icon-label {
-	font-size: 0.7rem;
+		font-size: 0.7rem;
+	}
+}
+.mobile-nav-toggle {
+	display: none;
+	position: fixed;
+	top: 12px;
+	right: 12px;
+	z-index: 50;
+	background: rgba(60, 26, 77, 0.6);
+	color: #fff;
+	font-size: 1.8rem;
+	border: 1px solid rgba(255, 255, 255, 0.3);
+	border-radius: 6px;
+	padding: 4px 10px;
+	cursor: pointer;
+	backdrop-filter: blur(6px);
+	-webkit-backdrop-filter: blur(6px);
+}
+
+@media (max-width: 900px) {
+	.mobile-nav-toggle {
+		display: block;
 	}

-}
+	.navbar {
+		position: fixed;
+		right: -100%;
+		top: 0;
+		bottom: 0;
+		width: 200px;
+		padding-top: 3.5rem;
+		flex-direction: column;
+		height: 100vh;
+		transition: right 0.3s ease;
+	}
+
+	.navbar.open {
+		right: 0;
+	}
+
+	.navbar ul {
+		flex-direction: column;
+		gap: 0;
+	}
+
+	body {
+		padding-right: 0;
+	}
+}
--- a/assets/images/buttons/greatsword.png
+++ b/assets/images/buttons/greatsword.png
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -161,4 +161,15 @@ function base_main() {
 }
 document.addEventListener("DOMContentLoaded", () => {
    base_main();
-});
+});
+
+document.addEventListener("DOMContentLoaded", () => {
+	const toggle = document.querySelector(".mobile-nav-toggle");
+	const navbar = document.querySelector(".navbar");
+
+	if (toggle && navbar) {
+		toggle.addEventListener("click", () => {
+			navbar.classList.toggle("open");
+		});
+	}
+});
--- 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>
 		
@@ -76,6 +76,9 @@
        <a href="https://authenyo.xyz" target="_blank" rel="noopener noreferrer">
 			<img src="assets/images/buttons/authen.gif" alt="Authen button" />
        </a>
+        <a href="https://greatsword.xyz" target="_blank" rel="noopener noreferrer">
+            <img src="assets/images/buttons/greatsword.png" alt="Greatsword button" />
+        </a>
        <a href="http://[300:5506:25eb:d0d9::]" target="_blank" rel="noopener noreferrer">
 			<img src="assets/images/buttons/midgard.png" alt="Midgard button" />
        </a>
@@ -83,28 +86,34 @@

 	</div>
 	</div>
-	
+
+	<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://your-tor-address.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://your-ygg-address.ygg" 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>
+	<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="#">About me:</a></li>
-			<li><a href="#">Projects:</a></li>
-			<li><a href="#">Contact</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="/pages/terms.html">Terms of Service</a></li>
+			<li><a href="/pages/other.html">Other</a></li>
 		</ul>
 	</nav>
 	
--- a/pages/about.html
+++ b/pages/about.html
@@ -0,0 +1,108 @@
+<!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>About me</title>
+
+
+    <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="/assets/images/pfp.png">
+    <meta name="og:description" content="A little bit about me :D" />
+
+    <meta name="description" content="A little bit about me.">
+    <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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">Other</a></li>
+    </ul>
+</nav>
+
+<div class="content project-page">
+    <div class="middle">
+        <h1>About me</h1>
+        <p>
+            Hi, I’m <strong>Purplebored</strong>, also known as Niko. Welcome to my site and here are some information about me:
+        </p>
+
+        <p>
+            I like making simple websites like this, and I love self-hosting stuff when I can. I try to avoid most of the modern bloat out there, so that's why I have my own personal website instead of a social media account, or I use XMPP instead of using Discord.
+            I am also a privacy-minded person, so I try to avoid big tech shit as much as possible.
+            <br />
+            Oh, and the most important part I am Polish and I <strong>REALLY</strong> love my country. I am proud to be Polish, and if I had the chance to be born again I would choose Poland every day.
+        </p>
+        <h2>What I Do</h2>
+        <ul>
+            <li>Create small websites when I am bored (Like this one!)</li>
+            <li>Self-host services I like and use for example Mumble, or XMPP.</li>
+            <li>Create tiny shit from time to time like my Discord Userbot IRC bridge</li>
+            <li>Experiment with Linux, servers, and general sysadmin things</li>
+            <li>Fuck around with Windows (especially older versions like Windows 7)</li>
+        </ul>
+        <h2>Languages I Speak</h2>
+        <ul>
+            <li>Polish (native)</li>
+            <li>English (fluent in writing terrible in speaking.)</li>
+            <li>Russian (early stages of learning)</li>
+        </ul>
+
+        <h2>Random Facts About Me</h2>
+        <ul>
+            <li>I love tobacco and yes, I'm definitely a nicotine fien</li>
+            <li>I spend way too much time talking about nicotine and Poland</li>
+            <li>My favorite music band is Кино(Kino)</li>
+        </ul>
+        <br />
+        <a href="/">← Back to Home</a>
+    </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>
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -0,0 +1,89 @@
+<!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>Contact</title>
+
+    <meta name="og:url" content="https://purplebored.pl/pages/contact.html" />
+    <meta name="og:title" content="Purplebored - Contact me" />
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/images/pfp.png">
+    <meta name="og:description" content="How to contact purplebored via email, IRC, XMPP, etc." />
+
+	<meta name="description" content="How to contact purplebored via email, IRC, XMPP, etc.">
+	<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="/pages/terms.html">Terms of Service</a></li>
+            <li><a href="/pages/other.html">Other</a></li>
+        </ul>
+    </nav>
+
+	<div class="content project-page">
+	<div class="middle">
+  		<h1>Contact Me</h1>
+  		<p>You can contact me using those ways, but I would preffer if you used XMPP, or Email.</p>
+			<ul>
+				<li><strong>Email:</strong> <a href="mailto:root@purplebored.pl">root(at)purplebored.pl</a></li>
+				<li><strong>XMPP:</strong>pb@purplebored.pl</li>
+				<li><strong>Matrix:</strong>@purplebored@telepath.im</li>
+				<li><strong>IRC:</strong> <code>Purplebored</code> on <a href="https://telepath.im/irc" target="_blank">Telepath IRC</a></li>
+				<li><strong>Discord:</strong> niko2077 (Please avoid this!! Only use this if <i>really</i> need to! Even using email without PGP would be better!)</li>
+	  		</ul>
+		<p>If you’re reporting a bug on this website, or one of my projects,  
+		  you can email me about it, OR if you have an account on my git you can also use that to report the issue.</p>
+		<p>
+			When using email if you can please encrypt it with PGP. <a href="/0CB52690CD644413EF66A21CAEF2F9A8C0334670.asc" target="_blank">You can get my public key here.</a>
+		</p>
+		<p>Messages in both English or Polish are okay :D</p>
+		<p>
+			<a href="/">← Back to home page</a>
+		</p>
+	</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>
--- a/pages/other.html
+++ b/pages/other.html
@@ -0,0 +1,82 @@
+<!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>Other</title>
+
+    <meta name="og:url" content="https://purplebored.pl/pages/other.html" />
+    <meta name="og:title" content="Purplebored - Other" />
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/images/pfp.png">
+    <meta name="og:description" content="Things which don't fit in anywhere else!" />
+
+    <meta name="description" content="Things which don't fit in anywhere else!">
+    <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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">Other</a></li>
+    </ul>
+</nav>
+
+<div class="content project-page">
+    <div class="middle">
+        <h1>Some other pages!</h1>
+        <p>
+            Here you can find some other pages which I did not want to put in the navbar, or link somewhere.
+        </p>
+        <ul>
+            <li><a href="/pages/other/snuff.html">Nasal Snuff!</a></li>
+        </ul>
+
+        <p>
+            <a href="/">← Back to home page</a>
+        </p>
+    </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>
--- a/pages/other/snuff.html
+++ b/pages/other/snuff.html
@@ -0,0 +1,115 @@
+<!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>Nasal snuff</title>
+
+    <meta name="og:url" content="https://purplebored.pl/pages/other/snuff.html" />
+    <meta name="og:title" content="Purplebored - Snuff" />
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/images/pfp.png">
+    <meta name="og:description" content="A few words about nasal snuff." />
+
+    <meta name="description" content="A few words about nasal snuff.">
+    <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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">Other</a></li>
+    </ul>
+</nav>
+
+<div class="content project-page">
+    <div class="middle">
+        <h1>Snuff!</h1>
+
+        <h5>
+            MINISTER ZDROWIA OSTRZEGA: UŻYWANIE TYTONIU SZKODZI ZDROWIU.
+            <br />
+            THE MINISTER OF HEALTH WARNS: USING TOBACCO IS HARMFUL TO YOUR HEALTH.
+            <br />
+            I do not condone snuff taking or any other nicotine use. Snuff is a tobacco based product and contains nicotine which is known to be highly addictive. The content on this page is purley informational.
+        </h5>
+
+        <p>
+            Hey I first should maybe explain what nasal snuff is for the people who don't know, so
+        </p>
+
+        <h2>What's nasal snuff?</h2>
+        <p>
+            Snuff is a type of smokeless tobacco product made from finely ground or pulverized tobacco leaves. It is sniffed (also sometimes written as "snuffed".) into the nasal cavity, delivering nicotine and a flavored scent to the user.
+            <br />
+            Snuff is also <i>healthier</i> than normal smoking. BTW <strong>Healthier does not equal healthy!</strong>
+            Snuff is still a tobacco products and still carriers risks with it.
+        </p>
+
+        <h2>How did my journey with snuff start?</h2>
+        <p>
+            It started from pure curiosity, and from me being too poor to afford cigarettes. I saw a box of <code>Gletscher Prise</code> and decided to get it.
+            And holy fuck was I blown away by how good it was. The first time felt like breathing in 8K or something like that.
+        </p>
+
+        <h2>Why do I take snuff?</h2>
+        <p>
+            Mostly for the flavours it offers. Also, I just love the snuff culture I personally find it a lot more respectful and interesting then cigarette smoking.
+            Also, sometimes when I don't smoke for some reason, I like to use it to get that nicotine hit.
+        </p>
+
+        <h2>What's so interesting about snuff?</h2>
+        <p>
+            Snuff is weirdly fascinating because there are so many types fine, coarse, dry, menthol nukes, floral perfumes,
+            and blends that smell like someone emptied a spice cabinet. Half the fun is just figuring out what strange scent
+            you’ve opened this time and wondering who thought it was a good idea.
+        </p>
+
+        <p>
+            <a href="/">← Back to home page</a>
+        </p>
+    </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>
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -11,40 +11,47 @@
 	<meta name="description" content="Purplebored's projects :D">
 	<meta name="keywords" content="purplebored, irc, discord, bridge, userbot, open source, purplebored.pl">
 	<meta property="og:url" content="https://purplebored.pl/projects/projects.html">
-	<meta property="og:title" content="Projects | Purplebored.pl">
+	<meta property="og:title" content="Purplebored - Projects" />
 	<meta property="og:description" content="Purplebored's projects :D">
-	<meta property="og:image" content="https://purplebored.pl/assets/images/pfp.png">
+	<meta property="og:image" content="/assets/images/pfp.png">

+    <meta name="description" content="Purplebored's projects :D">
 	<link rel="icon" href="/favicon.png" type="image/png">
 	<link rel="stylesheet" href="/assets/css/style.css">
 </head>

 <body>
-	<nav class="navbar">
-	<div class="navbar-top-icons">
-		<div class="icon-item">
-			<a href="http://your-tor-address.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://your-ygg-address.ygg" 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>
-	</div>
-		
-    	<ul>
-			<li><a href="/index.html">Home</a></li>
-			<li><a href="#">About me:</a></li>
-			<li><a href="#">Projects:</a></li>
-			<li><a href="#">Contact</a></li>
-		</ul>
-	</nav>
+<!-- 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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">Other</a></li>
+    </ul>
+</nav>
+

-	<!-- MAIN CONTENT -->
 	<div class="content project-page">
 	<div class="middle">
 		<h1>My Projects:</h1>
--- a/pages/services.html
+++ b/pages/services.html
@@ -0,0 +1,144 @@
+<!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>Services</title>
+
+	<meta name="description" content="Stuff Purplebored hosts">
+	<meta name="keywords" content="purplebored, irc, open source, purplebored.pl, mumble, murmur, soju, dis4irc, irc, prosody, xmpp, gamja">
+	<meta property="og:url" content="https://purplebored.pl/projects/projects.html">
+	<meta property="og:title" content="Services | Purplebored.pl">
+	<meta property="og:description" content="Stuff Purplebored hosts">
+	<meta property="og:image" content="/assets/images/pfp.png">
+
+	<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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">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.  
+		Some require trust to get an account, some are open, and others are on a case-by-case basis.</p>
+
+		<div class="service-card">
+			<h2>Mumble Server</h2>
+			<p>A privacy-friendly VOIP. No accounts needed, low latency, works even on potato (Polish) connections.</p>
+			<ul>
+				<li><strong>Server:</strong> mumble.purplebored.pl</li>
+				<li><strong>Port:</strong> 64738 (TLS)</li>
+				<li><strong>Access:</strong> Public</li>
+                <li><strong>Location:</strong>NL1</li>
+			</ul>
+		</div>
+
+		<div class="service-card">
+			<h2>Soju IRC Bouncer</h2>
+			<p>And pretty decent modern IRC bouncer. Only people I know quite a lot and who trust me, and I am them get an account.</p>
+			<ul>
+				<li><strong>Server:</strong> soju.purplebored.pl</li>
+				<li><strong>Port:</strong> 6697 (TLS)</li>
+				<li><strong>Access:</strong> Invite-only</li>
+                <li><strong>Location:</strong>NL1</li>
+			</ul>
+		</div>
+
+		<div class="service-card">
+			<h2>Gamja Web IRC Client</h2>
+			<p>Web IRC client for the Soju IRC bouncer I host.</p>
+			<ul>
+				<li><a href="https://soju.purplebored.pl/gamja/" target="_blank">Open Gamja Web IRC</a></li>
+                <li><strong>Location:</strong>NL1</li>
+			</ul>
+		</div>
+
+		<div class="service-card">
+			<h2>Jabber Server</h2>
+			<p>A federated chat protocol better than Discord IMO. Accounts available only to trusted friends. Until I get a second domain.</p>
+			<ul>
+				<li><strong>Server:</strong> purplebored.pl</li>
+				<li><strong>Access:</strong> Invite-only</li>
+				<li><strong>Software:</strong> Prosody 13.x</li>
+                <li><strong>Location:</strong>NL1</li>
+			</ul>
+		</div>
+
+		<div class="service-card">
+			<h2>Dis4IRC Bridge</h2>
+			<p>A bridge written in java (Not my software) that links Discord chats to IRC channels — request access if needed. (Supports webhooks)</p>
+			<ul>
+				<li><strong>Access:</strong> Case-by-case</li>
+                <li><strong>Location:</strong>NL1</li>
+			</ul>
+		</div>
+
+        <div class="service-card">
+			<h2>PrivateBin</h2>
+			<p>PrivateBin is a minimalist, online pastebin where the server has zero knowledge of stored data.</p>
+			<ul>
+				<li><strong>Access:</strong> Open to everyone</li>
+                <li><a href="https://bin.purplebored.pl" target="_blank">Open PrivateBin</a></li>
+                <li><strong>Location:</strong>PL1</li>
+			</ul>
+		</div>
+
+        <div class="service-card">
+            <h2>Vaultwarden</h2>
+            <p>An unofficial Bitwarden compatible server written in Rust</p>
+            <ul>
+                <li><strong>Access:</strong> Case-by-case</li>
+                <li><a href="https://pass.purplebored.pl" target="_blank">Open Vaultwarden</a></li>
+                <li><strong>Location:</strong>NL1</li>
+            </ul>
+        </div>
+
+		<p style="margin-top: 2rem;">
+			<a href="/">← Back to Home</a>
+		</p>
+	</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>
+
+	<canvas id="night"></canvas>
+	<script src="/assets/js/script.js" defer></script>
+</body>
+</html>
--- a/pages/terms.html
+++ b/pages/terms.html
@@ -0,0 +1,119 @@
+<!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>Terms of Service</title>
+
+    <meta name="og:url" content="https://purplebored.pl/pages/terms.html" />
+    <meta name="og:title" content="Purplebored - ToS" />
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="/assets/images/pfp.png">
+    <meta name="og:description" content="Terms of service for everything purplebored.pl related." />
+
+    <meta name="description" content="Terms of service for everything purplebored.pl related.">
+    <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="/pages/terms.html">Terms of Service</a></li>
+        <li><a href="/pages/other.html">Other</a></li>
+    </ul>
+</nav>
+
+<div class="content project-page">
+    <div class="middle">
+        <h1>Terms of Service for purplebored.pl services</h1>
+        <p>
+            purplebored.pl is a personal project providing services to close friends and certain individuals.
+            By using purplebored.pl and it's services you agree to abide to those Terms of Service.
+            <br />
+            <strong>Last update: 29.11.2025</strong>
+        </p>
+        <br />
+        <h2>User Eligibility:</h2>
+        <p>
+            You are older than 16 years old (or the age of digital consent in your country of residence, if higher).
+            If you are under that age please do not use anything purplebored.pl provides, and do not ask for any accounts.
+        </p>
+
+        <h2>Community Standards</h2>
+        <ol>
+            <li>Abide by Polish and Dutch law.</li>
+            <li>Do not harras, stalk, or abuse anyone.</li>
+            <li>Distribute hate speech, extremist content, or call to violence</li>
+            <li>Send spam</li>
+            <li>Attempt to disrupt, attack, or intentionally overload the services</li>
+            <li>Distribute malware or attempt unauthorized access to systems</li>
+            <li>Possess, store, share, request, promote, or justify CSAM or child sexual exploitation in any form.</li>
+        </ol>
+        <strong>Violation of these terms may lead to account deletion. </strong>
+
+        <h2>User Responsibility</h2>
+        <p>
+            You and only you are responsible for keeping your login details confidential and must choose passwords that meet the highest security standards as allowed by the services and things I provide. I will never ask you to give me your password. Never give your passwords to anyone claiming to be me or someone from purplebored.pl.
+        </p>
+        <p>
+            By registering an account, you agree to take full responsibility for all the activities under your username and password.
+            You must immediately notify me using the contact details provided in this document if you believe that your account or login details may have been compromised, hacked, or stolen.
+        </p>
+
+        <h2>Service availability and disclaimer</h2>
+        <p>
+            This is a personal, hobby-run service. I do not guarantee good uptime, data retention, message delivery, or security. Use everything I provide at your own risk.
+        </p>
+
+        <h2>Account Termination</h2>
+        <p>
+            You can request deletion of your account at any time by contacting me with the relevant details.
+        </p>
+
+        <p>
+            <a href="/">← Back to home page</a>
+        </p>
+    </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>
--- a/pages/ygg.html
+++ b/pages/ygg.html
@@ -0,0 +1,105 @@
+<!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="/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="/pages/terms.html">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>
+
+        <p style="margin-top: 2rem;">
+            <a href="/">← Back to Home</a>
+        </p>
+    </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>
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url><loc>https://purplebored.pl/</loc><priority>1.0</priority></url>
-<url><loc>https://purplebored.pl/projects/irc-discord-bridge.html</loc><priority>0.7</priority></url>
+<url><loc>https://purplebored.pl/pages/contact.html/</loc><priority>0.9</priority></url>
+<url><loc>https://purplebored.pl/pages/services.html/</loc><priority>0.8</priority></url>
+<url><loc>https://purplebored.pl/pages/ygg.html/</loc><priority>0.8</priority></url>
+<url><loc>https://purplebored.pl/pages/terms.html</loc><priority>0.7</priority></url>
+<url><loc>https://purplebored.pl/pages/projects.html/</loc><priority>0.7</priority></url>
 </urlset>
Author	SHA1	Message	Date
~purplebored	fff4004a72	Added a new button :D All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 8s Details	2025-12-03 17:44:18 +01:00
~purplebored	0a5cb1e850	Added a other page, and written a snuff page. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 4s Details	2025-11-30 04:31:29 +01:00
~purplebored	b58f06bced	Added a terms of service page, and fixed no embed image, and updated the sitemap All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 5s Details	2025-11-29 16:51:29 +01:00
~purplebored	5e8b8fc2ee	Add a ygg.html page, and fix a small thing in the <head> tag. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 7s Details	2025-11-29 16:21:03 +01:00
~purplebored	ff755af41e	Change the wording a little bit in the services.html, and add vaultwarden to it. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 6s Details	2025-11-18 07:36:22 +01:00
Alek Nikovich	582c2c5b97	Delete .idea/modules.xml All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-11-16 00:31:40 +00:00
~purplebored	f7a1538c39	Minor bug fix All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-11-16 01:30:56 +01:00
~purplebored	c50ea67865	Add an about me page, and a git ignore file. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 6s Details	2025-11-13 20:57:07 +01:00
~purplebored	f1c341d791	Update the sitemap All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 2s Details	2025-11-10 23:37:56 +01:00
~purplebored	fd72cd4445	Added a services page, might change it in the future All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-11-10 23:35:14 +01:00
~purplebored	6470e8daa7	Added a hamburger menu for the navbar All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 5s Details	2025-11-10 23:19:04 +01:00
~purplebored	a44530c49c	Change the CSS to work better on smaller screens and mobile.	2025-11-10 23:15:48 +01:00
~purplebored	81b8a8968a	Small changes to the HTML head tag All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-11-05 21:44:55 +01:00
~purplebored	fdfd3ae003	Fix the contact page. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-11-05 21:40:34 +01:00
~purplebored	f28b1dee3d	Add my openPGP key All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 5s Details	2025-11-04 23:09:56 +01:00
~purplebored	572c9ec925	small nabar bug fix. All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-10-31 11:21:39 +01:00
~purplebored	e175e01ef1	Merge branch 'rewrite-static' of git.purplebored.pl:purplebored/purplebored.pl into rewrite-static All checks were successful Deploy / Deploy website via rsync over SSH (push) Successful in 3s Details	2025-10-31 11:18:32 +01:00
~purplebored	0b44ee9ab3	Added some more stuff to the navbar, and added a contact page	2025-10-31 11:17:47 +01:00