Skip to content

Commit 76d7c2e

Browse files
rtech-technologiesrtech-technologies
authored
Refactor styles and update footer information
Adjusted line height, modified button styles, and updated footer content.
1 parent 2ba20f2 commit 76d7c2e

1 file changed

Lines changed: 104 additions & 80 deletions

File tree

‎index.html‎

Lines changed: 104 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -16,135 +16,159 @@
1616
font-family: 'JetBrains Mono', monospace;
1717
background-color: var(--dark);
1818
color: white;
19-
line-height: 1.2;
19+
line-height: 1.1;
2020
}
21+
/* OS*2 MANDATE: NO ROUNDING. NO GRADIENTS. NO EXCEPTIONS. */
22+
* { border-radius: 0 !important; }
23+
2124
.os2-border { border: 2px solid white; }
2225
.os2-border-lime { border: 2px solid var(--lime); }
23-
.btn-active:active { transform: translate(2px, 2px); shadow: none; }
26+
.os2-shadow { box-shadow: 10px 10px 0px var(--lime); }
27+
2428
.grid-bg {
25-
background-image: linear-gradient(#1a1a1a 1px, transparent 1px), linear-gradient(90deg, #1a1a1a 1px, transparent 1px);
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);
2631
background-size: 20px 20px;
2732
}
28-
/* OS*2 Rule: No soft rounding. 0px or nothing. */
29-
* { border-radius: 0 !important; }
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+
}
3046
</style>
3147
</head>
3248
<body class="selection:bg-lime-500 selection:text-black grid-bg">
3349

3450
<nav class="border-b-4 border-white bg-black sticky top-0 z-50">
35-
<div class="max-w-full mx-auto px-4">
36-
<div class="flex justify-between h-16 items-center">
37-
<div class="flex items-center gap-4">
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">
3854
<div class="bg-lime-500 text-black px-3 py-1 font-black text-xl border-2 border-black">RTECH</div>
39-
<span class="hidden md:block text-xs font-bold tracking-tighter">STATUS: SOVEREIGN_STABLE</span>
55+
<div class="ml-4 hidden lg:block text-[10px] font-bold tracking-widest uppercase">
56+
OS*2_LICENSE: RESPECT_PROPERTY
57+
</div>
4058
</div>
41-
<div class="flex gap-1">
42-
<a href="os2.html" class="border-2 border-lime-500 text-lime-500 hover:bg-lime-500 hover:text-black px-4 py-1 text-xs font-bold transition-all">
43-
RUN OSx2
44-
</a>
45-
<button class="border-2 border-white bg-white text-black px-4 py-1 text-xs font-bold">
46-
MENU
47-
</button>
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
4866
</div>
4967
</div>
5068
</div>
5169
</nav>
5270

5371
<main class="max-w-7xl mx-auto px-4 py-12">
54-
<div class="os2-border bg-black p-1 shadow-[8px_8px_0px_#a3e635]">
55-
<div class="bg-gray-900 border-b-2 border-white p-2 flex justify-between items-center">
56-
<span class="text-[10px] font-bold">EXE // SYSTEM_MANIFESTO.BAT</span>
57-
<div class="flex gap-2">
58-
<div class="w-3 h-3 border border-white"></div>
59-
<div class="w-3 h-3 bg-white"></div>
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>
6078
</div>
6179
</div>
6280

63-
<div class="p-8 md:p-16">
81+
<div class="p-8 md:p-16 border-t-2 border-white">
6482
<div class="mb-12">
65-
<div class="text-lime-500 mb-4 text-xs font-bold uppercase tracking-widest">[BOOT_SEQUENCE_COMPLETE]</div>
66-
<h1 class="text-5xl md:text-8xl font-black leading-none mb-8 uppercase italic">
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">
6787
Serious Tech.<br>
68-
<span class="bg-lime-500 text-black px-4">Pure Joy.</span>
88+
<span class="bg-lime-500 text-black px-2 not-italic">Pure Joy.</span>
6989
</h1>
70-
<p class="text-xl text-slate-300 max-w-2xl border-l-4 border-lime-500 pl-6 py-2">
71-
RTECH-technologies builds tools for the sovereign user.
72-
No bloatware. No telemetry. No corporate compromise.
73-
Just code that obeys your commands.
74-
</p>
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>
7598
</div>
7699

77-
<div class="flex flex-wrap gap-4">
78-
<a href="os2.html" class="os2-border-lime bg-lime-500 text-black px-8 py-4 font-black text-lg hover:bg-black hover:text-lime-500 transition-all btn-active shadow-[4px_4px_0px_white]">
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]">
79102
READ_THE_MANIFESTO
80103
</a>
81-
<a href="#about" class="os2-border bg-black text-white px-8 py-4 font-black text-lg hover:bg-white hover:text-black transition-all btn-active">
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">
82105
VIEW_PHILOSOPHY
83106
</a>
84107
</div>
85108
</div>
86109
</div>
87110

88-
<section id="about" class="mt-24 grid md:grid-cols-3 gap-8">
89-
<div class="os2-border bg-black p-8 hover:border-lime-500 transition-colors group">
90-
<div class="text-xs text-lime-500 mb-6 font-bold uppercase tracking-tighter">Rule_01</div>
91-
<h3 class="text-2xl font-black mb-4 group-hover:italic transition-all uppercase">Sovereignty</h3>
92-
<p class="text-sm text-slate-400 mb-6">
93-
move rdi 10<br>
94-
push rdi<br>
95-
// Your property, your rules. No loopholes.
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.
96118
</p>
97-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
98119
</div>
99120

100-
<div class="os2-border bg-black p-8 hover:border-lime-500 transition-colors group">
101-
<div class="text-xs text-lime-500 mb-6 font-bold uppercase tracking-tighter">Rule_02</div>
102-
<h3 class="text-2xl font-black mb-4 group-hover:italic transition-all uppercase">Performance</h3>
103-
<p class="text-sm text-slate-400 mb-6">
104-
call optimize_metal<br>
105-
pop rax<br>
106-
// Zero-waste compute for aggressive decorators.
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.
107127
</p>
108-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
109128
</div>
110129

111-
<div class="os2-border bg-black p-8 hover:border-lime-500 transition-colors group">
112-
<div class="text-xs text-lime-500 mb-6 font-bold uppercase tracking-tighter">Rule_03</div>
113-
<h3 class="text-2xl font-black mb-4 group-hover:italic transition-all uppercase">The Zest</h3>
114-
<p class="text-sm text-slate-400 mb-6">
115-
add zest, 0xFF<br>
116-
out 0x80, zest<br>
117-
// Functional computing in high-definition lime.
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.
118136
</p>
119-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
120137
</div>
121138
</section>
122139
</main>
123140

124-
<footer class="mt-24 border-t-4 border-white bg-black p-8">
125-
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-start gap-12">
126-
<div>
127-
<div class="text-4xl font-black mb-4">RTECH<span class="text-lime-500">_</span></div>
128-
<div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">
129-
OS*2 License: Respect People's Property.<br>
130-
Commercial use requires profit sharing.
131-
</div>
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>
132151
</div>
133-
<div class="grid grid-cols-2 gap-16 text-xs font-bold">
134-
<ul class="space-y-4">
135-
<li class="text-lime-500">/SCRIPTS</li>
136-
<li><a href="os2.html" class="hover:underline">OSx2_LIMEMADE</a></li>
137-
<li><a href="#" class="hover:underline">RSL_STANDARDS</a></li>
138-
</ul>
139-
<ul class="space-y-4">
140-
<li class="text-lime-500">/SYSTEM</li>
141-
<li><a href="#" class="hover:underline">CONTACT_ROOT</a></li>
142-
<li><a href="#" class="hover:underline">PRIVACY_000</a></li>
143-
</ul>
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>
144168
</div>
145169
</div>
146-
<div class="max-w-7xl mx-auto mt-12 pt-8 border-t border-gray-800 text-[10px] text-center font-bold">
147-
&copy; 2026 RTECH-TECHNOLOGIES // NO VANDALISM UNLESS SELF-OWNED.
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 ]
148172
</div>
149173
</footer>
150174

0 commit comments

Comments
 (0)