12 Commits

Author SHA1 Message Date
fff4004a72 Added a new button :D
All checks were successful
Deploy / Deploy website via rsync over SSH (push) Successful in 8s
2025-12-03 17:44:18 +01:00
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
2025-11-30 04:31:29 +01:00
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
2025-11-29 16:51:29 +01:00
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
2025-11-29 16:21:03 +01:00
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
2025-11-18 07:36:22 +01:00
582c2c5b97 Delete .idea/modules.xml
All checks were successful
Deploy / Deploy website via rsync over SSH (push) Successful in 3s
2025-11-16 00:31:40 +00:00
f7a1538c39 Minor bug fix
All checks were successful
Deploy / Deploy website via rsync over SSH (push) Successful in 3s
2025-11-16 01:30:56 +01:00
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
2025-11-13 20:57:07 +01:00
f1c341d791 Update the sitemap
All checks were successful
Deploy / Deploy website via rsync over SSH (push) Successful in 2s
2025-11-10 23:37:56 +01:00
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
2025-11-10 23:35:14 +01:00
6470e8daa7 Added a hamburger menu for the navbar
All checks were successful
Deploy / Deploy website via rsync over SSH (push) Successful in 5s
2025-11-10 23:19:04 +01:00
a44530c49c Change the CSS to work better on smaller screens and mobile. 2025-11-10 23:15:48 +01:00
14 changed files with 947 additions and 135 deletions

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
/.idea/

View File

@@ -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,13 +318,13 @@ a:not(:has(img)):hover {
filter: blur(1px);
}
/* === PROJECT PAGE === */
/* Project Page */
.project-page {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
max-width: 800px;
max-width: calc(100% - 140px);
margin: 0 auto;
padding: 5rem 2rem 8rem;
}
@@ -297,8 +334,6 @@ a:not(:has(img)):hover {
.project-page h3 {
font-family: "Clockopia", sans-serif;
color: #fff5a8;
margin-top: auto;
margin-bottom: auto;
}
.project-page a {
@@ -316,18 +351,42 @@ a:not(:has(img)):hover {
max-width: 600px;
}
.project-page p {
max-width: 700px;
line-height: 1.5;
margin-bottom: auto;
}
/*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%;
}
/* === RESPONSIVE FIXES === */
.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 {
@@ -337,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 {
@@ -344,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 {
@@ -363,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;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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");
});
}
});

View File

@@ -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,30 +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://niko.fsky42e4xj4o4q7xiyxzodqvd75iwgztywxtbugdmixamrmui5l4vhid.onion/" target="_blank" rel="noopener noreferrer">
<img src="assets/images/icons/tor.png" alt="Tor Mirror">
<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">
<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="/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="#">Services</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Other</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>

108
pages/about.html Normal file
View File

@@ -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, Im <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>

View File

@@ -7,37 +7,47 @@
<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>
<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="#">Services</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Other</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>
<div class="content project-page">
<div class="middle">

82
pages/other.html Normal file
View File

@@ -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>

115
pages/other/snuff.html Normal file
View File

@@ -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
youve 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>

View File

@@ -11,41 +11,46 @@
<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://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="#">Services</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Other</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>
<div class="content project-page">
<div class="middle">

144
pages/services.html Normal file
View File

@@ -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>

119
pages/terms.html Normal file
View File

@@ -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>

105
pages/ygg.html Normal file
View File

@@ -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 doesnt 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 youre 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>

View File

@@ -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>