-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (158 loc) · 13.6 KB
/
Copy pathindex.html
File metadata and controls
164 lines (158 loc) · 13.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StackOS Genesis - Modular. Leve. Poderoso.</title>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;800;900&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<style>
:root{--bg:#05081c;--blue:#3d78d8;--purple:#7b2ff7;--white:#e0e8ff;--dim:#a0b4d8;--card:#0d1530;--border:#1e2d5a}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Exo 2',sans-serif;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(61,120,216,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(123,47,247,.08) 0%,transparent 60%);pointer-events:none;z-index:0}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 4rem;background:rgba(5,8,28,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-logo{font-size:1.3rem;font-weight:800;color:var(--blue);text-decoration:none}
.nav-logo span{color:var(--white)}
nav ul{display:flex;gap:2.5rem;list-style:none}
nav ul a{color:var(--dim);text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}
nav ul a:hover{color:var(--white)}
.nav-btn{background:var(--blue);color:white!important;padding:.5rem 1.4rem;border-radius:6px}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;z-index:1}
.hero-badge{display:inline-block;background:rgba(61,120,216,.15);border:1px solid rgba(61,120,216,.4);color:var(--blue);font-family:'JetBrains Mono',monospace;font-size:.75rem;padding:.4rem 1rem;border-radius:100px;margin-bottom:2rem;letter-spacing:.1em}
.hero h1{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;letter-spacing:-.02em}
.hero h1 .blue{color:var(--blue)}.hero h1 .purple{color:var(--purple)}
.hero-sub{font-size:1.3rem;color:var(--dim);margin:1.5rem 0 3rem;font-weight:300}
.hero-sub strong{color:var(--white);font-weight:600}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple));color:white;padding:.9rem 2.2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:opacity .2s,transform .2s}
.btn-primary:hover{opacity:.9;transform:translateY(-2px)}
.btn-secondary{background:transparent;color:var(--white);padding:.9rem 2.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;border:1px solid var(--border);transition:border-color .2s,transform .2s}
.btn-secondary:hover{border-color:var(--blue);transform:translateY(-2px)}
.stats{position:relative;z-index:1;display:flex;justify-content:center;gap:4rem;padding:3rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(13,21,48,.5);flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-size:2.5rem;font-weight:900;color:var(--blue);font-family:'JetBrains Mono',monospace}
.stat-label{font-size:.8rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem}
section{position:relative;z-index:1;padding:6rem 2rem;max-width:1200px;margin:0 auto}
.section-label{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}
.section-desc{color:var(--dim);font-size:1.1rem;max-width:600px;line-height:1.7}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .2s,transform .2s}
.feature-card:hover{border-color:var(--blue);transform:translateY(-4px)}
.feature-icon{font-size:2rem;margin-bottom:1rem}
.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}
.feature-desc{color:var(--dim);font-size:.95rem;line-height:1.6}
.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3rem}
.app-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.8rem;display:flex;align-items:flex-start;gap:1rem;transition:border-color .2s}
.app-card:hover{border-color:var(--purple)}
.app-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.app-info h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}
.app-info p{color:var(--dim);font-size:.85rem;line-height:1.5}
.download-section{text-align:center;padding:6rem 2rem;position:relative;z-index:1;background:rgba(13,21,48,.5);border-top:1px solid var(--border)}
.download-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem}
.download-section p{color:var(--dim);margin-bottom:2.5rem;font-size:1.1rem}
.download-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.download-info{margin-top:1.5rem;font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--dim)}
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:3rem 4rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-logo{font-size:1.1rem;font-weight:800;color:var(--blue)}
.footer-links{display:flex;gap:2rem}
.footer-links a{color:var(--dim);text-decoration:none;font-size:.85rem;transition:color .2s}
.footer-links a:hover{color:var(--white)}
.footer-copy{color:var(--dim);font-size:.8rem}
@media(max-width:768px){nav{padding:1rem 1.5rem}nav ul{display:none}footer{padding:2rem 1.5rem;flex-direction:column;text-align:center}.footer-links{justify-content:center}}
</style>
</head>
<body>
<nav>
<a href="#" class="nav-logo">⚡ Stack<span>OS</span></a>
<ul>
<li><a href="#recursos">Recursos</a></li>
<li><a href="#apps">Aplicativos</a></li>
<li><a href="docs/">Docs</a></li>
<li><a href="https://github.com/stackoslinux-dev/repo/discussions">Comunidade</a></li>
<li><a href="https://github.com/stackoslinux-dev/bugs/issues">Bugs</a></li>
<li><a href="https://github.com/stackoslinux-dev" target="_blank">GitHub</a></li>
<li><a href="https://x.com/stackoslinux" target="_blank">𝕏</a></li>
<li><a href="https://www.youtube.com/@stackoslinux" target="_blank">YouTube</a></li>
<li><a href="mailto:stackoslinux@gmail.com">Contato</a>
<a href="https://discord.gg/tz7ZjRjatQ" target="_blank">Discord</a></li>
<li><a href="https://discord.gg/tz7ZjRjatQ" target="_blank">Discord</a></li>
<li><a href="https://github.com/sponsors/stackoslinux-dev" target="_blank" class="nav-btn" style="background:#7b2ff7">♥ Apoie</a></li>
<li><a href="#download" class="nav-btn">⬇ Download</a></li>
</ul>
</nav>
<img src="banner.png" style="width:100%;display:block;margin:0 auto;" alt="StackOS Genesis">
<div class="hero" style="display:none" style="position:relative;z-index:1">
<div>
<div class="hero-badge">⚡ Genesis 1.1 — Disponivel Agora</div>
<h1><span class="blue">Stack</span><span>OS</span><br><span class="purple">Genesis</span></h1>
<p class="hero-sub"><strong>Modular. Leve. Poderoso.</strong><br>Seu Stack. Suas Regras.</p>
<div class="hero-btns">
<a href="#download" class="btn-primary">⬇ Baixar Agora</a>
<a href="docs/" class="btn-secondary">Documentacao →</a>
</div>
</div>
</div>
<div class="stats">
<div class="stat"><div class="stat-num">2.1GB</div><div class="stat-label">ISO</div></div>
<div class="stat"><div class="stat-num">GNOME 50</div><div class="stat-label">Desktop</div></div>
<div class="stat"><div class="stat-num">Kernel 7</div><div class="stat-label">Linux</div></div>
<div class="stat"><div class="stat-num">Ubuntu 26</div><div class="stat-label">Base</div></div>
<div class="stat"><div class="stat-num">76+</div><div class="stat-label">Pacotes Proprios</div></div>
<div class="stat"><div class="stat-num" style="color:#00cc66">0</div><div class="stat-label">Snaps</div></div>
</div>
<section id="recursos">
<div class="section-label">// recursos</div>
<h2 class="section-title">Feito para <span style="color:var(--blue)">Performance</span><br>e <span style="color:var(--purple)">Liberdade</span></h2>
<p class="section-desc">StackOS Genesis e uma distribuicao Linux original com identidade visual propria, ferramentas exclusivas e repositorio online.</p>
<div class="features-grid">
<div class="feature-card"><div class="feature-icon">⚡</div><div class="feature-title">Sistema Leve</div><div class="feature-desc">ZRAM configurado, servicos otimizados. Minimo uso de RAM.</div></div>
<div class="feature-card"><div class="feature-icon">🔒</div><div class="feature-title">Sem Snap</div><div class="feature-desc">Snap removido e bloqueado. Apenas pacotes .deb nativos.</div></div>
<div class="feature-card"><div class="feature-icon">🎨</div><div class="feature-title">Visual Unico</div><div class="feature-desc">Tema Orchis-Purple-Dark, icones Yaru-blue e wallpapers 4K.</div></div>
<div class="feature-card"><div class="feature-icon">📦</div><div class="feature-title">Repositorio Online</div><div class="feature-desc">Pool de pacotes exclusivos. apt install stackos-* para tudo.</div></div>
<div class="feature-card"><div class="feature-icon">🚀</div><div class="feature-title">Boot UEFI</div><div class="feature-desc">GRUB personalizado com entrada StackOS Genesis.</div></div>
<div class="feature-card"><div class="feature-icon">🔧</div><div class="feature-title">Instalador Proprio</div><div class="feature-desc">Instalador GTK rapido — menos de 1 minuto.</div></div>
</div>
</section>
<section id="apps" style="background:rgba(13,21,48,.3);max-width:100%;padding:6rem 2rem;">
<div style="max-width:1200px;margin:0 auto">
<div class="section-label">// aplicativos exclusivos</div>
<h2 class="section-title">Ferramentas <span style="color:var(--purple)">StackOS</span></h2>
<div class="apps-grid">
<div class="app-card"><img src="stackos-store.png" style="width:64px;height:64px;border-radius:12px;"><div class="app-info"><h3>StackOS Store</h3><p>Loja de aplicativos com categorias e instalacao com um clique.</p></div></div>
<div class="app-card"><img src="StackOS-Driver.png" style="width:64px;height:64px;border-radius:12px;"><div class="app-info"><h3>StackOS Drivers</h3><p>Gerenciador de drivers NVIDIA, AMD, Intel e WiFi.</p></div></div>
<div class="app-card"><img src="StackOS-Installer.png" style="width:64px;height:64px;border-radius:12px;"><div class="app-info"><h3>StackOS Installer</h3><p>Instalador GTK — instalacao em menos de 1 minuto.</p></div></div>
<div class="app-card"><div class="app-icon">⚡</div><div class="app-info"><h3>StackOS Fastfetch</h3><p>Config personalizada com logo e cores StackOS.</p></div></div>
<div class="app-card"><div class="app-icon">🎨</div><div class="app-info"><h3>StackOS Themes</h3><p>Tema GTK Orchis-Purple-Dark com icones Yaru-blue.</p></div></div>
<div class="app-card"><div class="app-icon">🖼</div><div class="app-info"><h3>StackOS Wallpapers</h3><p>Colecao de wallpapers 4K oficiais da distro.</p></div></div>
</div>
</div>
</section>
<img src="banner2.png" style="width:100%;display:block;margin:0 auto;" alt="StackOS Genesis Notebook">
<div class="download-section" id="download">
<div class="section-label" style="margin-bottom:1rem">// download</div>
<h2>Pronto para <span style="color:var(--blue)">comecar?</span></h2>
<p>Baixe o StackOS Genesis 1.1 e experimente agora mesmo.</p>
<div class="download-btns">
<div style="text-align:center;margin-bottom:1.5rem;display:flex;justify-content:center;gap:1.5rem;align-items:center"><a href="https://sourceforge.net/projects/stackos-genesis/" target="_blank"><img src="https://sourceforge.net/cdn/files/award/users-love-us-dark.png" alt="Users Love Us" style="height:80px"></a><a href="https://sourceforge.net/projects/stackos-genesis/" target="_blank"><img src="https://sourceforge.net/cdn/files/award/rising-star-dark.png" alt="Rising Star" style="height:80px"></a></div>
<a href="/download" class="btn-primary">⬇ Download ISO (2.1GB)</a> <a href="https://sourceforge.net/projects/stackos-genesis/files/1.1/stackos-1.1-amd64.iso/download" class="btn-secondary" style="margin-left:12px">⬇ Espelho Sourceforge</a>
<a href="docs/" class="btn-secondary">📄 Documentacao</a>
</div>
<div class="download-info">stackos-1.1-amd64.iso • Ubuntu 26.04 • UEFI/BIOS • 2.1GB • <span style="color:#00cc66">▼ 51% menor que a build inicial — Snap removido, zero bloatware</span></div>
</div>
<footer>
<div class="footer-logo">⚡ StackOS Genesis</div>
<div class="footer-links">
<a href="https://github.com/stackoslinux-dev">GitHub</a>
<a href="https://github.com/stackoslinux-dev/repo">Repositorio</a>
<a href="https://github.com/stackoslinux-dev/repo/discussions">Forum</a>
<a href="docs/">Docs</a>
<a href="mailto:stackoslinux@gmail.com">Contato</a>
<a href="https://discord.gg/tz7ZjRjatQ" target="_blank">Discord</a>
<a href="https://x.com/stackoslinux" target="_blank">Twitter / X</a>
<a href="https://www.youtube.com/@stackoslinux" target="_blank">YouTube</a>
</div>
<div class="footer-copy">© 2026 StackOS Linux • Modular. Leve. Poderoso.</div>
</footer>
</body>
</html>