Skip to content

Commit a7f91da

Browse files
DevLabStudyDevLabStudy
authored
Create rokitos.html
1 parent 237ae2b commit a7f91da

1 file changed

Lines changed: 228 additions & 0 deletions

File tree

‎rokitos.html‎

Lines changed: 228 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
1+
---
2+
layout: default
3+
title: RokiTOS - Modern Custom Linux Distribution
4+
---
5+
6+
<div class="hero-section">
7+
<div class="container">
8+
<span class="badge">Version 1.0 Stable</span>
9+
<h1>RokiTOS Linux</h1>
10+
<p class="subtitle">A lightweight, lightning-fast, and custom-tailored Debian-based distribution crafted for engineering, homelabs, and advanced networking.</p>
11+
<div class="cta-buttons">
12+
<a href="#download" class="btn btn-primary">Download ISO (v1.0)</a>
13+
<a href="#features" class="btn btn-secondary">Explore Features</a>
14+
</div>
15+
</div>
16+
</div>
17+
18+
<div class="container main-content">
19+
<section id="about" class="section">
20+
<h2>About RokiTOS</h2>
21+
<p>RokiTOS is an independent, custom-built Linux distribution born out of the need for a clean, highly responsive, and unbloated environment. Powered by a robust Debian base, it integrates a modern Nordic aesthetic, finely tuned performance parameters, and all essential tools right out of the box.</p>
22+
</section>
23+
24+
<section id="features" class="section">
25+
<h2>Key Features</h2>
26+
<div class="grid">
27+
<div class="card">
28+
<h3>Lightweight & Fast</h3>
29+
<p>Stripped of unnecessary background services and optimized for minimal RAM usage and instant response times.</p>
30+
</div>
31+
<div class="card">
32+
<h3>Nordic Visual Theme</h3>
33+
<p>Pre-configured with a carefully selected dark theme, custom icon packs, and striking wallpapers for a seamless workflow.</p>
34+
</div>
35+
<div class="card">
36+
<h3>Homelab Ready</h3>
37+
<p>Equipped with modern networking utilities and robust system tools tailored for server administration and development.</p>
38+
</div>
39+
</div>
40+
</section>
41+
42+
<section id="download" class="section download-box">
43+
<h2>Download RokiTOS v1.0</h2>
44+
<p>Get your hands on the stable release of RokiTOS and experience a fresh take on customized Linux systems.</p>
45+
<div class="download-info">
46+
<p><strong>Architecture:</strong> x86_64</p>
47+
<p><strong>Base:</strong> Debian Stable</p>
48+
<p><strong>Desktop Environment:</strong> XFCE (Custom Nordic)</p>
49+
</div>
50+
<a href="#" class="btn btn-primary disabled">Download ISO (Coming Soon)</a>
51+
</section>
52+
53+
<section id="support" class="section">
54+
<h2>Support & Contact</h2>
55+
<p>Encountered a bug or need assistance with RokiTOS? Reach out to our technical support team:</p>
56+
<ul class="support-list">
57+
<li><strong>Support Email:</strong> <a href="mailto:support@rokitos.devlabstudy.ovh">support@rokitos.devlabstudy.ovh</a></li>
58+
<li><strong>Bug Reports:</strong> <a href="mailto:support@rokitos.devlabstudy.ovh">support@rokitos.devlabstudy.ovh</a></li>
59+
</ul>
60+
</section>
61+
</div>
62+
63+
<style>
64+
:root {
65+
--bg-color: #12141a;
66+
--card-bg: #1a1d26;
67+
--accent-color: #88c0d0;
68+
--text-color: #d8dee9;
69+
--text-muted: #959da5;
70+
--border-color: #2e3440;
71+
}
72+
73+
body {
74+
background-color: var(--bg-color);
75+
color: var(--text-color);
76+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
77+
margin: 0;
78+
padding: 0;
79+
line-height: 1.6;
80+
}
81+
82+
.container {
83+
max-width: 900px;
84+
margin: 0 auto;
85+
padding: 0 20px;
86+
}
87+
88+
.hero-section {
89+
text-align: center;
90+
padding: 80px 20px;
91+
background: linear-gradient(135deg, #1a1d26 0%, #0f1117 100%);
92+
border-bottom: 1px solid var(--border-color);
93+
}
94+
95+
.badge {
96+
display: inline-block;
97+
background: rgba(136, 192, 208, 0.15);
98+
color: var(--accent-color);
99+
padding: 6px 12px;
100+
border-radius: 20px;
101+
font-size: 0.85rem;
102+
font-weight: 600;
103+
margin-bottom: 20px;
104+
}
105+
106+
.hero-section h1 {
107+
font-size: 3rem;
108+
margin: 0 0 15px 0;
109+
color: #ffffff;
110+
letter-spacing: -0.5px;
111+
}
112+
113+
.subtitle {
114+
font-size: 1.15rem;
115+
color: var(--text-muted);
116+
max-width: 650px;
117+
margin: 0 auto 30px auto;
118+
}
119+
120+
.cta-buttons {
121+
display: flex;
122+
gap: 15px;
123+
justify-content: center;
124+
}
125+
126+
.btn {
127+
display: inline-block;
128+
padding: 12px 24px;
129+
border-radius: 6px;
130+
font-weight: 600;
131+
text-decoration: none;
132+
transition: all 0.2s ease;
133+
}
134+
135+
.btn-primary {
136+
background-color: var(--accent-color);
137+
color: #12141a;
138+
}
139+
140+
.btn-primary:hover {
141+
background-color: #81a1c1;
142+
}
143+
144+
.btn-secondary {
145+
background-color: transparent;
146+
color: var(--text-color);
147+
border: 1px solid var(--border-color);
148+
}
149+
150+
.btn-secondary:hover {
151+
background-color: rgba(255, 255, 255, 0.05);
152+
}
153+
154+
.main-content {
155+
padding: 60px 20px;
156+
}
157+
158+
.section {
159+
margin-bottom: 60px;
160+
}
161+
162+
.section h2 {
163+
font-size: 1.8rem;
164+
margin-bottom: 20px;
165+
color: #ffffff;
166+
border-bottom: 2px solid var(--border-color);
167+
padding-bottom: 10px;
168+
}
169+
170+
.grid {
171+
display: grid;
172+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
173+
gap: 20px;
174+
margin-top: 20px;
175+
}
176+
177+
.card {
178+
background-color: var(--card-bg);
179+
border: 1px solid var(--border-color);
180+
border-radius: 8px;
181+
padding: 24px;
182+
}
183+
184+
.card h3 {
185+
margin-top: 0;
186+
color: var(--accent-color);
187+
}
188+
189+
.download-box {
190+
background-color: var(--card-bg);
191+
border: 1px solid var(--border-color);
192+
border-radius: 8px;
193+
padding: 40px;
194+
text-align: center;
195+
}
196+
197+
.download-info {
198+
background: rgba(0, 0, 0, 0.2);
199+
padding: 15px;
200+
border-radius: 6px;
201+
margin: 20px 0;
202+
display: inline-block;
203+
text-align: left;
204+
}
205+
206+
.download-info p {
207+
margin: 5px 0;
208+
color: var(--text-muted);
209+
}
210+
211+
.support-list {
212+
list-style: none;
213+
padding: 0;
214+
}
215+
216+
.support-list li {
217+
margin-bottom: 10px;
218+
}
219+
220+
.support-list a {
221+
color: var(--accent-color);
222+
text-decoration: none;
223+
}
224+
225+
.support-list a:hover {
226+
text-decoration: underline;
227+
}
228+
</style>

0 commit comments

Comments
 (0)