Skip to content

Commit d8d7025

Browse files
KSemenenkoKSemenenko
committed
page
1 parent c5a2ff3 commit d8d7025

File tree

1 file changed

+41
-30
lines changed

1 file changed

+41
-30
lines changed

‎gh-pages/index.html‎

Lines changed: 41 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@
5959
<meta name="apple-mobile-web-app-title" content="dotPilot">
6060
<meta name="format-detection" content="telephone=no">
6161
<meta name="mobile-web-app-capable" content="yes">
62-
<meta name="theme-color" content="#FF7E5D">
63-
<meta name="msapplication-TileColor" content="#FF7E5D">
62+
<meta name="theme-color" content="#2563eb">
63+
<meta name="msapplication-TileColor" content="#2563eb">
6464

6565
<!-- Fonts -->
6666
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -179,13 +179,16 @@
179179

180180
<style>
181181
:root {
182-
--color-accent: #FF7E5D;
183-
--color-accent-hover: #ff9478;
184-
--color-bg: #0a0a0a;
185-
--color-bg-secondary: #141414;
186-
--color-text: #ffffff;
187-
--color-text-secondary: #a0a0a0;
188-
--color-border: #2a2a2a;
182+
--color-accent: #2563eb;
183+
--color-accent-hover: #1d4ed8;
184+
--color-accent-light: #dbeafe;
185+
--color-bg: #ffffff;
186+
--color-bg-secondary: #f8fafc;
187+
--color-bg-tertiary: #f1f5f9;
188+
--color-text: #0f172a;
189+
--color-text-secondary: #64748b;
190+
--color-border: #e2e8f0;
191+
--color-border-hover: #cbd5e1;
189192
--font-family: 'Host Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
190193
}
191194

@@ -220,8 +223,8 @@
220223
left: 0;
221224
right: 0;
222225
z-index: 100;
223-
background: rgba(10, 10, 10, 0.9);
224-
backdrop-filter: blur(10px);
226+
background: rgba(255, 255, 255, 0.92);
227+
backdrop-filter: blur(12px);
225228
border-bottom: 1px solid var(--color-border);
226229
}
227230

@@ -264,7 +267,7 @@
264267

265268
.version-badge {
266269
background: var(--color-accent);
267-
color: var(--color-bg);
270+
color: #ffffff;
268271
padding: 6px 12px;
269272
border-radius: 20px;
270273
font-size: 14px;
@@ -275,17 +278,19 @@
275278
.hero {
276279
padding: 160px 0 80px;
277280
text-align: center;
281+
background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
278282
}
279283

280284
.hero h1 {
281285
font-size: clamp(40px, 7vw, 72px);
282286
font-weight: 700;
283287
margin-bottom: 24px;
284288
line-height: 1.1;
289+
color: var(--color-text);
285290
}
286291

287292
.hero h1 .highlight {
288-
background: linear-gradient(120deg, var(--color-accent) 0%, #ff9478 100%);
293+
background: linear-gradient(120deg, var(--color-accent) 0%, #3b82f6 50%, #6366f1 100%);
289294
-webkit-background-clip: text;
290295
-webkit-text-fill-color: transparent;
291296
background-clip: text;
@@ -318,7 +323,7 @@
318323
align-items: center;
319324
gap: 8px;
320325
padding: 16px 32px;
321-
border-radius: 8px;
326+
border-radius: 10px;
322327
font-size: 16px;
323328
font-weight: 600;
324329
text-decoration: none;
@@ -327,22 +332,25 @@
327332

328333
.btn-primary {
329334
background: var(--color-accent);
330-
color: var(--color-bg);
335+
color: #ffffff;
336+
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
331337
}
332338

333339
.btn-primary:hover {
334340
background: var(--color-accent-hover);
335341
transform: translateY(-2px);
342+
box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
336343
}
337344

338345
.btn-secondary {
339-
background: transparent;
346+
background: var(--color-bg);
340347
color: var(--color-text);
341348
border: 1px solid var(--color-border);
342349
}
343350

344351
.btn-secondary:hover {
345-
border-color: var(--color-text-secondary);
352+
border-color: var(--color-border-hover);
353+
background: var(--color-bg-secondary);
346354
transform: translateY(-2px);
347355
}
348356

@@ -416,22 +424,23 @@
416424
}
417425

418426
.feature-card {
419-
background: var(--color-bg-secondary);
427+
background: var(--color-bg);
420428
border: 1px solid var(--color-border);
421429
border-radius: 16px;
422430
padding: 32px;
423-
transition: transform 0.3s, border-color 0.3s;
431+
transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
424432
}
425433

426434
.feature-card:hover {
427435
transform: translateY(-4px);
428436
border-color: var(--color-accent);
437+
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.1);
429438
}
430439

431440
.feature-icon {
432441
width: 48px;
433442
height: 48px;
434-
background: linear-gradient(120deg, var(--color-accent) 0%, #ff9478 100%);
443+
background: var(--color-accent-light);
435444
border-radius: 12px;
436445
display: flex;
437446
align-items: center;
@@ -474,12 +483,13 @@
474483
font-size: 16px;
475484
font-weight: 500;
476485
color: var(--color-text);
477-
transition: border-color 0.3s, transform 0.3s;
486+
transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
478487
}
479488

480489
.provider-badge:hover {
481490
border-color: var(--color-accent);
482491
transform: translateY(-2px);
492+
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
483493
}
484494

485495
/* Downloads Section */
@@ -496,17 +506,18 @@
496506
}
497507

498508
.download-card {
499-
background: var(--color-bg-secondary);
509+
background: var(--color-bg);
500510
border: 1px solid var(--color-border);
501511
border-radius: 16px;
502512
padding: 32px;
503513
text-align: center;
504-
transition: transform 0.3s, border-color 0.3s;
514+
transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
505515
}
506516

507517
.download-card:hover {
508518
transform: translateY(-4px);
509519
border-color: var(--color-accent);
520+
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.1);
510521
}
511522

512523
.download-card .icon {
@@ -573,12 +584,12 @@
573584
margin: 0 auto 32px;
574585
}
575586

576-
/* Footer - Light gradient style inspired by aibase.fr */
587+
/* Footer */
577588
footer {
578589
padding: 60px 0 40px;
579-
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%);
590+
background: var(--color-bg-tertiary);
580591
text-align: center;
581-
border-top: none;
592+
border-top: 1px solid var(--color-border);
582593
}
583594

584595
.footer-content {
@@ -596,7 +607,7 @@
596607
}
597608

598609
.footer-links a {
599-
color: #495057;
610+
color: var(--color-text-secondary);
600611
text-decoration: none;
601612
font-weight: 500;
602613
font-size: 15px;
@@ -610,13 +621,13 @@
610621
.footer-divider {
611622
width: 60px;
612623
height: 3px;
613-
background: linear-gradient(90deg, var(--color-accent), #ff9478);
624+
background: linear-gradient(90deg, var(--color-accent), #6366f1);
614625
margin: 0 auto 24px;
615626
border-radius: 2px;
616627
}
617628

618629
footer p {
619-
color: #6c757d;
630+
color: var(--color-text-secondary);
620631
font-size: 14px;
621632
}
622633

@@ -632,7 +643,7 @@
632643

633644
.footer-copyright {
634645
margin-top: 16px;
635-
color: #868e96;
646+
color: #94a3b8;
636647
font-size: 13px;
637648
}
638649

0 commit comments

Comments
 (0)