Skip to content

Commit a023c32

Browse files
DeMENIGECODeMENIGECO
authored
Add files via upload
1 parent f02de09 commit a023c32

1 file changed

Lines changed: 382 additions & 0 deletions

File tree

‎docs/index.html‎

Lines changed: 382 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,382 @@
1+
<!DOCTYPE html>
2+
<html lang="it">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
7+
<title>Docs - PythonOS</title>
8+
9+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10+
11+
<style>
12+
13+
*{
14+
margin:0;
15+
padding:0;
16+
box-sizing:border-box;
17+
}
18+
19+
body{
20+
font-family:'Poppins',sans-serif;
21+
background:#0f172a;
22+
color:white;
23+
overflow-x:hidden;
24+
}
25+
26+
/* NAVBAR */
27+
28+
nav{
29+
width:100%;
30+
padding:20px 8%;
31+
display:flex;
32+
justify-content:space-between;
33+
align-items:center;
34+
position:fixed;
35+
top:0;
36+
left:0;
37+
z-index:1000;
38+
39+
background:rgba(15,23,42,0.8);
40+
backdrop-filter:blur(10px);
41+
}
42+
43+
.logo{
44+
font-size:28px;
45+
font-weight:700;
46+
color:#4ade80;
47+
}
48+
49+
/* LINKS */
50+
51+
nav ul{
52+
display:flex;
53+
gap:30px;
54+
list-style:none;
55+
}
56+
57+
nav a{
58+
text-decoration:none;
59+
color:white;
60+
transition:0.3s;
61+
font-weight:500;
62+
}
63+
64+
nav a:hover{
65+
color:#4ade80;
66+
}
67+
68+
/* HAMBURGER */
69+
70+
.hamburger{
71+
display:none;
72+
font-size:34px;
73+
cursor:pointer;
74+
user-select:none;
75+
}
76+
77+
/* HERO */
78+
79+
.hero{
80+
min-height:100vh;
81+
82+
display:flex;
83+
justify-content:center;
84+
align-items:center;
85+
86+
text-align:center;
87+
88+
padding:120px 8%;
89+
90+
background:
91+
radial-gradient(circle at top left,#1e293b,#0f172a 60%);
92+
}
93+
94+
.hero-content{
95+
max-width:900px;
96+
}
97+
98+
.hero h1{
99+
font-size:80px;
100+
line-height:1.1;
101+
margin-bottom:20px;
102+
}
103+
104+
.hero h1 span{
105+
color:#4ade80;
106+
}
107+
108+
.hero p{
109+
font-size:22px;
110+
color:#cbd5e1;
111+
margin-bottom:40px;
112+
}
113+
114+
/* BUTTONS */
115+
116+
.buttons{
117+
display:flex;
118+
justify-content:center;
119+
gap:20px;
120+
flex-wrap:wrap;
121+
}
122+
123+
.btn{
124+
padding:15px 30px;
125+
border-radius:12px;
126+
127+
text-decoration:none;
128+
font-weight:600;
129+
130+
transition:0.3s;
131+
}
132+
133+
.btn-primary{
134+
background:#4ade80;
135+
color:#0f172a;
136+
}
137+
138+
.btn-primary:hover{
139+
transform:translateY(-3px);
140+
box-shadow:0 10px 30px rgba(74,222,128,0.4);
141+
}
142+
143+
.btn-secondary{
144+
border:2px solid #334155;
145+
color:white;
146+
}
147+
148+
.btn-secondary:hover{
149+
background:#1e293b;
150+
}
151+
152+
/* FEATURES */
153+
154+
.features{
155+
padding:100px 8%;
156+
}
157+
158+
.section-title{
159+
text-align:center;
160+
font-size:42px;
161+
margin-bottom:60px;
162+
}
163+
164+
.cards{
165+
display:grid;
166+
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
167+
gap:30px;
168+
}
169+
170+
.card{
171+
background:#1e293b;
172+
padding:30px;
173+
border-radius:20px;
174+
transition:0.3s;
175+
}
176+
177+
.card:hover{
178+
transform:translateY(-5px);
179+
background:#243247;
180+
}
181+
182+
.card h3{
183+
margin-bottom:15px;
184+
color:#4ade80;
185+
}
186+
187+
/* TERMINAL */
188+
189+
.terminal{
190+
margin:100px auto;
191+
max-width:900px;
192+
193+
background:#020617;
194+
195+
border-radius:20px;
196+
overflow:hidden;
197+
198+
border:1px solid #1e293b;
199+
}
200+
201+
.terminal-top{
202+
background:#111827;
203+
padding:12px;
204+
display:flex;
205+
gap:8px;
206+
}
207+
208+
.dot{
209+
width:12px;
210+
height:12px;
211+
border-radius:50%;
212+
}
213+
214+
.red{
215+
background:#ef4444;
216+
}
217+
218+
.yellow{
219+
background:#facc15;
220+
}
221+
222+
.green{
223+
background:#22c55e;
224+
}
225+
226+
.terminal-body{
227+
padding:30px;
228+
font-family:monospace;
229+
color:#4ade80;
230+
line-height:2;
231+
}
232+
233+
/* FOOTER */
234+
235+
footer{
236+
padding:40px;
237+
text-align:center;
238+
color:#94a3b8;
239+
}
240+
241+
/* MOBILE */
242+
243+
@media(max-width:768px){
244+
245+
.hero h1{
246+
font-size:50px;
247+
}
248+
249+
.hero p{
250+
font-size:18px;
251+
}
252+
253+
.hamburger{
254+
display:block;
255+
}
256+
257+
nav ul{
258+
259+
position:absolute;
260+
261+
top:80px;
262+
right:8%;
263+
264+
width:220px;
265+
266+
background:#1e293b;
267+
268+
flex-direction:column;
269+
270+
padding:20px;
271+
272+
border-radius:16px;
273+
274+
display:none;
275+
}
276+
277+
nav ul.active{
278+
display:flex;
279+
}
280+
281+
}
282+
283+
.btn{
284+
background:#4ade80;
285+
color:#0f172a;
286+
}
287+
288+
.btn:hover{
289+
transform:translateY(-3px);
290+
box-shadow:0 10px 30px rgba(74,222,128,0.4);
291+
}
292+
293+
</style>
294+
</head>
295+
296+
<body>
297+
298+
<!-- NAVBAR -->
299+
300+
<nav>
301+
302+
<div class="logo">PythonOS</div>
303+
304+
<div class="hamburger" id="hamburger">
305+
☰
306+
</div>
307+
308+
<ul id="nav-links">
309+
<li><a href="https://pythonos-project.github.io/" target="_blank">Home</a></li>
310+
<li><a href="https://pythonos-project.github.io/docs/" target="_blank">Docs</a></li>
311+
<li><a href="https://pythonos-project.github.io/download" target="_blank">Download</a></li>
312+
<li><a href="https://github.com/pythonos-project/pythonos" target="_blank">GitHub</a></li>
313+
</ul>
314+
315+
</nav>
316+
317+
<!-- HERO -->
318+
319+
<section class="hero">
320+
321+
<div class="hero-content">
322+
323+
<h1>
324+
Il sistema operativo fatto in
325+
<span>Python</span>
326+
</h1>
327+
328+
<p>
329+
PythonOS è un mini sistema operativo creato in Python,
330+
moderno, veloce e open source.
331+
</p>
332+
333+
<div class="buttons">
334+
335+
<a href="https://pythonos-project.github.io/download" target="_blank" class="btn btn-primary">
336+
Scarica ora
337+
</a>
338+
339+
<a href="https://pythonos-project.github.io/docs/" target="_blank" class="btn btn-secondary">
340+
Documentazione
341+
</a>
342+
343+
</div>
344+
345+
</div>
346+
347+
</section>
348+
349+
<section class="features">
350+
<div align="center">
351+
<h2>Documentazione</h2>
352+
<p>Scopri come utilizzare PythonOS:</p>
353+
354+
<em>Attenzione: la documentazione è in fase di sviluppo.</em>
355+
</div>
356+
357+
358+
</section>
359+
360+
<!-- FOOTER -->
361+
362+
<footer>
363+
© 2026 PythonOS — Made with Python 🐍
364+
</footer>
365+
366+
<!-- JAVASCRIPT -->
367+
368+
<script>
369+
370+
const hamburger = document.getElementById("hamburger");
371+
const navLinks = document.getElementById("nav-links");
372+
373+
hamburger.addEventListener("click", () => {
374+
375+
navLinks.classList.toggle("active");
376+
377+
});
378+
379+
</script>
380+
381+
</body>
382+
</html>

0 commit comments

Comments
 (0)