-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
186 lines (179 loc) · 7.79 KB
/
index.html
File metadata and controls
186 lines (179 loc) · 7.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SuperNETs</title>
<meta name="author" content="SuperNETs">
<meta name="description" content="A secure and anonymous, censorship-free, public environment for communication.">
<meta name="keywords" content="anonymous, chat, internet, irc, ircd, network, relay, secure, super, nets, supernets">
<link rel="icon" type="image/x-icon" href="i/favicon.ico">
<link href="inc/style.css" rel="stylesheet">
</head>
<body>
<nav>
<div class="wrap">
<a href="#" class="brand"><img src="i/fist.png" alt="" class="brand-icon">SUPERNETS</a>
<button class="hamburger" onclick="document.querySelector('.links').classList.toggle('open')" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<div class="links">
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#support">Support</a>
<a href="#contact">Contact</a>
</div>
</div>
</nav>
<div class="wrap">
<div class="hero">
<img src="i/logo.png" alt="SuperNETs" class="logo">
<h1>SUPERNETS</h1>
<p class="tagline">"runnin shit since the ping pong dynasty."</p>
<a href="https://webchat.supernets.org/" class="cta">Get on IRC</a>
</div>
<div id="about" class="features fade-in">
<div class="feature">
<div class="icon">💸</div>
<h3>Free of Cost</h3>
<p>All services we run are completely free to the public & always will be.</p>
</div>
<div class="feature">
<div class="icon">🔒</div>
<h3>No Trace</h3>
<p>Our network infrastructure is secure & will store zero logs and/or identifiable information on its users.</p>
</div>
<div class="feature">
<div class="icon">🗣</div>
<h3>Zero Censorship</h3>
<p>All communications are censorship-free with very little moderation taken into praxis.</p>
</div>
<div class="feature">
<div class="icon">💻</div>
<h3>Open Source</h3>
<p>Transparency is applied to our entire network infrastructure.</p>
</div>
<div class="feature">
<div class="icon">👻</div>
<h3>Anonymous</h3>
<p>Remain hidden & anonymous while using our services. No personal information required.</p>
</div>
<div class="feature">
<div class="icon">😎</div>
<h3>Deal With It</h3>
<p>We are not constituents to any group, collective, or organization, nor do we claim to be one.</p>
</div>
</div>
<div class="grid grid-2 fade-in" style="padding-bottom:2rem;">
<div class="card">
<h3>// Ground Zero</h3>
<p>Supernets is an <abbr title="Internet Relay Chat">IRC</abbr> network founded in early 2015 by an amalgam of individuals aiming to provide a secure & anonymous, censorship-free, environment for communication. The idea started after many years of using internet relay chat & seeing every network ran by operators who seem to have forgotten the meaning of <em>freedom of speech</em>.</p>
</div>
<div class="card">
<h3>// Network Covenant</h3>
<p>All communications are censorship-free, & we take very little moderation into praxis, so explicit content may be prevalent. Communication is free & there is no right or wrong way to do it. What separates us from the rest is the freedom that we offer without restrictions. You can troll opers, run bots, pump ASCII/ANSI art, & everything in between. <abbr title="Internet Relay Chat">IRC</abbr> is the wild west of social networking & without the chaos it's no fun...</p>
</div>
</div>
<section id="services" class="fade-in" style="padding-top:2rem;">
<h2 class="section-title">// Services</h2>
<div class="services-grid">
<a href="https://badtests.supernets.org" class="service-card" target="_blank">
<div class="service-icon" style="color:#ff3c3c">☠</div>
<h3>Badtests</h3>
<p>Security fuzzing for browsers, programming languages & curl.</p>
</a>
<a href="https://git.supernets.org/" class="service-card" target="_blank">
<div class="service-icon">🔀</div>
<h3>Git</h3>
<p>Git powered code hosting & collaboration.</p>
</a>
<a href="https://hardchats.com" class="service-card" target="_blank">
<div class="service-icon">🎙️</div>
<h3>Hardchats</h3>
<p>WebRTC voice & video chat with IRC as the backend chat protocol.</p>
</a>
<a href="https://hardfiles.org" class="service-card" target="_blank">
<div class="service-icon">📤</div>
<h3>Hardfiles</h3>
<p>Anonymous file upload & sharing service that is deleted after 24 hours.</p>
</a>
<a href="irc://irc.supernets.org:6667" class="service-card">
<div class="service-icon">💬</div>
<h3>IRC</h3>
<p>Our core Internet Relay Chat network.</p>
</a>
<a href="telnet://irctun.supernets.org:6667" class="service-card">
<div class="service-icon">⌨️</div>
<h3>IRCtun</h3>
<p>Telnet gateway to the IRC for a "clientless" connection.</p>
</a>
<a href="https://mqtt.supernets.org" class="service-card" target="_blank">
<div class="service-icon">📡</div>
<h3>MQTT</h3>
<p>Lightweight pub/sub messaging broker for Meshtastic.</p>
</a>
<a href="https://push.supernets.org" class="service-card" target="_blank">
<div class="service-icon">🔔</div>
<h3>Push</h3>
<p>Push notifications powered by Gotify.</p>
</a>
<a href="https://status.supernets.org" class="service-card" target="_blank">
<div class="service-icon">🟢</div>
<h3>Status</h3>
<p>Uptime monitoring for all services.</p>
</a>
<a href="https://webchat.supernets.org" class="service-card" target="_blank">
<div class="service-icon">🌐</div>
<h3>Webchat</h3>
<p>Browser-based IRC client for on the go chats.</p>
</a>
<a href="https://git.supernets.org/supernets/wiki/wiki" class="service-card" target="_blank">
<div class="service-icon">📖</div>
<h3>Wiki</h3>
<p>Documentation, guides & knowledge base.</p>
</a>
<a href="xmpp://xmpp.supernets.org" class="service-card" target="_blank">
<div class="service-icon">✉️</div>
<h3>XMPP</h3>
<p>Federated instant messaging & presence.</p>
</a>
</div>
</section>
<div class="grid grid-2 fade-in" style="padding:2.5rem 0;">
<div id="support" class="bottom-card">
<h2 class="section-title">// Support</h2>
<h3>We do not want your fucking money.</h3>
<small>However, for those want to support us anyway...</small>
<a href="https://patreon.com/supernets" class="cta cta-sm" target="_blank">Patreon</a>
</div>
<div id="contact" class="bottom-card">
<h2 class="section-title">// Contact</h2>
<h3>Got something to say?</h3>
<small>Drop us a line. No response guaranteed.</small>
<a href="mailto:admin@supernets.org" class="cta cta-sm">Email Us</a>
</div>
</div>
</div>
<footer>
<div class="wrap">
<p>© SUPERNETS 2026</p>
<span class="sep">•</span>
<div class="footer-icons">
<a href="https://github.com/supernets" target="_blank"><img src="i/github.svg" alt="GitHub"></a>
<a href="https://www.reddit.com/user/supernets" target="_blank"><img src="i/reddit.svg" alt="Reddit"></a>
<a href="https://twitter.com/super_nets" target="_blank"><img src="i/twitter.svg" alt="Twitter"></a>
</div>
</div>
</footer>
<script>
const obs = new IntersectionObserver(entries => {
entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold: 0.1 });
document.querySelectorAll('.fade-in').forEach(el => obs.observe(el));
// close mobile menu on link click
document.querySelectorAll('nav .links a').forEach(a => {
a.addEventListener('click', () => document.querySelector('.links').classList.remove('open'));
});
</script>
</body>
</html>