Skip to content

Commit 35f9216

Browse files
author
huycozy
committed
init
0 parents  commit 35f9216

13 files changed

Lines changed: 773 additions & 0 deletions

File tree

‎assets/.DS_Store‎

6 KB
Binary file not shown.

‎assets/css/style.css‎

Lines changed: 358 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,358 @@
1+
/* Global Vars & Reset */
2+
:root {
3+
--bg-color: #0b0c15;
4+
--card-bg: rgba(255, 255, 255, 0.03);
5+
--card-border: rgba(255, 255, 255, 0.05);
6+
--text-primary: #ffffff;
7+
--text-secondary: #a1a1aa;
8+
--accent: #6366f1;
9+
--accent-glow: rgba(99, 102, 241, 0.4);
10+
--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
11+
--font-main: 'Inter', sans-serif;
12+
13+
--container-max-width: 1200px;
14+
--header-height: 80px;
15+
}
16+
17+
* {
18+
margin: 0;
19+
padding: 0;
20+
box-sizing: border-box;
21+
}
22+
23+
body {
24+
background-color: var(--bg-color);
25+
color: var(--text-primary);
26+
font-family: var(--font-main);
27+
line-height: 1.6;
28+
overflow-x: hidden;
29+
-webkit-font-smoothing: antialiased;
30+
}
31+
32+
a {
33+
text-decoration: none;
34+
color: inherit;
35+
transition: all 0.3s ease;
36+
}
37+
38+
ul {
39+
list-style: none;
40+
}
41+
42+
/* Typography */
43+
h1,
44+
h2,
45+
h3,
46+
h4,
47+
h5,
48+
h6 {
49+
font-weight: 700;
50+
line-height: 1.2;
51+
letter-spacing: -0.02em;
52+
}
53+
54+
h1 {
55+
font-size: 3.5rem;
56+
background: linear-gradient(to right, #fff, #94a3b8);
57+
background-clip: text;
58+
-webkit-background-clip: text;
59+
-webkit-text-fill-color: transparent;
60+
}
61+
62+
h2 {
63+
font-size: 2.5rem;
64+
margin-bottom: 1.5rem;
65+
}
66+
67+
h3 {
68+
font-size: 1.5rem;
69+
margin-bottom: 1rem;
70+
}
71+
72+
p {
73+
color: var(--text-secondary);
74+
margin-bottom: 1.5rem;
75+
font-size: 1.125rem;
76+
}
77+
78+
/* Layout Utilities */
79+
.container {
80+
width: 90%;
81+
max-width: var(--container-max-width);
82+
margin: 0 auto;
83+
padding: 0 20px;
84+
}
85+
86+
section {
87+
padding: 100px 0;
88+
position: relative;
89+
}
90+
91+
/* Header */
92+
header {
93+
height: var(--header-height);
94+
display: flex;
95+
align-items: center;
96+
position: fixed;
97+
top: 0;
98+
left: 0;
99+
width: 100%;
100+
z-index: 1000;
101+
background: rgba(11, 12, 21, 0.8);
102+
backdrop-filter: blur(12px);
103+
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
104+
}
105+
106+
.nav-container {
107+
display: flex;
108+
justify-content: space-between;
109+
align-items: center;
110+
width: 100%;
111+
}
112+
113+
.logo {
114+
font-size: 1.5rem;
115+
font-weight: 800;
116+
background: var(--gradient-primary);
117+
background-clip: text;
118+
-webkit-background-clip: text;
119+
-webkit-text-fill-color: transparent;
120+
}
121+
122+
.nav-links {
123+
display: flex;
124+
gap: 2rem;
125+
}
126+
127+
.nav-links a {
128+
color: var(--text-secondary);
129+
font-weight: 500;
130+
}
131+
132+
.nav-links a:hover {
133+
color: var(--text-primary);
134+
}
135+
136+
/* Buttons */
137+
.btn {
138+
display: inline-block;
139+
padding: 12px 32px;
140+
border-radius: 50px;
141+
font-weight: 600;
142+
cursor: pointer;
143+
text-align: center;
144+
transition: transform 0.2s, box-shadow 0.2s;
145+
}
146+
147+
.btn-primary {
148+
background: var(--gradient-primary);
149+
color: white;
150+
box-shadow: 0 4px 20px var(--accent-glow);
151+
}
152+
153+
.btn-primary:hover {
154+
transform: translateY(-2px);
155+
box-shadow: 0 8px 30px var(--accent-glow);
156+
}
157+
158+
.btn-secondary {
159+
background: rgba(255, 255, 255, 0.1);
160+
color: white;
161+
backdrop-filter: blur(5px);
162+
}
163+
164+
.btn-secondary:hover {
165+
background: rgba(255, 255, 255, 0.2);
166+
}
167+
168+
/* Hero Section */
169+
.hero {
170+
min-height: 100vh;
171+
display: flex;
172+
align-items: center;
173+
padding-top: var(--header-height);
174+
text-align: center;
175+
background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.15) 0%, transparent 50%);
176+
}
177+
178+
.hero-content {
179+
max-width: 800px;
180+
margin: 0 auto;
181+
}
182+
183+
.hero-subtitle {
184+
font-size: 1.25rem;
185+
max-width: 600px;
186+
margin: 1.5rem auto 2.5rem;
187+
}
188+
189+
.hero-actions {
190+
display: flex;
191+
gap: 1rem;
192+
justify-content: center;
193+
flex-wrap: wrap;
194+
align-items: center;
195+
}
196+
197+
/* Store Badges */
198+
.store-badge {
199+
display: inline-block;
200+
transition: transform 0.2s, opacity 0.2s;
201+
}
202+
203+
.store-badge img {
204+
height: 60px;
205+
width: auto;
206+
display: block;
207+
}
208+
209+
.store-badge:hover {
210+
transform: translateY(-2px);
211+
opacity: 0.9;
212+
}
213+
214+
.macos-btn {
215+
white-space: nowrap;
216+
}
217+
218+
/* Features/Value Proposition */
219+
.features-grid {
220+
display: grid;
221+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
222+
gap: 2rem;
223+
margin-top: 3rem;
224+
}
225+
226+
.feature-card {
227+
background: var(--card-bg);
228+
border: 1px solid var(--card-border);
229+
padding: 2rem;
230+
border-radius: 1.5rem;
231+
transition: transform 0.3s, border-color 0.3s;
232+
}
233+
234+
.feature-card:hover {
235+
transform: translateY(-5px);
236+
border-color: rgba(99, 102, 241, 0.3);
237+
}
238+
239+
.feature-icon {
240+
font-size: 2rem;
241+
margin-bottom: 1.5rem;
242+
display: inline-block;
243+
}
244+
245+
/* Use Cases */
246+
.use-cases-list {
247+
list-style: none;
248+
display: grid;
249+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
250+
gap: 1.5rem;
251+
}
252+
253+
.use-case-item {
254+
display: flex;
255+
align-items: center;
256+
gap: 1rem;
257+
background: rgba(255, 255, 255, 0.02);
258+
padding: 1rem 1.5rem;
259+
border-radius: 12px;
260+
border-left: 3px solid var(--accent);
261+
}
262+
263+
/* Architecture */
264+
.architecture {
265+
background: linear-gradient(180deg, transparent, rgba(99, 102, 241, 0.05), transparent);
266+
}
267+
268+
.arch-content {
269+
text-align: center;
270+
max-width: 800px;
271+
margin: 0 auto;
272+
}
273+
274+
/* Footer */
275+
footer {
276+
padding: 4rem 0;
277+
border-top: 1px solid var(--card-border);
278+
margin-top: 4rem;
279+
}
280+
281+
.footer-content {
282+
display: grid;
283+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
284+
gap: 3rem;
285+
}
286+
287+
.footer-links h4 {
288+
color: var(--text-primary);
289+
margin-bottom: 1.5rem;
290+
font-size: 1.1rem;
291+
}
292+
293+
.footer-links ul li {
294+
margin-bottom: 0.8rem;
295+
}
296+
297+
.footer-links a {
298+
color: var(--text-secondary);
299+
}
300+
301+
.footer-links a:hover {
302+
color: var(--accent);
303+
}
304+
305+
.copyright {
306+
text-align: center;
307+
margin-top: 4rem;
308+
color: rgba(255, 255, 255, 0.3);
309+
font-size: 0.9rem;
310+
}
311+
312+
/* Policy Pages */
313+
.policy-page {
314+
padding-top: calc(var(--header-height) + 4rem);
315+
max-width: 800px;
316+
margin: 0 auto;
317+
}
318+
319+
.policy-content {
320+
background: var(--card-bg);
321+
padding: 3rem;
322+
border-radius: 1rem;
323+
border: 1px solid var(--card-border);
324+
}
325+
326+
.policy-content h2 {
327+
font-size: 1.8rem;
328+
margin-top: 2.5rem;
329+
color: var(--text-primary);
330+
}
331+
332+
.policy-content h1 {
333+
margin-bottom: 2rem;
334+
}
335+
336+
/* Mobile Responsive */
337+
@media (max-width: 768px) {
338+
h1 {
339+
font-size: 2.5rem;
340+
}
341+
342+
h2 {
343+
font-size: 2rem;
344+
}
345+
346+
.nav-links {
347+
display: none;
348+
}
349+
350+
/* Simplified for now, can add hamburger later */
351+
section {
352+
padding: 60px 0;
353+
}
354+
355+
.policy-content {
356+
padding: 1.5rem;
357+
}
358+
}

‎assets/images/.DS_Store‎

6 KB
Binary file not shown.

‎assets/images/App_Store_Badge.png‎

9.45 KB
Loading

‎assets/images/GooglePlay_Badge.png‎

4.59 KB
Loading

‎assets/images/Mac_App_Store_Badge.png‎

8.54 KB
Loading

‎assets/images/appicon.ico‎

1.12 KB
Binary file not shown.

‎assets/js/constants.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
const DOWNLOAD_URLS = {
2+
android: "https://github.com/NetShareOSS/netshare/releases",
3+
ios: "https://github.com/NetShareOSS/netshare/releases",
4+
macos: "https://github.com/NetShareOSS/netshare/releases"
5+
};

‎assets/js/main.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
document.addEventListener('DOMContentLoaded', () => {
2+
const updateLinks = (platform, url) => {
3+
const elements = document.querySelectorAll(`.link-${platform}`);
4+
elements.forEach(el => {
5+
el.href = url;
6+
});
7+
};
8+
9+
if (typeof DOWNLOAD_URLS !== 'undefined') {
10+
updateLinks('android', DOWNLOAD_URLS.android);
11+
updateLinks('ios', DOWNLOAD_URLS.ios);
12+
updateLinks('macos', DOWNLOAD_URLS.macos);
13+
}
14+
});

0 commit comments

Comments
 (0)