Skip to content

Commit b992727

Browse files
rtech-technologiesrtech-technologies
authored
Revise index.html for RTECH branding and layout
Updated the title and various styles in the HTML document to align with the new RTECH branding and focus on hardware sovereignty. Added official contact information and refined the layout for better user experience.
1 parent 772170f commit b992727

1 file changed

Lines changed: 110 additions & 74 deletions

File tree

‎index.html‎

Lines changed: 110 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,116 +1,152 @@
1+
Understood. We're keeping the focus purely on the **RTECH** mission: hardware sovereignty, the right to mod, and the 2026 roadmap. I have removed the anti-corporate rhetoric to focus on the positive "Sovereign Industrial" identity and added the official contact point.
2+
3+
### RTECH | Sovereign Industrial Root (`index.html`)
4+
5+
```html
16
<!DOCTYPE html>
27
<html lang="en">
38
<head>
49
<meta charset="UTF-8">
510
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>RTECH | Industrial Sovereignty</title>
11+
<title>RTECH | Sovereign Industrial 2026</title>
712
<script src="https://cdn.tailwindcss.com"></script>
813
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
914
<style>
1015
:root { --lime: #a3e635; --zinc-950: #09090b; }
1116
* { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace; }
12-
body { background: var(--zinc-950); color: #fff; line-height: 1.1; }
13-
.os2-border { border: 2px solid white; }
14-
.os2-shadow { box-shadow: 10px 10px 0px white; }
15-
.grid-bg {
16-
background-image: linear-gradient(#18181b 1px, transparent 1px),
17-
linear-gradient(90deg, #18181b 1px, transparent 1px);
18-
background-size: 32px 32px;
19-
}
20-
.btn-active:active { transform: translate(4px, 4px); box-shadow: none; }
17+
body { background: var(--zinc-950); color: #fff; line-height: 1.2; }
18+
19+
.industrial-border { border: 2px solid #27272a; }
20+
.license-box { background: #000; border: 1px solid #3f3f46; position: relative; }
21+
22+
.nav-link { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em; color: #71717a; transition: all 0.2s; }
23+
.nav-link:hover { color: #fff; border-bottom: 2px solid var(--lime); }
24+
25+
.roadmap-card { border-left: 2px solid #3f3f46; transition: all 0.3s ease; }
26+
.roadmap-card:hover { border-left-color: var(--lime); background: #111113; }
2127
</style>
2228
</head>
23-
<body class="grid-bg min-h-screen">
29+
<body class="selection:bg-lime-500 selection:text-black">
2430

25-
<nav class="border-b-4 border-white bg-black sticky top-0 z-50">
26-
<div class="max-w-7xl mx-auto px-4 flex justify-between h-16 items-center">
27-
<div class="flex items-center gap-8">
28-
<div class="bg-white text-black px-4 py-1 font-black text-2xl">RTECH</div>
29-
<div class="hidden md:block text-[10px] font-bold tracking-[0.3em] text-zinc-500">
30-
EST_2024 // REL_2026.04
31+
<nav class="border-b-2 border-white bg-black sticky top-0 z-50">
32+
<div class="max-w-7xl mx-auto px-6 flex justify-between h-20 items-center">
33+
<div class="flex items-center gap-12">
34+
<div class="font-black text-3xl tracking-tighter uppercase italic">RTECH<span class="text-lime-500">_</span></div>
35+
<div class="hidden lg:flex gap-10">
36+
<a href="#modding" class="nav-link">/Modding</a>
37+
<a href="#roadmap" class="nav-link">/Roadmap</a>
38+
<a href="#license" class="nav-link">/License</a>
3139
</div>
3240
</div>
33-
<div class="flex items-center gap-6 text-xs font-black">
34-
<a href="#manifesto" class="hover:text-lime-500 uppercase">Manifesto</a>
35-
<a href="#license" class="hover:text-lime-500 uppercase">License</a>
36-
<a href="os2.html" class="bg-lime-500 text-black px-4 py-2 border-2 border-black hover:bg-white transition-all btn-active">
41+
<div class="flex items-center gap-6">
42+
<a href="os2.html" class="bg-lime-500 text-black px-8 py-2 text-xs font-black uppercase hover:bg-white transition-all">
3743
GET_OS*2
3844
</a>
3945
</div>
4046
</div>
4147
</nav>
4248

43-
<main class="max-w-7xl mx-auto px-4 py-20">
44-
<header class="mb-32">
45-
<div class="os2-border bg-black p-8 md:p-16 os2-shadow relative overflow-hidden">
46-
<div class="absolute top-0 right-0 p-4 text-[8px] text-zinc-800 leading-none select-none">
47-
RTECH_PROPERTY_PROTECTION_V2<br>NO_BACKDOORS_FOUND<br>USER_IS_ROOT
49+
<main>
50+
<section class="relative pt-32 pb-32 px-6 border-b border-zinc-900 overflow-hidden">
51+
<div class="max-w-7xl mx-auto relative z-10">
52+
<div class="bg-white text-black inline-block px-3 py-1 text-[10px] font-black uppercase mb-6 italic">Property Standards Verified</div>
53+
<h1 class="text-7xl md:text-9xl font-black uppercase italic mb-10 tracking-tighter leading-[0.8]">
54+
Build.<br>Mod.<br><span class="text-lime-500 underline decoration-white">Own.</span>
55+
</h1>
56+
<p class="text-zinc-400 max-w-2xl text-xl font-bold uppercase mb-12 leading-relaxed">
57+
RTECH provides the industrial backbone for a new era of user-owned hardware. From the silicon logic to the final mod, you are in control.
58+
</p>
59+
<div class="text-sm font-black text-white">
60+
CONTACT: <a href="mailto:richardwojc@gmail.com" class="text-lime-500 hover:underline">richardwojc@gmail.com</a>
4861
</div>
62+
</div>
63+
</section>
4964

50-
<h1 class="text-6xl md:text-9xl font-black uppercase italic tracking-tighter mb-8 leading-[0.8]">
51-
Serious.<br>Hardware.
52-
</h1>
53-
54-
<div class="max-w-2xl border-l-8 border-white pl-8 py-4 mb-12">
55-
<p class="text-xl md:text-2xl font-bold uppercase text-zinc-300">
56-
We build the silicon and the standards that respect your sovereignty.
65+
<section id="modding" class="max-w-7xl mx-auto px-6 py-32">
66+
<div class="grid lg:grid-cols-2 gap-20 items-center">
67+
<div>
68+
<h2 class="text-xs font-black uppercase tracking-[0.5em] text-lime-500 mb-6 italic">// MODDING_PROTOCOL</h2>
69+
<h3 class="text-5xl font-black uppercase italic mb-8 text-white">Sovereignty is a Right.</h3>
70+
<p class="text-zinc-400 font-bold uppercase text-sm leading-loose mb-8">
71+
We define **Modding** as any intentional change to your own property. RTECH hardware is built with accessible architecture, allowing you to optimize, decorate, and reconfigure your system without restriction.
5772
</p>
73+
<div class="border-l-4 border-white pl-8 py-2">
74+
<p class="text-white font-black uppercase italic">"Respect people's property. Mod your own."</p>
75+
</div>
5876
</div>
59-
60-
<div class="flex flex-wrap gap-4">
61-
<button class="bg-white text-black px-10 py-5 font-black text-xl hover:bg-lime-500 transition-all btn-active">
62-
VIEW_SPECS
63-
</button>
64-
<button class="os2-border text-white px-10 py-5 font-black text-xl hover:bg-white hover:text-black transition-all btn-active">
65-
CONTACT_FACTORY
66-
</button>
77+
<div class="industrial-border p-12 bg-zinc-900/50">
78+
<h4 class="text-white font-black mb-6 uppercase tracking-widest italic">Hardware Identity</h4>
79+
<p class="text-[10px] text-zinc-500 font-bold uppercase mb-8">RTECH is currently focused on core silicon and workstation nodes. Mobile form factors are currently in research.</p>
80+
<div class="space-y-4 text-xs font-bold uppercase">
81+
<div class="flex justify-between border-b border-zinc-800 pb-2"><span>Logic Style:</span> <span>One-Line_Step</span></div>
82+
<div class="flex justify-between border-b border-zinc-800 pb-2"><span>User State:</span> <span class="text-lime-500 font-black">ROOT_SOVEREIGN</span></div>
83+
</div>
6784
</div>
6885
</div>
69-
</header>
86+
</section>
7087

71-
<section id="license" class="grid md:grid-cols-2 gap-0 os2-border bg-black mb-32">
72-
<div class="p-12 border-b-2 md:border-b-0 md:border-r-2 border-white">
73-
<h2 class="text-3xl font-black mb-8 italic uppercase tracking-tighter text-lime-500">
74-
The Property License
75-
</h2>
76-
<div class="space-y-6 text-sm font-bold uppercase leading-relaxed text-zinc-400">
77-
<p>1. Do not commit vandalism unless it is your own property. Then, it is <span class="text-white">Aggressive Decorating</span>.</p>
78-
<p>2. Your OS license is "Respect People's Property".</p>
79-
<p>3. You may not remove previous rules.</p>
88+
<section id="roadmap" class="bg-zinc-900/30 border-y border-zinc-900 py-32 px-6">
89+
<div class="max-w-7xl mx-auto">
90+
<h2 class="text-xs font-black uppercase tracking-[0.5em] text-lime-500 mb-16 italic">// 2026_ROADMAP</h2>
91+
<div class="grid md:grid-cols-2 gap-8">
92+
<div class="roadmap-card p-10">
93+
<h4 class="text-xl font-black uppercase italic mb-4">The R1 Node</h4>
94+
<p class="text-xs font-bold uppercase text-zinc-500 leading-relaxed">The primary desktop architecture. Designed for direct OS*2 integration and high-performance modding environments.</p>
95+
</div>
96+
<div class="roadmap-card p-10">
97+
<h4 class="text-xl font-black uppercase italic mb-4">Sovereign Server Units</h4>
98+
<p class="text-xs font-bold uppercase text-zinc-500 leading-relaxed">Scaling property rights to the rack. High-density compute nodes with zero remote management backdoors.</p>
99+
</div>
80100
</div>
81101
</div>
82-
<div class="p-12">
83-
<h2 class="text-3xl font-black mb-8 italic uppercase tracking-tighter text-lime-500">
84-
The Revenue Protocol
85-
</h2>
86-
<div class="space-y-6 text-sm font-bold uppercase leading-relaxed text-zinc-400">
87-
<p>1. If the previous license was commercial, share profit with them.</p>
88-
<p>2. If you make it commercial, you must share profit with <span class="text-white">RTECH</span>.</p>
89-
<p>3. No loopholes. Sovereignty is a two-way street.</p>
102+
</section>
103+
104+
<section id="license" class="bg-white text-black py-32 px-6">
105+
<div class="max-w-7xl mx-auto">
106+
<div class="flex justify-between items-end mb-16 border-b-4 border-black pb-4">
107+
<h2 class="text-5xl font-black uppercase italic tracking-tighter">Full License: RSL-2026</h2>
108+
</div>
109+
110+
<div class="grid lg:grid-cols-3 gap-12">
111+
<div class="license-box p-8 bg-black text-white">
112+
<h4 class="text-lime-500 font-black text-sm mb-4 uppercase">01. Modding Policy</h4>
113+
<p class="text-[11px] font-bold uppercase leading-relaxed">
114+
Do not commit vandalism unless it is your own property. If it belongs to you, it is officially classified as modding. Your OS license is "Respect People's Property."
115+
</p>
116+
</div>
117+
<div class="license-box p-8 bg-black text-white">
118+
<h4 class="text-lime-500 font-black text-sm mb-4 uppercase">02. Rule Persistence</h4>
119+
<p class="text-[11px] font-bold uppercase leading-relaxed">
120+
You may not remove previous rules. This license is immutable. RTECH protects its products, but no loopholes exist to bypass the sovereignty of the user.
121+
</p>
122+
</div>
123+
<div class="license-box p-8 bg-black text-white">
124+
<h4 class="text-lime-500 font-black text-sm mb-4 uppercase">03. Commercial Logic</h4>
125+
<p class="text-[11px] font-bold uppercase leading-relaxed">
126+
All changes must be marked in a readable place. If you monetize an RTECH-based product, you must share profit with RTECH. If the previous license was commercial, share with them.
127+
</p>
128+
</div>
90129
</div>
91130
</div>
92131
</section>
93132

94-
<section class="border-4 border-lime-500 p-12 bg-black text-center">
95-
<h3 class="text-2xl font-black mb-6 uppercase">Ready to interface with the metal?</h3>
96-
<p class="text-zinc-500 mb-8 max-w-lg mx-auto font-bold uppercase text-xs">
97-
OS*2 is the assembly-level operating system designed for RTECH hardware.
98-
One line of code per step. Zero bloat. Pure zest.
99-
</p>
100-
<a href="os2.html" class="inline-block bg-lime-500 text-black px-12 py-4 font-black text-xl hover:bg-white transition-all btn-active">
101-
PROCEED_TO_OS*2
133+
<section class="py-40 px-6 text-center">
134+
<h2 class="text-4xl font-black uppercase italic mb-8">Direct Technical Interface.</h2>
135+
<div class="mb-12">
136+
<p class="text-zinc-500 font-bold uppercase text-xs mb-4">Inquiries / Commercial Registration:</p>
137+
<a href="mailto:richardwojc@gmail.com" class="text-2xl font-black text-white hover:text-lime-500 transition-colors">richardwojc@gmail.com</a>
138+
</div>
139+
<a href="os2.html" class="inline-block border-2 border-white px-16 py-6 font-black text-xl uppercase hover:bg-lime-500 hover:text-black transition-all">
140+
DEPLOY_OS*2
102141
</a>
103142
</section>
104143
</main>
105144

106-
<footer class="border-t-4 border-white bg-black p-12">
107-
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-8">
108-
<div class="text-4xl font-black italic">RTECH<span class="text-lime-500">_</span></div>
109-
<div class="text-[10px] font-black uppercase tracking-[0.4em] text-zinc-600">
110-
&copy; 2026 RTECH-TECHNOLOGIES // NO CORPORATE OVERLORDS // MADE FOR THE USER
111-
</div>
112-
</div>
145+
<footer class="p-12 border-t-2 border-white bg-black flex justify-between items-center text-[10px] font-black uppercase tracking-[0.4em] text-zinc-600">
146+
<div>RTECH-TECHNOLOGIES // &copy; 2026</div>
147+
<div class="italic">Respect People's Property.</div>
113148
</footer>
114149

115150
</body>
116151
</html>
152+
```

0 commit comments

Comments
 (0)