Skip to content

Commit ed11d31

Browse files
rtech-technologiesrtech-technologies
authored
Update os2.html
1 parent d1eb731 commit ed11d31

1 file changed

Lines changed: 54 additions & 129 deletions

File tree

‎os2.html‎

Lines changed: 54 additions & 129 deletions
Original file line numberDiff line numberDiff line change
@@ -3,150 +3,75 @@
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>OS*2 | Limemade Operating System</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.2;
20-
}
21-
.os2-border { border: 2px solid white; }
10+
:root { --lime: #a3e635; }
11+
* { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace; }
12+
body { background: #000; color: var(--lime); line-height: 1.1; overflow-x: hidden; }
2213
.os2-border-lime { border: 2px solid var(--lime); }
23-
.btn-active:active { transform: translate(2px, 2px); shadow: none; }
24-
.grid-bg {
25-
background-image: linear-gradient(#1a1a1a 1px, transparent 1px), linear-gradient(90deg, #1a1a1a 1px, transparent 1px);
26-
background-size: 20px 20px;
14+
.shadow-white { box-shadow: 10px 10px 0px white; }
15+
.crt-flicker { animation: flicker 0.1s infinite; opacity: 0.9; }
16+
@keyframes flicker {
17+
0% { opacity: 0.9; } 50% { opacity: 0.95; } 100% { opacity: 0.9; }
2718
}
28-
/* OS*2 Rule: No soft rounding. 0px or nothing. */
29-
* { border-radius: 0 !important; }
3019
</style>
3120
</head>
32-
<body class="selection:bg-lime-500 selection:text-black grid-bg">
33-
34-
<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">
38-
<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>
40-
</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>
48-
</div>
49-
</div>
21+
<body class="p-4 md:p-12">
22+
<div class="max-w-6xl mx-auto border-4 border-lime-500 p-1 shadow-white bg-black">
23+
<div class="bg-lime-500 text-black p-2 flex justify-between font-black text-xs uppercase">
24+
<span>RUNNING: OSx2_LIMEMADE_v2026.exe</span>
25+
<span class="animate-pulse">● LIVE_KERNEL</span>
5026
</div>
51-
</nav>
52-
53-
<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>
60-
</div>
61-
</div>
62-
63-
<div class="p-8 md:p-16">
64-
<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">
67-
Serious Tech.<br>
68-
<span class="bg-lime-500 text-black px-4">Pure Joy.</span>
69-
</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.
27+
28+
<div class="p-8 md:p-20">
29+
<header class="mb-24">
30+
<div class="text-white text-xs font-bold mb-4 uppercase tracking-[0.4em]">One step. One line of code.</div>
31+
<h1 class="text-7xl md:text-9xl font-black uppercase mb-6 leading-[0.8] italic">
32+
OS*2<br><span class="text-white bg-lime-500 text-black px-2 not-italic">ZEST</span>
33+
</h1>
34+
<div class="bg-lime-900/20 border-l-8 border-lime-500 p-6 max-w-xl">
35+
<p class="text-white font-bold uppercase italic text-lg">
36+
Zero bloatware. Zero telemetry. Zero delay.
7437
</p>
7538
</div>
39+
</header>
7640

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]">
79-
READ_THE_MANIFESTO
80-
</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">
82-
VIEW_PHILOSOPHY
83-
</a>
41+
<section class="grid md:grid-cols-2 gap-0 mb-24 border-2 border-lime-500">
42+
<div class="p-10 border-b-2 md:border-b-0 md:border-r-2 border-lime-500 bg-zinc-900/50">
43+
<h2 class="text-white font-black text-3xl uppercase mb-6">/Logic</h2>
44+
<p class="text-sm mb-8 text-lime-100">Every operation is a direct command. No abstraction layers to slow down your intent.</p>
45+
<div class="bg-black p-4 border border-lime-500 text-xs text-lime-400">
46+
move rdi 10 // ALLOC_SOVEREIGNTY<br>
47+
push rdi // PROTECT_PROPERTY
48+
</div>
8449
</div>
85-
</div>
86-
</div>
87-
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.
96-
</p>
97-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
98-
</div>
99-
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.
107-
</p>
108-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
109-
</div>
110-
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.
118-
</p>
119-
<div class="h-1 bg-white w-12 group-hover:w-full group-hover:bg-lime-500 transition-all"></div>
120-
</div>
121-
</section>
122-
</main>
123-
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.
50+
<div class="p-10 bg-zinc-900/50">
51+
<h2 class="text-white font-black text-3xl uppercase mb-6">/Performance</h2>
52+
<p class="text-sm mb-8 text-lime-100">Optimized for the metal. Aggressive resource management for the modern power user.</p>
53+
<div class="bg-black p-4 border border-lime-500 text-xs text-lime-400">
54+
call optimize_metal<br>
55+
out 0x80, zest
56+
</div>
13157
</div>
58+
</section>
59+
60+
<div class="flex flex-col md:flex-row gap-6">
61+
<button class="bg-white text-black px-12 py-6 font-black text-3xl uppercase hover:bg-lime-500 transition-all shadow-[6px_6px_0px_#333] active:translate-y-1">
62+
FLASH_SYSTEM
63+
</button>
64+
<a href="index.html" class="border-2 border-lime-500 text-lime-500 px-12 py-6 font-black text-3xl text-center uppercase hover:bg-lime-500 hover:text-black">
65+
ROOT_EXIT
66+
</a>
13267
</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>
144-
</div>
145-
</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.
14868
</div>
149-
</footer>
69+
</div>
15070

71+
<div class="max-w-6xl mx-auto mt-12 grid grid-cols-3 gap-4 text-[10px] uppercase font-black">
72+
<div class="border border-lime-900 p-2">STATUS: STABLE</div>
73+
<div class="border border-lime-900 p-2 text-center">YEAR: 2026</div>
74+
<div class="border border-lime-900 p-2 text-right">LCNS: RSL-2.0</div>
75+
</div>
15176
</body>
15277
</html>

0 commit comments

Comments
 (0)