Added some more stuff to the navbar, and added a contact page

This commit is contained in:
2025-10-31 11:17:47 +01:00
parent 1d8b50de83
commit 0b44ee9ab3
3 changed files with 107 additions and 32 deletions

View File

@@ -86,25 +86,27 @@
<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="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="#">Projects:</a></li>
<li><a href="#">Contact</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>

70
pages/contact.html Normal file
View File

@@ -0,0 +1,70 @@
<!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 | Purplebored.pl</title>
<meta name="description" content="How to contact Purplebored via email, IRC, or XMPP.">
<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>
<div class="content project-page">
<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> <a href="https://fsky.io/@purplebored" target="_blank">pb@purplebored.pl</a></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 youre 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>Messages in both English or Polish are okay :D</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>
<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

@@ -22,27 +22,30 @@
<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 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="#">Projects:</a></li>
<li><a href="#">Contact</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>
<!-- MAIN CONTENT -->
<div class="content project-page">