Skip to content

Commit da32248

Browse files
rtech-technologiesrtech-technologies
authored
Update index.html
1 parent 37c3c43 commit da32248

1 file changed

Lines changed: 38 additions & 151 deletions

File tree

‎index.html‎

Lines changed: 38 additions & 151 deletions
Original file line numberDiff line numberDiff line change
@@ -3,174 +3,61 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>RTECH | OS*2 COMPLIANT</title>
6+
<title>RTECH | Industrial Sovereignty</title>
77
<script src="https://cdn.tailwindcss.com"></script>
88
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
99
<style>
10-
:root {
11-
--lime: #a3e635;
12-
--dark: #000000;
13-
--gray: #1a1a1a;
14-
}
15-
body {
16-
font-family: 'JetBrains Mono', monospace;
17-
background-color: var(--dark);
18-
color: white;
19-
line-height: 1.1;
20-
}
21-
/* OS*2 MANDATE: NO ROUNDING. NO GRADIENTS. NO EXCEPTIONS. */
22-
* { border-radius: 0 !important; }
23-
10+
:root { --lime: #a3e635; }
11+
* { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace; }
12+
body { background: #000; color: #fff; line-height: 1.1; }
2413
.os2-border { border: 2px solid white; }
25-
.os2-border-lime { border: 2px solid var(--lime); }
2614
.os2-shadow { box-shadow: 10px 10px 0px var(--lime); }
27-
28-
.grid-bg {
29-
background-image: linear-gradient(rgba(26,26,26,0.5) 1px, transparent 1px),
30-
linear-gradient(90deg, rgba(26,26,26,0.5) 1px, transparent 1px);
31-
background-size: 20px 20px;
32-
}
33-
34-
.terminal-header {
35-
background: #ffffff;
36-
color: #000000;
37-
padding: 4px 8px;
38-
font-size: 10px;
39-
font-weight: 800;
40-
}
41-
42-
.btn-active:active {
43-
transform: translate(4px, 4px);
44-
box-shadow: none;
45-
}
15+
.grid-bg { background-image: linear-gradient(#111 1px, transparent 1px), linear-gradient(90deg, #111 1px, transparent 1px); background-size: 40px 40px; }
4616
</style>
4717
</head>
48-
<body class="selection:bg-lime-500 selection:text-black grid-bg">
49-
50-
<nav class="border-b-4 border-white bg-black sticky top-0 z-50">
51-
<div class="max-w-full mx-auto px-4 flex justify-between h-14 items-center">
52-
<div class="flex items-center gap-8">
53-
<div class="flex items-center">
54-
<div class="bg-lime-500 text-black px-3 py-1 font-black text-xl border-2 border-black">RTECH</div>
55-
<div class="ml-4 hidden lg:block text-[10px] font-bold tracking-widest uppercase">
56-
OS*2_LICENSE: RESPECT_PROPERTY
57-
</div>
58-
</div>
59-
</div>
60-
<div class="flex gap-1">
61-
<a href="os2.html" class="os2-border-lime text-lime-500 px-4 py-1 text-xs font-black hover:bg-lime-500 hover:text-black transition-all btn-active">
62-
EXEC_OSx2
63-
</a>
64-
<div class="bg-white text-black px-4 py-1 text-xs font-black border-2 border-white cursor-crosshair btn-active">
65-
TERMINAL_MAP
66-
</div>
18+
<body class="grid-bg">
19+
<nav class="border-b-4 border-white bg-black sticky top-0 z-50 p-4">
20+
<div class="max-w-7xl mx-auto flex justify-between items-center">
21+
<div class="bg-lime-500 text-black px-4 py-1 font-black text-2xl border-2 border-black">RTECH</div>
22+
<div class="flex gap-6 text-xs font-bold uppercase tracking-tighter">
23+
<a href="#philosophy" class="hover:text-lime-500">/The_Philosophy</a>
24+
<a href="#license" class="hover:text-lime-500">/The_License</a>
25+
<a href="os2.html" class="bg-white text-black px-3 py-1 hover:bg-lime-500">GET_OS*2</a>
6726
</div>
6827
</div>
6928
</nav>
7029

71-
<main class="max-w-7xl mx-auto px-4 py-12">
72-
<div class="os2-border bg-black p-0 os2-shadow mb-24">
73-
<div class="terminal-header flex justify-between items-center">
74-
<span>FILE_SYSTEM://MANIFESTO.RUN</span>
75-
<div class="flex gap-1">
76-
<div class="w-3 h-3 border-2 border-black"></div>
77-
<div class="w-3 h-3 bg-black"></div>
78-
</div>
79-
</div>
80-
81-
<div class="p-8 md:p-16 border-t-2 border-white">
82-
<div class="mb-12">
83-
<div class="text-lime-500 mb-6 text-xs font-bold uppercase tracking-[0.3em]">
84-
[SYSTEM_READY: 2026-04-17]
85-
</div>
86-
<h1 class="text-6xl md:text-9xl font-black leading-[0.85] mb-8 uppercase italic tracking-tighter">
87-
Serious Tech.<br>
88-
<span class="bg-lime-500 text-black px-2 not-italic">Pure Joy.</span>
89-
</h1>
90-
<div class="max-w-2xl border-l-8 border-lime-500 pl-8 py-4 space-y-4">
91-
<p class="text-xl font-bold">
92-
move rdi 10 // Step 01: Set Sovereignty
93-
</p>
94-
<p class="text-slate-400 text-sm leading-relaxed">
95-
RTECH builds the tools you actually own. We’ve stripped the corporate bloat to give you back the speed, power, and property rights you deserve.
96-
</p>
97-
</div>
98-
</div>
99-
100-
<div class="flex flex-wrap gap-6">
101-
<a href="os2.html" class="os2-border-lime bg-lime-500 text-black px-10 py-5 font-black text-xl hover:bg-black hover:text-lime-500 transition-all btn-active shadow-[6px_6px_0px_white]">
102-
READ_THE_MANIFESTO
103-
</a>
104-
<a href="#about" class="os2-border bg-black text-white px-10 py-5 font-black text-xl hover:bg-white hover:text-black transition-all btn-active">
105-
VIEW_PHILOSOPHY
106-
</a>
107-
</div>
30+
<header class="max-w-7xl mx-auto px-4 py-24">
31+
<div class="os2-border p-12 os2-shadow bg-black">
32+
<div class="text-lime-500 text-[10px] font-black mb-4 uppercase tracking-[0.5em]">[TIMESTAMP: 2026.04.17]</div>
33+
<h1 class="text-7xl md:text-9xl font-black italic tracking-tighter uppercase mb-8 leading-[0.8]">
34+
Serious.<br><span class="text-lime-500">Sovereign.</span>
35+
</h1>
36+
<p class="text-xl max-w-2xl border-l-8 border-white pl-6 mb-12 text-slate-300 font-bold uppercase">
37+
We build the hardware and the standards for aggressive decorators. Your machine is your property. Zero loopholes.
38+
</p>
39+
<div class="flex gap-4">
40+
<button class="os2-border bg-white text-black px-8 py-4 font-black text-xl hover:bg-lime-500 hover:border-black transition-all">FACTORY_SPECS</button>
10841
</div>
10942
</div>
43+
</header>
11044

111-
<section id="about" class="grid md:grid-cols-3 gap-0 os2-border">
112-
<div class="p-10 border-b-2 md:border-b-0 md:border-r-2 border-white hover:bg-lime-500 group transition-all">
113-
<div class="text-[10px] text-lime-500 group-hover:text-black mb-8 font-bold uppercase">CMD_01</div>
114-
<h3 class="text-3xl font-black mb-6 group-hover:text-black uppercase tracking-tighter italic">Sovereignty</h3>
115-
<p class="text-sm text-slate-400 group-hover:text-black leading-relaxed font-bold">
116-
push rdi // Claim Rights<br>
117-
No spying. No bloat. Your computer is your property. Aggressive decorating encouraged.
118-
</p>
45+
<section id="license" class="max-w-7xl mx-auto px-4 py-32 border-t-2 border-zinc-800">
46+
<h2 class="text-4xl font-black mb-16 uppercase italic">The RTECH License (2026 Edition)</h2>
47+
<div class="grid md:grid-cols-2 gap-16 text-sm font-bold uppercase leading-relaxed">
48+
<div class="p-8 border-2 border-zinc-800">
49+
<p class="text-lime-500 mb-4 font-black">01_PROPERTY_RIGHTS</p>
50+
<p class="text-slate-500">You may not remove previous rules. Vandalism on self-owned property is "Aggressive Decorating." We protect your right to tinker.</p>
11951
</div>
120-
121-
<div class="p-10 border-b-2 md:border-b-0 md:border-r-2 border-white hover:bg-lime-500 group transition-all">
122-
<div class="text-[10px] text-lime-500 group-hover:text-black mb-8 font-bold uppercase">CMD_02</div>
123-
<h3 class="text-3xl font-black mb-6 group-hover:text-black uppercase tracking-tighter italic">Performance</h3>
124-
<p class="text-sm text-slate-400 group-hover:text-black leading-relaxed font-bold">
125-
call optimize_metal // No Latency<br>
126-
Every clock cycle is a resource. We respect your time by never wasting a single bit.
127-
</p>
128-
</div>
129-
130-
<div class="p-10 hover:bg-lime-500 group transition-all">
131-
<div class="text-[10px] text-lime-500 group-hover:text-black mb-8 font-bold uppercase">CMD_03</div>
132-
<h3 class="text-3xl font-black mb-6 group-hover:text-black uppercase tracking-tighter italic">The Zest</h3>
133-
<p class="text-sm text-slate-400 group-hover:text-black leading-relaxed font-bold">
134-
add zest, 0xFF // Max Freshness<br>
135-
Why settle for grey? Computing should be high-contrast, high-energy, and high-def.
136-
</p>
137-
</div>
138-
</section>
139-
</main>
140-
141-
<footer class="mt-32 border-t-8 border-white bg-black p-12">
142-
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between gap-16">
143-
<div class="max-w-md">
144-
<div class="text-5xl font-black mb-6 italic uppercase tracking-tighter">RTECH<span class="text-lime-500">_</span></div>
145-
<p class="text-[10px] leading-relaxed text-slate-500 font-bold uppercase tracking-widest">
146-
OS*2_LICENSE STATUS: ACTIVE<br>
147-
1. REMOVAL OF RULES IS PROHIBITED.<br>
148-
2. COMMERCIAL USE = PROFIT SHARING.<br>
149-
3. ALL CHANGES MUST BE READABLE.
150-
</p>
151-
</div>
152-
153-
<div class="grid grid-cols-2 gap-24 text-xs font-black uppercase">
154-
<div class="space-y-6">
155-
<div class="text-lime-500 tracking-[0.3em]">/SCRIPTS</div>
156-
<ul class="space-y-3">
157-
<li><a href="os2.html" class="hover:bg-lime-500 hover:text-black px-1 transition-all">OSx2_LIMEMADE</a></li>
158-
<li><a href="#" class="hover:bg-lime-500 hover:text-black px-1 transition-all">RSL_PROTOCOLS</a></li>
159-
</ul>
160-
</div>
161-
<div class="space-y-6">
162-
<div class="text-lime-500 tracking-[0.3em]">/ROOT</div>
163-
<ul class="space-y-3">
164-
<li><a href="#" class="hover:bg-lime-500 hover:text-black px-1 transition-all">CONTACT_SYSTEM</a></li>
165-
<li><a href="#" class="hover:bg-lime-500 hover:text-black px-1 transition-all">NULL_LOGS</a></li>
166-
</ul>
167-
</div>
52+
<div class="p-8 border-2 border-zinc-800">
53+
<p class="text-lime-500 mb-4 font-black">02_REVENUE_LOGIC</p>
54+
<p class="text-slate-500">Commercial use requires profit sharing. You profit from us, we share. We profit from your changes, you share. No loopholes.</p>
16855
</div>
16956
</div>
170-
<div class="max-w-7xl mx-auto mt-20 pt-8 border-t border-gray-900 text-[10px] font-bold text-center tracking-[0.5em] text-slate-700">
171-
[ &copy; 2026 RTECH-TECHNOLOGIES // SOVEREIGN_COMPUTING_INITIATED ]
172-
</div>
173-
</footer>
57+
</section>
17458

59+
<footer class="bg-zinc-950 p-16 mt-24 text-[10px] text-center font-bold tracking-[0.5em] text-slate-600 border-t-2 border-white">
60+
RTECH-TECHNOLOGIES // VER_2026.04 // PROPERTY_OF_USER
61+
</footer>
17562
</body>
17663
</html>

0 commit comments

Comments
 (0)