173 lines
10 KiB
HTML
173 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>UGH.im — Bloodlust Edition</title>
|
|
<meta name="description" content="UGH.im — NESticle/Genecyst style. Self-hosted services.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="ugh-bloodlust.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="scanlines"></div>
|
|
<div class="crt-glow"></div>
|
|
|
|
<audio id="bg-music" loop preload="metadata">
|
|
<source src="bgmusic.opus" type="audio/ogg">
|
|
</audio>
|
|
|
|
<div class="frame">
|
|
<div class="title-bar">
|
|
<span class="title-skull">☠</span>
|
|
<span class="title-text">UGH.im — BLOODLUST EDITION</span>
|
|
<span class="title-ver">v0.42</span>
|
|
<span class="title-skull">☠</span>
|
|
</div>
|
|
|
|
<header class="win-panel">
|
|
<div class="panel-inner">
|
|
<h1><span class="bl-red">UGH</span><span class="bl-green">.im</span></h1>
|
|
<p class="tagline">Self-hosting is killing corporate profits.</p>
|
|
<p class="tagline sub">We left these services open so you can help.</p>
|
|
<div class="header-buttons">
|
|
<button class="bl-btn" onclick="changeTheme()">[SKIN]</button>
|
|
<button class="bl-btn" onclick="toggleMusic()">[MUSIC]</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="win-panel nav-panel">
|
|
<div class="panel-inner">
|
|
<a href="#about" class="nav-link">[ABOUT]</a>
|
|
<a href="#community" class="nav-link">[COMMUNITY]</a>
|
|
<a href="#contact" class="nav-link">[CONTACT]</a>
|
|
<a href="#services" class="nav-link">[SERVICES]</a>
|
|
<a href="#donate" class="nav-link">[DONATE]</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="win-panel meter-panel">
|
|
<div class="panel-inner">
|
|
<span class="meter-date" id="ddate">Loading...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="about" class="win-panel">
|
|
<div class="panel-title"><span class="bl-skull">☠</span> ABOUT THIS SPACE <span class="bl-skull">☠</span></div>
|
|
<div class="panel-inner">
|
|
<p class="bl-big">An experiment in self-hosting, data archiving, and community building!</p>
|
|
<p>Most services here are open to new users and connected with the <span class="bl-green">Fediverse</span>. All services run on home infrastructure and a cheap VPS.</p>
|
|
<div class="bl-box">
|
|
<div class="box-title">[!] BANNED EXTENSIONS</div>
|
|
<p>These browser extensions have been BANNED by Google for causing problems for surveillance capitalism:</p>
|
|
<ul class="bl-list">
|
|
<li><a href="https://gitflic.ru/project/magnolia1234/bypass-paywalls-chrome-clean" target="_blank" rel="noopener noreferrer">→ Bypass Paywalls Clean</a></li>
|
|
<li><a href="https://adnauseam.io" target="_blank" rel="noopener noreferrer">→ AdNauseam</a></li>
|
|
<li><a href="https://libredirect.github.io" target="_blank" rel="noopener noreferrer">→ LibRedirect</a></li>
|
|
<li><a href="https://github.com/ClearURLs/Addon" target="_blank" rel="noopener noreferrer">→ ClearURLs</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="two-col">
|
|
<section id="community" class="win-panel">
|
|
<div class="panel-title">COMMUNITY</div>
|
|
<div class="panel-inner">
|
|
<ul class="bl-link-list">
|
|
<li><a href="https://matrix.to/#/#gravitywell:mx.ugh.im" target="_blank" rel="noreferrer" class="bl-link">Matrix Chat</a></li>
|
|
<li><a href="https://signal.group/#CjQKIHU8ll31vC-Sb2m-xz3_hCLqbMoxlvRbsUuVKrpKMSgzEhAS7jFO9D_605yFXG8rZfVz" target="_blank" rel="noreferrer" class="bl-link">Signal Group</a></li>
|
|
<li><a href="https://lem.ugh.im/c/gravitywellxyz" target="_blank" rel="noreferrer" class="bl-link">Lemmy Community</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="win-panel">
|
|
<div class="panel-title">CONTACT</div>
|
|
<div class="panel-inner">
|
|
<div class="contact-row"><span class="bl-label">Matrix:</span> <a href="https://matrix.to/#/@gravitas:mx.ugh.im" target="_blank" rel="noreferrer">@gravitas:mx.ugh.im</a></div>
|
|
<div class="contact-row"><span class="bl-label">Signal:</span> <a href="https://signal.me/#eu/sz35pvMZQ3GjCg6F3bCfYua9Mv2Y1sG4qPjogSLOTHeVFpd6tjBFHKlfaek8RQwh" target="_blank" rel="noreferrer">Gravitas.75</a></div>
|
|
<div class="contact-row"><span class="bl-label">XMPP:</span> <a href="xmpp:gravitas@xmpp.is" target="_blank" rel="noreferrer">gravitas@xmpp.is</a></div>
|
|
<div class="contact-row"><span class="bl-label">Email:</span> GravityWell@RiseUp.net</div>
|
|
<div class="contact-row"><span class="bl-label">PGP:</span> <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/63363203336726B59E981F3FC995CF7689B7546C" target="_blank" rel="noreferrer">0xC995CF768...</a></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<section id="services" class="win-panel full">
|
|
<div class="panel-title">SERVICES</div>
|
|
<div class="panel-inner">
|
|
<div class="bl-box guest">
|
|
<div class="box-title">[!] GUEST ACCESS</div>
|
|
<p>USER: <code class="bl-code">gwguest</code> PASS: <code class="bl-code">gravitywell.xyz</code></p>
|
|
<p class="bl-note">* GravityWell.xYz = home server | ugh.im = VPS</p>
|
|
</div>
|
|
<div id="services-container" class="services-grid"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="donate" class="win-panel">
|
|
<div class="panel-title">SUPPORT THIS PROJECT</div>
|
|
<div class="panel-inner">
|
|
<div class="two-col">
|
|
<div class="donate-col">
|
|
<div class="box-title">FIAT</div>
|
|
<a href="https://ko-fi.com/L3L1LJRC4" target="_blank" rel="noreferrer" class="bl-btn">KO-FI</a>
|
|
<a href="https://liberapay.com/GravityWell.XYZ/donate" target="_blank" rel="noreferrer" class="bl-btn">LIBERAPAY</a>
|
|
<a href="https://cash.app/$gravitywellxyz" target="_blank" rel="noreferrer" class="bl-btn">CASH APP</a>
|
|
</div>
|
|
<div class="donate-col">
|
|
<div class="box-title">CRYPTO</div>
|
|
<div class="crypto-row"><span class="bl-label">BTC:</span> <code class="bl-code small">bc1qxhdlvdc2wpa6ns2xgm5ehv5s3lepd029dwxz5s</code></div>
|
|
<div class="crypto-row"><span class="bl-label">DOGE:</span> <code class="bl-code small">D9XJ3ZjG9q9Ern6bKjeugj7v2BEuREWqKG</code></div>
|
|
<div class="crypto-row"><span class="bl-label">XMR:</span> <code class="bl-code small">87mmbb6iLMJ6g5xAMUaP8V5Bus3nCjxPr2v1xzgHNeY2AP4RkYsgcs3cZjXUNwB6tQHJZQxE3PEarUCSJMzZFEDhKRDNo8e</code></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="win-panel links-panel">
|
|
<div class="panel-title">LINKS</div>
|
|
<div class="panel-inner">
|
|
<div class="links-wrap">
|
|
<a href="https://bitwarden.com/" target="_blank" rel="noopener noreferrer" class="bl-chip">Bitwarden</a>
|
|
<a href="https://www.debian.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">Debian</a>
|
|
<a href="https://www.defectivebydesign.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">Defective by Design</a>
|
|
<a href="https://spyware.neocities.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">Spyware Watchdog</a>
|
|
<a href="https://ffmpeg.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">FFmpeg</a>
|
|
<a href="https://grapheneos.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">GrapheneOS</a>
|
|
<a href="https://joinfediverse.wiki/" target="_blank" rel="noopener noreferrer" class="bl-chip">Join Fediverse</a>
|
|
<a href="https://neocities.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">NeoCities</a>
|
|
<a href="https://www.torproject.org/" target="_blank" rel="noopener noreferrer" class="bl-chip">Tor Project</a>
|
|
<a href="https://stopstalkerware.org" target="_blank" rel="noopener noreferrer" class="bl-chip">Stop Stalkerware</a>
|
|
<a href="https://trash-guides.info" target="_blank" rel="noopener noreferrer" class="bl-chip">Trash Guides</a>
|
|
<a href="https://deflock.me" target="_blank" rel="noopener noreferrer" class="bl-chip">Deflock</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="win-panel footer-panel">
|
|
<div class="panel-inner">
|
|
<span class="bl-skull">☠</span> 2026 UGH.im — Thanks for visiting <span class="bl-skull">☠</span>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="services-loader.js"></script>
|
|
<script src="ugh-bloodlust.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
renderServicesForUGH('services-container');
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|