263 lines
13 KiB
HTML
263 lines
13 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 — Self-Hosting</title>
|
|
<meta name="description" content="UGH.im — Self-hosted services and community.">
|
|
<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=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="ugh.css">
|
|
<link rel="stylesheet" href="chat.css">
|
|
</head>
|
|
|
|
<body>
|
|
<canvas id="stars-bg"></canvas>
|
|
|
|
<audio id="bg-music" loop preload="metadata">
|
|
<source src="bgmusic.opus" type="audio/ogg">
|
|
</audio>
|
|
|
|
<div class="container">
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="header-sparkle">🔥 😈 💀</div>
|
|
<h1>
|
|
<span class="glow">UGH</span><span class="blink">.im</span>
|
|
</h1>
|
|
<p>Self-hosting is killing corporate profits. We left these services open so you can help.</p>
|
|
<div class="header-buttons">
|
|
<button class="retro-btn" onclick="changeTheme()">🔥 Change Colors!</button>
|
|
<button class="retro-btn" onclick="toggleMusic()">🎵 Play Music!</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigation -->
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#about" class="nav-link">About</a></li>
|
|
<li><a href="#community" class="nav-link">Community</a></li>
|
|
<li><a href="#contact" class="nav-link">Contact</a></li>
|
|
<li><a href="#services" class="nav-link">Services</a></li>
|
|
<li><a href="#donate" class="nav-link">Donate</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<main>
|
|
<div id="ddate" class="date-box">Loading date...</div>
|
|
|
|
<section id="about" class="section-box">
|
|
<h2><span class="rainbow">About This Space</span></h2>
|
|
<div class="about-content">
|
|
<p class="big-text">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="highlight">Fediverse</span>. All services are running on home infrastructure and a
|
|
cheap VPS.</p>
|
|
|
|
<div class="info-box">
|
|
<h3>Try These Banned Extensions</h3>
|
|
<p class="subtext">These browser extensions have been BANNED by Google for causing problems for
|
|
surveillance capitalism!</p>
|
|
<ul class="cool-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>
|
|
|
|
<!-- Community & Contact -->
|
|
<div class="two-column">
|
|
<section id="community" class="section-box">
|
|
<h2>Community</h2>
|
|
<ul class="link-list">
|
|
<li>
|
|
<a href="https://matrix.to/#/#gravitywell:mx.ugh.im" target="_blank" rel="noreferrer"
|
|
class="friend-link">
|
|
<span class="icon">💬</span> Matrix Chat
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://signal.group/#CjQKIHU8ll31vC-Sb2m-xz3_hCLqbMoxlvRbsUuVKrpKMSgzEhAS7jFO9D_605yFXG8rZfVz"
|
|
target="_blank" rel="noreferrer" class="friend-link">
|
|
<span class="icon">📱</span> Signal Group
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://lem.ugh.im/c/gravitywellxyz" target="_blank" rel="noreferrer"
|
|
class="friend-link">
|
|
<span class="icon">🦣</span> Lemmy Community
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://floatilla.gravitywell.xyz/spaces/nostr.gravitywell.xyz" target="_blank"
|
|
rel="noreferrer" class="friend-link">
|
|
<span class="icon">⚡</span> Nostr Community
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="contact" class="section-box">
|
|
<h2>Contact</h2>
|
|
<ul class="contact-list">
|
|
<li>
|
|
<span class="label">Matrix:</span>
|
|
<a href="https://matrix.to/#/@gravitas:mx.ugh.im" target="_blank"
|
|
rel="noreferrer">@gravitas:mx.ugh.im</a>
|
|
</li>
|
|
<li>
|
|
<span class="label">Signal:</span>
|
|
<a href="https://signal.me/#eu/sz35pvMZQ3GjCg6F3bCfYua9Mv2Y1sG4qPjogSLOTHeVFpd6tjBFHKlfaek8RQwh"
|
|
target="_blank" rel="noreferrer">Gravitas.75</a>
|
|
</li>
|
|
<li>
|
|
<span class="label">XMPP:</span>
|
|
<a href="xmpp:gravitas@xmpp.is" target="_blank" rel="noreferrer">gravitas@xmpp.is</a>
|
|
</li>
|
|
<li>
|
|
<span class="label">Email:</span>
|
|
<span>GravityWell@RiseUp.net</span>
|
|
</li>
|
|
<li>
|
|
<span class="label">PGP:</span>
|
|
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/63363203336726B59E981F3FC995CF7689B7546C"
|
|
target="_blank" rel="noreferrer">0xC995CF768...</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="section-box full-width">
|
|
<h2><span class="rainbow">Services</span></h2>
|
|
|
|
<div class="guest-box">
|
|
<h3>Guest Access</h3>
|
|
<p>Some services don't have a sign-up option. Use the guest account to try them out:</p>
|
|
<div class="credentials">
|
|
<p><span class="cred-label">USER:</span> <span class="cred-value">gwguest</span></p>
|
|
<p><span class="cred-label">PASS:</span> <span class="cred-value">gravitywell.xyz</span></p>
|
|
</div>
|
|
<p class="note">* GravityWell.xYz = home server | ugh.im = VPS</p>
|
|
</div>
|
|
|
|
<div id="services-container" class="services-grid">
|
|
<!-- Services will be loaded dynamically from services-data.json -->
|
|
</div>
|
|
</section>
|
|
|
|
<section id="donate" class="section-box">
|
|
<h2>Support This Project</h2>
|
|
<div class="two-column">
|
|
<div class="donate-box">
|
|
<h3>💵 Fiat Channels</h3>
|
|
<ul class="donate-list">
|
|
<li>
|
|
<a href="https://ko-fi.com/L3L1LJRC4" target="_blank" rel="noreferrer"
|
|
class="donate-link">☕ KO-FI</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://liberapay.com/GravityWell.XYZ/donate" target="_blank" rel="noreferrer"
|
|
class="donate-link">💛 LIBERAPAY</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://cash.app/$gravitywellxyz" target="_blank" rel="noreferrer"
|
|
class="donate-link">💲 CASH APP</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="donate-box">
|
|
<h3>🪙 Crypto</h3>
|
|
<div class="crypto-item">
|
|
<span class="crypto-name">BTC:</span>
|
|
<code class="crypto-addr">bc1qxhdlvdc2wpa6ns2xgm5ehv5s3lepd029dwxz5s</code>
|
|
</div>
|
|
<div class="crypto-item">
|
|
<span class="crypto-name">DOGE:</span>
|
|
<code class="crypto-addr">D9XJ3ZjG9q9Ern6bKjeugj7v2BEuREWqKG</code>
|
|
</div>
|
|
<div class="crypto-item">
|
|
<span class="crypto-name">XMR:</span>
|
|
<code
|
|
class="crypto-addr">87mmbb6iLMJ6g5xAMUaP8V5Bus3nCjxPr2v1xzgHNeY2AP4RkYsgcs3cZjXUNwB6tQHJZQxE3PEarUCSJMzZFEDhKRDNo8e</code>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-box links-section">
|
|
<h2>Awesome Links</h2>
|
|
<div class="links-grid">
|
|
<a href="https://bitwarden.com/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Bitwarden</a>
|
|
<a href="https://www.debian.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Debian</a>
|
|
<a href="https://www.defectivebydesign.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Defective by Design</a>
|
|
<a href="https://spyware.neocities.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Spyware Watchdog</a>
|
|
<a href="https://ffmpeg.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">FFmpeg</a>
|
|
<a href="https://grapheneos.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">GrapheneOS</a>
|
|
<a href="https://joinfediverse.wiki/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Join Fediverse</a>
|
|
<a href="https://neocities.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">NeoCities</a>
|
|
<a href="https://www.torproject.org/" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Tor Project</a>
|
|
<a href="https://stopstalkerware.org" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Stop Stalkerware</a>
|
|
<a href="https://trash-guides.info" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Trash Guides</a>
|
|
<a href="https://deflock.me" target="_blank" rel="noopener noreferrer"
|
|
class="awesome-link">Deflock</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer-decor">🔥 😈 💀</div>
|
|
<p class="footer-text">Thanks for visiting — 2026 UGH.im · <a
|
|
href="archive/extra/ugh-bloodlust.html">Bloodlust Edition (archive)</a></p>
|
|
<div class="footer-buttons">
|
|
<img src="https://web.archive.org/web/20091019072521/http://geocities.com/jenniferblue_2000/email.gif"
|
|
alt="email me" onerror="this.style.display='none'">
|
|
<span class="badge">NN</span>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="services-loader.js"></script>
|
|
<script src="ugh.js"></script>
|
|
<script src="chat.js"></script>
|
|
<script>
|
|
// Load services dynamically when page loads
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
renderServicesForUGH('services-container');
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |