Skip to content

Commit 5b97629

Browse files
rtech-technologiesrtech-technologies
authored
Update title and styling in os2.html
1 parent e4ed5ec commit 5b97629

1 file changed

Lines changed: 100 additions & 96 deletions

File tree

‎os2.html‎

Lines changed: 100 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -3,160 +3,164 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>RTECH | Enterprise Deployment Portal</title>
6+
<title>RTECH | OS*2 Infrastructure & Deployment</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>
1010
:root { --lime: #a3e635; --slate-950: #020617; }
1111
* { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace; }
12-
body { background: var(--slate-950); color: #f8fafc; line-height: 1.5; }
12+
body { background: var(--slate-950); color: #f8fafc; line-height: 1.6; scroll-behavior: smooth; }
13+
14+
.enterprise-border { border: 1px solid #1e293b; }
15+
.bg-glass { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(12px); }
1316

14-
.enterprise-border { border: 1px solid #334155; }
1517
.status-pulse {
16-
width: 8px;
17-
height: 8px;
18-
background-color: var(--lime);
19-
display: inline-block;
20-
margin-right: 8px;
21-
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
18+
width: 10px; height: 10px; background-color: var(--lime);
19+
display: inline-block; margin-right: 12px; animation: pulse 2s infinite;
2220
}
23-
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
21+
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }
2422

2523
#download-btn {
26-
font-weight: 800;
27-
padding: 12px 32px;
28-
transition: all 0.2s ease;
29-
text-transform: uppercase;
30-
font-size: 0.875rem;
24+
font-weight: 800; padding: 16px 40px; transition: all 0.3s ease;
25+
text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.1em;
3126
}
3227

33-
.btn-ready {
34-
background: var(--lime);
35-
color: #000;
36-
cursor: pointer;
37-
border: 1px solid var(--lime);
38-
}
28+
.btn-ready { background: var(--lime); color: #000; cursor: pointer; border: 1px solid var(--lime); }
29+
.btn-ready:hover { background: #fff; border-color: #fff; transform: translateY(-2px); }
30+
.btn-pending { background: transparent; color: #475569; cursor: not-allowed; border: 1px solid #1e293b; }
3931

40-
.btn-ready:hover {
41-
background: #fff;
42-
border-color: #fff;
43-
}
44-
45-
.btn-pending {
46-
background: transparent;
47-
color: #475569;
48-
cursor: not-allowed;
49-
border: 1px solid #1e293b;
32+
.warning-strip {
33+
background: linear-gradient(45deg, #1e1b4b 25%, #020617 25%, #020617 50%, #1e1b4b 50%, #1e1b4b 75%, #020617 75%, #020617 100%);
34+
background-size: 56.57px 56.57px;
5035
}
5136
</style>
5237
</head>
5338
<body class="selection:bg-lime-500 selection:text-black">
5439

55-
<nav class="border-b border-slate-800 bg-slate-950/80 backdrop-blur-md sticky top-0 z-50">
56-
<div class="max-w-7xl mx-auto px-6 flex justify-between h-16 items-center">
57-
<div class="flex items-center gap-10">
58-
<a href="index.html" class="font-black text-xl tracking-tighter hover:text-lime-500 transition-colors uppercase">RTECH</a>
59-
<div class="hidden md:flex gap-8 text-[10px] font-bold uppercase tracking-widest text-slate-500">
60-
<span class="text-white">Deployment_Portal</span>
40+
<nav class="border-b border-slate-800 bg-slate-950/90 backdrop-blur-xl sticky top-0 z-50">
41+
<div class="max-w-7xl mx-auto px-6 flex justify-between h-20 items-center">
42+
<div class="flex items-center gap-12">
43+
<a href="index.html" class="font-black text-2xl tracking-tighter hover:text-lime-500 transition-colors uppercase">RTECH</a>
44+
<div class="hidden lg:flex gap-10 text-[10px] font-black uppercase tracking-[0.2em] text-slate-500">
45+
<a href="#core" class="hover:text-white">Architecture</a>
46+
<a href="#deployment" class="text-lime-500 border-b border-lime-500">Deployment</a>
6147
</div>
6248
</div>
63-
<div class="text-[10px] font-black uppercase px-3 py-1 border border-slate-700">
64-
Cycle: 2026.Q2
49+
<div class="text-[10px] font-black uppercase px-4 py-1.5 border border-slate-700 bg-slate-900">
50+
Release_Cycle: 2026.Q2
6551
</div>
6652
</div>
6753
</nav>
6854

69-
<main class="max-w-7xl mx-auto px-6 py-20">
70-
<section class="mb-20">
71-
<div class="flex items-center gap-3 mb-6">
72-
<span class="status-pulse"></span>
73-
<span class="text-[10px] font-bold uppercase tracking-[0.4em] text-lime-500" id="system-status">Checking System Availability...</span>
74-
</div>
75-
<h1 class="text-5xl md:text-7xl font-extrabold mb-8 tracking-tighter italic uppercase">
76-
OS*2 <span class="text-slate-500">Limemade</span>
55+
<main class="max-w-7xl mx-auto px-6 py-24">
56+
57+
<header class="mb-32">
58+
<h1 class="text-6xl md:text-9xl font-black mb-10 tracking-tighter italic uppercase leading-none">
59+
OS*2 <span class="text-slate-700">LIMEMADE</span>
7760
</h1>
78-
</section>
61+
<p class="text-slate-400 max-w-2xl text-xl leading-relaxed font-bold uppercase italic">
62+
The assembly-level sovereign environment. One line, one step, zero compromise.
63+
</p>
64+
</header>
7965

80-
<div class="grid lg:grid-cols-3 gap-6">
81-
<div class="lg:col-span-2 border border-slate-800 p-8 md:p-12 bg-slate-900/10 flex flex-col justify-between">
82-
<div>
83-
<div class="flex justify-between items-start mb-10">
84-
<h2 class="text-2xl font-black uppercase italic">Primary_Kernel_Image</h2>
85-
<span class="text-[10px] font-bold bg-slate-800 px-2 py-1 text-slate-400">BUILD_2026_RC1</span>
66+
<section class="mb-32 border-2 border-indigo-500/30 warning-strip p-8 md:p-12 relative overflow-hidden">
67+
<div class="relative z-10">
68+
<div class="flex items-center gap-4 mb-6 text-indigo-400">
69+
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
70+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
71+
</svg>
72+
<h2 class="text-2xl font-black uppercase italic tracking-tighter">Technical_Advisory_2026</h2>
73+
</div>
74+
75+
<div class="grid md:grid-cols-2 gap-12">
76+
<div class="space-y-4">
77+
<p class="text-indigo-200 font-bold uppercase text-sm leading-relaxed">
78+
OS*2 is currently in a <span class="text-white underline">pre-stable development cycle</span>. While the kernel logic is verified, direct hardware flashing may result in unrecoverable system states on non-RTECH hardware.
79+
</p>
8680
</div>
87-
88-
<div class="space-y-4 mb-12">
89-
<div class="flex justify-between border-b border-slate-800 pb-2">
90-
<span class="text-xs text-slate-500 uppercase font-bold">SHA-256</span>
91-
<span class="text-xs font-mono text-slate-400" id="hash-id">----------------</span>
92-
</div>
81+
<div class="border-l-4 border-indigo-500 pl-8">
82+
<p class="text-white font-black uppercase text-lg mb-2">Recommended: VMware Virtualization</p>
83+
<p class="text-slate-400 font-bold uppercase text-xs leading-relaxed">
84+
To ensure system safety and property integrity, RTECH strongly suggests testing the ISO within a **VMware** environment. This allows for isolated execution of the One-Line-Logic protocols before full-metal deployment.
85+
</p>
9386
</div>
9487
</div>
88+
</div>
89+
</section>
9590

96-
<div class="flex flex-col md:flex-row gap-4">
91+
<section id="core" class="mb-32 grid md:grid-cols-3 gap-8">
92+
<div class="enterprise-border p-8 bg-slate-900/20">
93+
<h3 class="text-xs font-black uppercase text-lime-500 mb-6 tracking-widest">Logic Protocol</h3>
94+
<p class="text-[11px] font-bold uppercase text-slate-400">One line of code per machine step. Total transparency. No corporate backdoors.</p>
95+
</div>
96+
<div class="enterprise-border p-8 bg-slate-900/20">
97+
<h3 class="text-xs font-black uppercase text-lime-500 mb-6 tracking-widest">Zest Interface</h3>
98+
<p class="text-[11px] font-bold uppercase text-slate-400">High-definition, high-visibility UI designed for aggressive decorators.</p>
99+
</div>
100+
<div class="enterprise-border p-8 bg-slate-900/20">
101+
<h3 class="text-xs font-black uppercase text-lime-500 mb-6 tracking-widest">Property Rights</h3>
102+
<p class="text-[11px] font-bold uppercase text-slate-400">Protected by the RSL-2026 License. You own the metal, you own the code.</p>
103+
</div>
104+
</section>
105+
106+
<section id="deployment" class="pt-24 border-t-4 border-white">
107+
<div class="flex items-center gap-3 mb-10">
108+
<span class="status-pulse"></span>
109+
<span class="text-[11px] font-black uppercase tracking-[0.5em] text-lime-500" id="system-status">Scanning Build Mirrors...</span>
110+
</div>
111+
112+
<div class="grid lg:grid-cols-3 gap-12">
113+
<div class="lg:col-span-2">
114+
<h4 class="text-2xl font-black uppercase italic mb-6">ISO Deployment Node</h4>
115+
<p class="text-slate-500 font-bold uppercase text-xs mb-10">
116+
Select a distribution mirror. If your node is not yet synchronized, the system will default to "Coming Soon."
117+
</p>
97118
<button id="download-btn" class="btn-pending">
98119
Initializing...
99120
</button>
100-
101-
<button class="border border-slate-700 text-white px-8 py-3 font-bold text-sm hover:bg-slate-800 transition-all uppercase">
102-
Request_Key
103-
</button>
121+
</div>
122+
<div class="bg-slate-900/50 p-6 border border-slate-800">
123+
<div class="text-[10px] font-black text-slate-500 uppercase mb-4 tracking-widest">Staging_Stats</div>
124+
<div class="space-y-3 font-mono text-[10px]">
125+
<div class="flex justify-between"><span>Kernel:</span> <span>STABLE_LIME</span></div>
126+
<div class="flex justify-between"><span>ISO_Ver:</span> <span>2.0.26_RC</span></div>
127+
<div class="flex justify-between"><span>Mirror:</span> <span>USA_WEST_01</span></div>
128+
</div>
104129
</div>
105130
</div>
131+
</section>
132+
</main>
106133

107-
<div class="enterprise-border p-8 bg-slate-950">
108-
<h3 class="text-xs font-black uppercase text-lime-500 mb-6 tracking-widest">Specifications</h3>
109-
<ul class="text-[11px] font-bold uppercase space-y-4 text-slate-400">
110-
<li>CPU: RTECH R1-SERIES</li>
111-
<li>PROPERTY: USER_OWNED</li>
112-
<li>YEAR: 2026</li>
113-
</ul>
114-
</div>
134+
<footer class="border-t border-slate-900 py-20 px-6 mt-32">
135+
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center text-[10px] font-black uppercase tracking-[0.5em] text-slate-700">
136+
<span>RTECH_CORP // DEPLOYMENT_PORTAL</span>
137+
<span class="mt-4 md:mt-0 italic">Respect People's Property.</span>
115138
</div>
116-
</main>
139+
</footer>
117140

118141
<script>
119-
/**
120-
* OS*2 Deployment Logic
121-
* Checks for local build presence
122-
*/
123142
async function checkAvailability() {
124143
const btn = document.getElementById('download-btn');
125144
const status = document.getElementById('system-status');
126-
const hash = document.getElementById('hash-id');
127-
128-
// Set this to the actual path of the ISO or Build file
129-
const targetPath = 'builds/os2_v2.iso';
145+
const targetPath = 'builds/os2_limemade_final.iso';
130146

131147
try {
132148
const response = await fetch(targetPath, { method: 'HEAD' });
133-
134149
if (response.ok) {
135150
btn.innerText = "Download Now";
136151
btn.className = "btn-ready";
137152
btn.onclick = () => window.location.href = targetPath;
138-
status.innerText = "System Ready for Deployment";
139-
hash.innerText = "f2c9e4a8b1d3...";
153+
status.innerText = "Status: ISO_VERIFIED_STABLE";
140154
} else {
141155
throw new Error('Not found');
142156
}
143157
} catch (error) {
144158
btn.innerText = "Coming Soon 2026";
145159
btn.className = "btn-pending";
146-
status.innerText = "Staging in Progress";
147-
hash.innerText = "PENDING_RELEASE";
160+
status.innerText = "Status: STAGING_IN_PROGRESS";
148161
}
149162
}
150-
151-
// Execute on load
152163
window.onload = checkAvailability;
153164
</script>
154-
155-
<footer class="border-t border-slate-800 py-12 px-6 mt-20">
156-
<div class="max-w-7xl mx-auto text-[9px] font-bold uppercase tracking-[0.3em] text-slate-600">
157-
RTECH_ENTERPRISE_DEPLOYMENT // 2026 // ALL_RIGHTS_USER_OWNED
158-
</div>
159-
</footer>
160-
161165
</body>
162166
</html>

0 commit comments

Comments
 (0)