From c50ea6786501095ed9bda71d8fd7f723f012a5b7 Mon Sep 17 00:00:00 2001
From: ~purplebored <purplebored@posteo.com>
Date: Thu, 13 Nov 2025 20:57:07 +0100
Subject: [PATCH] Add an about me page, and a git ignore file.

---
 .gitignore          |   1 +
 .idea/modules.xml   |   8 ++++
 index.html          |   2 +-
 pages/about.html    | 106 ++++++++++++++++++++++++++++++++++++++++++++
 pages/contact.html  |  56 ++++++++++++-----------
 pages/projects.html |  55 ++++++++++++-----------
 pages/services.html |  51 +++++++++++----------
 7 files changed, 200 insertions(+), 79 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 .idea/modules.xml
 create mode 100644 pages/about.html
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..62c8935
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.idea/
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..bad1044
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/purplebored.pl.iml" filepath="$PROJECT_DIR$/.idea/purplebored.pl.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/index.html b/index.html
index cec700d..8be99eb 100644
--- a/index.html
+++ b/index.html
@@ -105,7 +105,7 @@
 	</div>	
     	<ul>
 			<li><a href="/index.html">Home</a></li>
-			<li><a href="#">About me</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>
diff --git a/pages/about.html b/pages/about.html
new file mode 100644
index 0000000..5f5abb9
--- /dev/null
+++ b/pages/about.html
@@ -0,0 +1,106 @@
+<!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="https://purplebored.pl/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>
+<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>
+    </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>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>
diff --git a/pages/contact.html b/pages/contact.html
index 4127a79..0f4d098 100755
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -7,6 +7,12 @@
 	<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="https://purplebored.pl/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">
@@ -16,31 +22,31 @@
 	<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>
-	</div>	
-    	<ul>
-			<li><a href="/index.html">Home</a></li>
-			<li><a href="#">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>
+    <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>
+        </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">
diff --git a/pages/projects.html b/pages/projects.html
index 4db8fdb..fbcb91d 100644
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -11,10 +11,11 @@
 	<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 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>
@@ -23,32 +24,32 @@
 	<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>
-	</div>	
-    	<ul>
-			<li><a href="/index.html">Home</a></li>
-			<li><a href="#">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>
-	
+    <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>
+        </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">
diff --git a/pages/services.html b/pages/services.html
index 0e06592..7753e0f 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -23,32 +23,31 @@
 	<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>
-	</div>	
-    	<ul>
-			<li><a href="/index.html">Home</a></li>
-			<li><a href="#">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>
-
+    <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>
+        </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.  
