159 lines
8.7 KiB
HTML
159 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>UGH // GRAVITYWELL — Vaporwave Edition</title>
|
|
<meta name="description" content="A vaporwave experiment in self-hosting 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:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="vaporwave.css">
|
|
<link rel="icon" type="image/webp" href="assets/favicon.webp">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="wordart-wrapper">
|
|
<h1 class="wordart wordart-vapor">UGH.im</h1>
|
|
</div>
|
|
<div class="sub-title">~ GRAVITYWELL.xYz ~</div>
|
|
<p class="blink" style="margin-top: 20px; color: var(--pink);">WELCOME TO THE VIRTUAL SPACE</p>
|
|
</header>
|
|
|
|
<!-- Marquee -->
|
|
<div class="marquee-container">
|
|
<div class="marquee-content">
|
|
Self-hosting is killing corporate profits. We left these services open so you can help. --- DATA ARCHIVING --- COMMUNITY BUILDING --- SURVEILLANCE CAPITALISM IS A BUG ---
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 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" style="text-align: center; font-family: var(--font-mono); color: var(--green); margin-bottom: 20px;">
|
|
[ LOADING SYSTEM DATE... ]
|
|
</div>
|
|
|
|
<section id="about">
|
|
<h2>About</h2>
|
|
<p class="highlight" style="font-size: 1.1rem; margin-bottom: 15px;">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 style="color: var(--pink);">[ ! ] Try These Banned Extensions</h3>
|
|
<p style="font-size: 0.9rem; margin-top: 5px;">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>
|
|
</section>
|
|
|
|
<div class="grid">
|
|
<section id="community">
|
|
<h2>Community</h2>
|
|
<ul class="cool-list">
|
|
<li><a href="https://matrix.to/#/#gravitywell:mx.ugh.im" target="_blank" rel="noreferrer">💬 Matrix Chat</a></li>
|
|
<li><a href="https://signal.group/#CjQKIHU8ll31vC-Sb2m-xz3_hCLqbMoxlvRbsUuVKrpKMSgzEhAS7jFO9D_605yFXG8rZfVz" target="_blank" rel="noreferrer">📱 Signal Group</a></li>
|
|
<li><a href="https://lem.ugh.im/c/gravitywellxyz" target="_blank" rel="noreferrer">🦣 Lemmy Community</a></li>
|
|
<li><a href="https://floatilla.gravitywell.xyz/spaces/nostr.gravitywell.xyz" target="_blank" rel="noreferrer">⚡ Nostr Community</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contact</h2>
|
|
<ul class="cool-list" style="font-size: 0.9rem;">
|
|
<li><span style="color: var(--purple);">MATRIX:</span> <a href="https://matrix.to/#/@gravitas:mx.ugh.im" target="_blank" rel="noreferrer">@gravitas:mx.ugh.im</a></li>
|
|
<li><span style="color: var(--purple);">SIGNAL:</span> <a href="https://signal.me/#eu/sz35pvMZQ3GjCg6F3bCfYua9Mv2Y1sG4qPjogSLOTHeVFpd6tjBFHKlfaek8RQwh" target="_blank" rel="noreferrer">Gravitas.75</a></li>
|
|
<li><span style="color: var(--purple);">XMPP:</span> <a href="xmpp:gravitas@xmpp.is" target="_blank" rel="noreferrer">gravitas@xmpp.is</a></li>
|
|
<li><span style="color: var(--purple);">EMAIL:</span> GravityWell@RiseUp.net</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<section id="services">
|
|
<h2>Services</h2>
|
|
<div class="info-box" style="margin-bottom: 20px; border-style: solid; border-color: var(--purple);">
|
|
<h3 style="color: var(--green);">Guest Access</h3>
|
|
<p style="font-size: 0.85rem;">Some services don't have a sign-up option. Use the guest account:</p>
|
|
<div style="background: var(--bg-darker); padding: 10px; margin-top: 10px; font-family: var(--font-mono); border: 1px solid var(--pink);">
|
|
<p>USER: <span class="highlight">gwguest</span></p>
|
|
<p>PASS: <span class="highlight">gravitywell.xyz</span></p>
|
|
</div>
|
|
</div>
|
|
<div id="services-container">
|
|
<!-- Loaded dynamically via services-loader.js -->
|
|
</div>
|
|
</section>
|
|
|
|
<section id="donate">
|
|
<h2>Donate</h2>
|
|
<div class="grid">
|
|
<div>
|
|
<h3 style="color: var(--pink);">💵 Fiat</h3>
|
|
<ul class="cool-list">
|
|
<li><a href="https://ko-fi.com/L3L1LJRC4" target="_blank" rel="noreferrer">KO-FI</a></li>
|
|
<li><a href="https://liberapay.com/GravityWell.XYZ/donate" target="_blank" rel="noreferrer">LIBERAPAY</a></li>
|
|
<li><a href="https://cash.app/$gravitywellxyz" target="_blank" rel="noreferrer">CASH APP</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 style="color: var(--pink);">🪙 Crypto</h3>
|
|
<ul class="cool-list" style="font-size: 0.7rem; font-family: var(--font-mono);">
|
|
<li>BTC: bc1qxhdlvdc2wpa6ns2xgm5ehv5s3lepd029dwxz5s</li>
|
|
<li>DOGE: D9XJ3ZjG9q9Ern6bKjeugj7v2BEuREWqKG</li>
|
|
<li>XMR: 87mmbb6iLMJ6g5xAMUaP8V5Bus3nCjxPr2v1xzgHNeY2AP4RkYsgcs3cZjXUNwB6tQHJZQxE3PEarUCSJMzZFEDhKRDNo8e</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="badge-container">
|
|
<img class="badge" src="https://web.archive.org/web/20091019072521/http://geocities.com/jenniferblue_2000/email.gif" alt="email me">
|
|
<img class="badge" src="https://neocities.org/img/badges/neocities.png" alt="neocities">
|
|
<img class="badge" src="https://static.fsf.org/nosvn/campaigns/proprietary-jail/proprietary-jail-badge.png" alt="fsf" height="31">
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2026 UGH.im & GravityWell.xYz</p>
|
|
<p style="margin-top: 10px;">VAPORWAVE EDITION // PROCESSED IN 640x480</p>
|
|
<p style="margin-top: 5px;"><a href="index.html">RETURN TO MAIN</a></p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="services-loader.js"></script>
|
|
<script>
|
|
// Use services-loader.js to render services
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
// Reusing UGH renderer for similar aesthetic
|
|
if (typeof renderServicesForUGH === 'function') {
|
|
renderServicesForUGH('services-container');
|
|
}
|
|
|
|
// Simple ddate display if ddate-now exists or just placeholder
|
|
const ddateBox = document.getElementById('ddate');
|
|
const now = new Date();
|
|
ddateBox.innerText = "[ " + now.toDateString().toUpperCase() + " ]";
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|