Skip to content

Commit 5d1edfb

Browse files
neoapps-devneoapps-dev
authored
init
1 parent 780d712 commit 5d1edfb

File tree

1 file changed

+345
-1
lines changed

1 file changed

+345
-1
lines changed

‎index.html‎

Lines changed: 345 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,345 @@
1-
under construction!
1+
<!DOCTYPE html>
2+
<!-- anybody reading this, im sorry i put everything in one file lmao.
3+
- neo
4+
-->
5+
<html lang="en">
6+
<head>
7+
<meta charset="UTF-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<title>NULL GNU/Linux | Everything is your choice.</title>
10+
<style>
11+
* {
12+
margin: 0;
13+
padding: 0;
14+
box-sizing: border-box;
15+
}
16+
17+
body {
18+
font-family: 'IBM Plex Mono', monospace;
19+
background: #000;
20+
color: #fff;
21+
line-height: 1.6;
22+
overflow-x: hidden;
23+
}
24+
25+
.container {
26+
max-width: 1200px;
27+
margin: 0 auto;
28+
padding: 0 20px;
29+
}
30+
31+
header {
32+
border-bottom: 3px solid #fff;
33+
padding: 20px 0;
34+
position: relative;
35+
}
36+
37+
.logo {
38+
font-size: 2rem;
39+
font-weight: bold;
40+
letter-spacing: -2px;
41+
}
42+
43+
.tagline {
44+
font-size: 1rem;
45+
margin-top: 5px;
46+
opacity: 0.8;
47+
}
48+
49+
nav {
50+
position: absolute;
51+
top: 50%;
52+
right: 20px;
53+
transform: translateY(-50%);
54+
}
55+
56+
nav a {
57+
color: #fff;
58+
text-decoration: none;
59+
margin-left: 30px;
60+
padding: 5px 15px;
61+
border: 2px solid transparent;
62+
transition: all 0.3s;
63+
}
64+
65+
nav a:hover {
66+
border: 2px solid #fff;
67+
}
68+
69+
.hero {
70+
padding: 120px 0;
71+
text-align: center;
72+
border-bottom: 3px solid #fff;
73+
}
74+
75+
.hero h1 {
76+
font-size: 4rem;
77+
margin-bottom: 30px;
78+
letter-spacing: -3px;
79+
}
80+
81+
.hero p {
82+
font-size: 1.5rem;
83+
max-width: 600px;
84+
margin: 0 auto 50px;
85+
opacity: 0.9;
86+
}
87+
88+
.cta-button {
89+
display: inline-block;
90+
padding: 15px 40px;
91+
background: #fff;
92+
color: #000;
93+
text-decoration: none;
94+
font-weight: bold;
95+
font-size: 1.1rem;
96+
transition: all 0.3s;
97+
border: 3px solid #fff;
98+
}
99+
100+
.cta-button:hover {
101+
background: #000;
102+
color: #fff;
103+
}
104+
105+
.features {
106+
padding: 100px 0;
107+
border-bottom: 3px solid #fff;
108+
}
109+
110+
.features-grid {
111+
display: grid;
112+
grid-template-columns: repeat(3, 1fr);
113+
gap: 40px;
114+
margin-top: 60px;
115+
}
116+
117+
.feature-box {
118+
border: 3px solid #fff;
119+
padding: 40px;
120+
transition: all 0.3s;
121+
}
122+
123+
.feature-box:hover {
124+
background: #fff;
125+
color: #000;
126+
}
127+
128+
.feature-box h3 {
129+
font-size: 1.8rem;
130+
margin-bottom: 20px;
131+
letter-spacing: -1px;
132+
}
133+
134+
.section-title {
135+
font-size: 3rem;
136+
margin-bottom: 20px;
137+
letter-spacing: -2px;
138+
}
139+
140+
.philosophy {
141+
padding: 100px 0;
142+
border-bottom: 3px solid #fff;
143+
}
144+
145+
.philosophy-content {
146+
display: grid;
147+
grid-template-columns: 1fr 1fr;
148+
gap: 60px;
149+
margin-top: 60px;
150+
}
151+
152+
.terminal-box {
153+
background: #fff;
154+
color: #000;
155+
padding: 30px;
156+
font-family: 'Courier New', monospace;
157+
border: 3px solid #fff;
158+
}
159+
160+
.terminal-box::before {
161+
content: '$ ';
162+
opacity: 0.5;
163+
}
164+
165+
.download {
166+
padding: 100px 0;
167+
text-align: center;
168+
}
169+
170+
.download-options {
171+
display: flex;
172+
justify-content: center;
173+
gap: 30px;
174+
margin-top: 60px;
175+
}
176+
177+
.download-box {
178+
border: 3px solid #fff;
179+
padding: 40px;
180+
min-width: 250px;
181+
transition: all 0.3s;
182+
}
183+
184+
.download-box:hover {
185+
background: #fff;
186+
color: #000;
187+
}
188+
189+
.download-box h3 {
190+
font-size: 2rem;
191+
margin-bottom: 15px;
192+
}
193+
194+
.download-link {
195+
display: inline-block;
196+
margin-top: 20px;
197+
padding: 10px 25px;
198+
border: 2px solid #fff;
199+
color: inherit;
200+
text-decoration: none;
201+
transition: all 0.3s;
202+
}
203+
204+
.download-box:hover .download-link {
205+
border-color: #000;
206+
}
207+
208+
footer {
209+
border-top: 3px solid #fff;
210+
padding: 40px 0;
211+
text-align: center;
212+
opacity: 0.8;
213+
}
214+
215+
@media (max-width: 768px) {
216+
.features-grid {
217+
grid-template-columns: 1fr;
218+
}
219+
220+
.philosophy-content {
221+
grid-template-columns: 1fr;
222+
}
223+
224+
.download-options {
225+
flex-direction: column;
226+
align-items: center;
227+
}
228+
229+
nav {
230+
position: static;
231+
transform: none;
232+
margin-top: 20px;
233+
}
234+
235+
nav a {
236+
display: block;
237+
margin: 10px 0;
238+
}
239+
240+
.hero h1 {
241+
font-size: 2.5rem;
242+
}
243+
}
244+
</style>
245+
</head>
246+
<body>
247+
<header>
248+
<div class="container">
249+
<div class="logo">NULL</div>
250+
<div class="tagline">GNU/Linux</div>
251+
<nav>
252+
<a href="#features">FEATURES</a>
253+
<a href="#philosophy">PHILOSOPHY</a>
254+
<a href="#download">DOWNLOAD</a>
255+
</nav>
256+
</div>
257+
</header>
258+
259+
<section class="hero">
260+
<div class="container">
261+
<h1>EVERYTHING IS YOUR CHOICE.</h1>
262+
<p>No defaults. No compromises. Build your system from absolute zero.</p>
263+
<a href="#download" class="cta-button">GET NULL</a>
264+
</div>
265+
</section>
266+
267+
<section class="features" id="features">
268+
<div class="container">
269+
<h2 class="section-title">PURE CONTROL</h2>
270+
<div class="features-grid">
271+
<div class="feature-box">
272+
<h3>[ NULL INIT ]</h3>
273+
<p>No init system pre-installed. systemd? runit? OpenRC? Your choice. Start from nothing.</p>
274+
</div>
275+
<div class="feature-box">
276+
<h3>[ NULL DESKTOP ]</h3>
277+
<p>No display server. No window manager. Install X11, Wayland, or live in the terminal. Zero assumptions.</p>
278+
</div>
279+
<div class="feature-box">
280+
<h3>[ NULL PKGS ]</h3>
281+
<p>Every package is optional. Including but not limited to the package manager itself. Build exactly what you need, nothing more.</p>
282+
</div>
283+
<div class="feature-box">
284+
<h3>[ NULL BLOAT ]</h3>
285+
<p>No telemetry, no tracking, no unnecessary daemons. Pure efficiency.</p>
286+
</div>
287+
<div class="feature-box">
288+
<h3>[ NULL LIMITS ]</h3>
289+
<p>Full source access. Patch anything. Fork everything. Your system, your rules, your code.</p>
290+
</div>
291+
<div class="feature-box">
292+
<h3>[ NULL COMPROMISE ]</h3>
293+
<p>Choose which packages you want from source and which binary builds. Powered by Pkglet (optional!)</p>
294+
</div>
295+
</div>
296+
</div>
297+
</section>
298+
299+
<section class="philosophy" id="philosophy">
300+
<div class="container">
301+
<h2 class="section-title">PHILOSOPHY</h2>
302+
<div class="philosophy-content">
303+
<div>
304+
<h3 style="font-size: 2rem; margin-bottom: 20px;">RADICAL MINIMALISM</h3>
305+
<p style="margin-bottom: 15px;">Most distros claim to be minimal. They lie. They ship with init systems, package managers pre-configured, default shells, and opinions baked in.</p>
306+
<p style="margin-bottom: 15px;">NULL is different. NULL gives you nothing, unless you want something. That's it. Everything else? Your decision.</p>
307+
<p>We don't assume you want bash. We don't assume you want systemd. We don't even assume you want a bootloader we chose.</p>
308+
</div>
309+
<div>
310+
<div class="terminal-box">
311+
choice_is_freedom() {<br>
312+
&nbsp;&nbsp;while true; do<br>
313+
&nbsp;&nbsp;&nbsp;&nbsp;make_decision<br>
314+
&nbsp;&nbsp;&nbsp;&nbsp;implement_decision<br>
315+
&nbsp;&nbsp;&nbsp;&nbsp;own_decision<br>
316+
&nbsp;&nbsp;done<br>
317+
}
318+
</div>
319+
</div>
320+
</div>
321+
</div>
322+
</section>
323+
324+
<section class="download" id="download">
325+
<div class="container">
326+
<h2 class="section-title">GET NULL NOW</h2>
327+
<p style="font-size: 1.2rem; margin-top: 20px;">Learn how to bootstrap NULL!</p>
328+
<div class="download-options">
329+
<div class="download-box">
330+
<h3>pkglet</h3>
331+
<p>Use pkglet to bootstrap NULL from another system.</p>
332+
<a href="https://github.com/NULL-GNU-Linux/pkglet" class="download-link">GET NOW</a>
333+
</div>
334+
</div>
335+
</div>
336+
</section>
337+
338+
<footer>
339+
<div class="container">
340+
<p>NULL GNU/Linux © 2025 | Licensed under MIT.</p>
341+
<p style="margin-top: 10px;">Everything is your choice. Even NULL itself.</p>
342+
</div>
343+
</footer>
344+
</body>
345+
</html>

0 commit comments

Comments
 (0)