remove: delete incomplete example
This commit is contained in:
Patrick Stewart
parent
1007479792
commit
4b46016e35
5 changed files with 0 additions and 950 deletions
0
websites/.gitkeep
Normal file
0
websites/.gitkeep
Normal file
|
|
@ -1,21 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="160" height="40" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- P shape with gradient -->
|
||||
<path d="M10 5h15c5.523 0 10 4.477 10 10s-4.477 10-10 10H20v10H10V5z" fill="url(#gradient)"/>
|
||||
<path d="M20 15h5c2.761 0 5 2.239 5 5s-2.239 5-5 5h-5v-10z" fill="#ffffff"/>
|
||||
|
||||
<!-- Circular element representing technology/connectivity -->
|
||||
<circle cx="45" cy="20" r="8" fill="url(#gradient)" opacity="0.8"/>
|
||||
<circle cx="45" cy="20" r="4" fill="#ffffff"/>
|
||||
|
||||
<!-- Text "Protevus" -->
|
||||
<text x="65" y="28" font-family="Arial, sans-serif" font-weight="bold" font-size="24" fill="currentColor">Protevus</text>
|
||||
|
||||
<!-- Gradient definition -->
|
||||
<defs>
|
||||
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#512BD4"/>
|
||||
<stop offset="100%" style="stop-color:#6742D9"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 995 B |
|
|
@ -1,120 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="300.000000pt" height="76.000000pt" viewBox="0 0 300.000000 76.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.10, written by Peter Selinger 2001-2011
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,76.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M350 735 c0 -20 -4 -26 -15 -21 -12 4 -15 -5 -15 -49 0 -30 5 -55 10
|
||||
-55 6 0 10 -13 10 -28 0 -24 -9 -33 -60 -63 l-60 -34 0 -112 c0 -109 1 -113
|
||||
25 -129 23 -15 25 -23 25 -85 0 -42 -4 -69 -11 -69 -6 0 -9 -12 -7 -28 3 -31
|
||||
34 -38 51 -10 9 13 7 21 -6 36 -12 13 -17 36 -17 75 0 31 3 57 8 57 4 0 18 -9
|
||||
31 -19 23 -17 24 -23 18 -95 -5 -71 -4 -76 14 -76 24 0 36 27 20 43 -6 6 -11
|
||||
33 -11 60 l0 48 30 -21 c30 -21 41 -62 20 -75 -28 -17 3 -71 34 -59 18 7 22
|
||||
49 6 59 -18 11 -11 53 12 69 12 9 26 16 30 16 11 0 10 -82 -1 -99 -13 -20 -2
|
||||
-41 19 -41 21 0 32 21 19 41 -5 8 -9 37 -9 65 0 44 4 54 25 68 25 16 25 16 25
|
||||
-17 0 -18 -4 -37 -10 -43 -13 -13 5 -39 20 -29 8 5 11 25 8 60 -4 48 -3 53 24
|
||||
68 l28 16 0 113 0 113 -64 38 c-61 36 -64 40 -56 66 4 15 8 47 8 70 1 38 -1
|
||||
42 -21 39 -18 -2 -22 -10 -23 -41 -1 -21 3 -40 7 -43 5 -3 9 -14 9 -25 0 -20
|
||||
0 -20 -35 1 l-35 22 -35 -22 -35 -22 0 21 c0 12 5 21 10 21 13 0 13 97 0 105
|
||||
-5 3 -7 12 -4 19 3 8 1 17 -5 21 -7 4 -11 -4 -11 -20z m130 -175 c25 -16 67
|
||||
-41 93 -56 l48 -28 -3 -105 -3 -106 -70 -42 c-122 -73 -102 -72 -209 -12 l-96
|
||||
54 0 105 0 105 93 57 c50 31 94 57 97 57 3 -1 25 -13 50 -29z"/>
|
||||
<path d="M379 521 c-16 -16 -29 -36 -29 -45 0 -8 -8 -20 -17 -25 -15 -9 -14
|
||||
-10 10 -11 22 0 27 4 27 25 0 32 33 65 64 65 28 0 56 -33 56 -67 0 -19 5 -23
|
||||
30 -23 36 0 70 -31 70 -63 0 -31 -39 -67 -73 -67 -23 0 -27 -4 -27 -30 0 -39
|
||||
-34 -74 -66 -67 -13 2 -21 0 -18 -4 9 -15 61 -10 75 8 8 9 18 30 24 47 7 23
|
||||
17 32 37 34 15 2 37 15 49 30 26 34 20 88 -14 117 -13 11 -27 28 -30 38 -4 9
|
||||
-15 20 -24 24 -10 3 -30 15 -45 25 -37 26 -65 23 -99 -11z"/>
|
||||
<path d="M403 498 c-6 -7 -13 -23 -16 -35 -5 -21 -2 -23 39 -23 39 0 44 2 44
|
||||
23 0 41 -45 64 -67 35z"/>
|
||||
<path d="M276 418 c-9 -12 -15 -32 -15 -43 1 -20 1 -20 6 0 3 11 14 30 26 43
|
||||
11 12 15 22 9 22 -6 0 -18 -10 -26 -22z"/>
|
||||
<path d="M306 404 c-9 -8 -16 -21 -16 -28 0 -19 33 -46 56 -46 16 0 20 8 22
|
||||
45 1 41 0 45 -23 45 -13 0 -31 -7 -39 -16z"/>
|
||||
<path d="M401 406 c-7 -8 -11 -27 -9 -43 3 -25 7 -28 37 -28 29 0 36 4 42 28
|
||||
6 21 3 30 -14 42 -27 19 -41 19 -56 1z m45 -27 c10 -17 -13 -36 -27 -22 -12
|
||||
12 -4 33 11 33 5 0 12 -5 16 -11z"/>
|
||||
<path d="M495 375 c0 -40 3 -45 22 -45 24 0 53 24 53 45 0 21 -29 45 -53 45
|
||||
-19 0 -22 -5 -22 -45z"/>
|
||||
<path d="M390 286 c0 -24 23 -56 40 -56 17 0 40 32 40 56 0 21 -4 24 -40 24
|
||||
-36 0 -40 -3 -40 -24z"/>
|
||||
<path d="M306 282 c-8 -13 11 -35 23 -28 16 10 14 36 -3 36 -8 0 -17 -4 -20
|
||||
-8z"/>
|
||||
<path d="M520 270 c0 -23 25 -27 33 -6 7 16 -1 26 -20 26 -7 0 -13 -9 -13 -20z"/>
|
||||
<path d="M404 696 c-10 -26 4 -48 28 -44 17 2 23 10 23 28 0 18 -6 26 -23 28
|
||||
-13 2 -25 -3 -28 -12z"/>
|
||||
<path d="M146 680 c-34 -11 -66 -38 -66 -57 0 -16 57 -53 83 -53 16 0 17 -15
|
||||
17 -180 0 -173 -1 -180 -20 -180 -11 0 -20 -5 -20 -11 0 -5 -4 -7 -10 -4 -19
|
||||
12 -11 45 10 45 19 0 20 7 20 110 l0 110 -45 0 -45 0 0 -110 c0 -103 1 -110
|
||||
20 -110 16 0 20 -7 20 -30 0 -18 6 -33 15 -36 11 -4 15 -21 15 -55 0 -27 5
|
||||
-49 10 -49 6 0 10 -7 10 -15 0 -21 18 -19 23 3 4 16 5 16 6 0 0 -10 5 -18 9
|
||||
-18 16 0 31 46 34 105 3 56 1 60 -19 63 -23 3 -23 4 -23 183 0 160 2 179 17
|
||||
179 9 0 31 12 50 26 34 25 34 26 16 46 -17 20 -74 49 -90 47 -4 0 -21 -5 -37
|
||||
-9z m68 -26 c20 -19 20 -24 0 -52 -26 -37 -74 -23 -74 23 0 42 44 59 74 29z
|
||||
m45 -41 c-14 -16 -14 -16 -23 22 -7 29 -7 29 13 11 16 -15 18 -22 10 -33z
|
||||
m-129 12 c0 -18 -4 -23 -15 -19 -16 6 -20 26 -8 37 13 14 23 6 23 -18z m18
|
||||
-232 c-2 -11 -14 -19 -31 -21 -22 -3 -27 1 -27 17 0 17 6 21 31 21 24 0 30 -4
|
||||
27 -17z m0 -85 c3 -14 -3 -18 -27 -18 -29 0 -41 17 -24 34 13 13 48 1 51 -16z
|
||||
m72 -173 l0 -55 -35 0 -35 0 0 55 0 55 35 0 35 0 0 -55z"/>
|
||||
<path d="M162 648 c-7 -7 -12 -18 -12 -25 0 -15 30 -32 48 -26 17 7 15 50 -4
|
||||
57 -20 8 -18 8 -32 -6z"/>
|
||||
<path d="M621 664 c-12 -15 -21 -35 -21 -45 0 -20 33 -59 50 -59 6 0 10 -65
|
||||
10 -176 0 -176 0 -177 -25 -200 -32 -29 -32 -59 1 -89 14 -13 24 -31 22 -41
|
||||
-2 -9 3 -19 11 -22 10 -3 12 2 7 21 -5 20 -2 27 12 32 22 6 44 49 36 68 -3 8
|
||||
2 20 11 27 8 7 15 23 15 36 0 13 5 23 12 22 7 -2 12 2 13 9 0 6 3 15 8 19 4 4
|
||||
7 42 7 85 0 67 -3 78 -19 84 -23 7 -32 47 -15 70 17 23 7 45 -21 45 -29 0 -38
|
||||
-22 -20 -47 8 -10 14 -29 14 -43 l-1 -25 -8 25 -8 25 -1 -27 c-1 -16 -5 -28
|
||||
-11 -28 -6 0 -10 -33 -10 -80 0 -49 4 -80 10 -80 6 0 10 -8 8 -18 -2 -10 2
|
||||
-16 10 -14 9 2 12 -6 10 -25 -3 -30 -16 -37 -38 -23 -12 8 -15 39 -14 185 l1
|
||||
175 27 21 c51 40 24 119 -40 119 -13 0 -32 -12 -43 -26z m79 -3 c0 -6 -15 -12
|
||||
-32 -14 -29 -3 -27 -4 10 -5 48 -2 55 -19 22 -52 -24 -24 -29 -24 -58 -4 -24
|
||||
17 -29 53 -10 72 14 14 68 16 68 3z m70 -251 c0 -5 -16 -10 -36 -10 -21 0 -33
|
||||
4 -29 10 3 6 19 10 36 10 16 0 29 -4 29 -10z m-22 -37 c-21 -2 -38 -8 -38 -13
|
||||
0 -5 17 -11 38 -13 l37 -4 -42 -1 c-37 -2 -43 1 -43 18 0 17 6 20 43 18 l42
|
||||
-1 -37 -4z m32 -57 c0 -23 -17 -36 -46 -36 -27 0 -34 4 -34 20 0 17 7 20 40
|
||||
20 22 0 40 -2 40 -4z m-78 -161 c8 -19 8 -28 -2 -40 -23 -28 -70 -12 -70 25 0
|
||||
42 54 54 72 15z"/>
|
||||
<path d="M94 536 c-10 -26 4 -48 28 -44 33 4 33 52 0 56 -13 2 -25 -3 -28 -12z"/>
|
||||
<path d="M924 473 c3 -27 5 -28 75 -31 63 -3 73 -6 88 -28 24 -37 3 -52 -85
|
||||
-60 l-72 -7 0 -58 c0 -33 0 -62 0 -66 0 -5 11 -9 25 -10 23 -2 25 1 25 41 l0
|
||||
44 62 4 c51 4 65 9 85 32 27 32 30 81 7 115 -24 34 -74 51 -148 51 -65 0 -65
|
||||
0 -62 -27z"/>
|
||||
<path d="M1190 354 l0 -145 27 3 c26 3 27 5 24 51 -2 46 -2 47 27 47 25 0 35
|
||||
-8 62 -50 26 -41 37 -50 61 -50 36 0 36 7 -2 60 l-31 42 26 27 c48 50 27 126
|
||||
-41 152 -13 5 -53 9 -89 9 l-64 0 0 -146z m164 64 c17 -28 -4 -52 -49 -56 -27
|
||||
-2 -39 -9 -42 -23 -11 -40 -23 -17 -23 44 l0 63 51 -6 c34 -3 56 -11 63 -22z"/>
|
||||
<path d="M1518 479 c-51 -26 -71 -68 -66 -136 4 -41 11 -60 33 -83 58 -60 139
|
||||
-63 199 -7 62 59 67 137 13 195 -51 55 -115 66 -179 31z m54 -54 c7 -33 -7
|
||||
-40 -30 -17 -17 17 -17 20 -3 30 24 16 28 14 33 -13z m82 -1 c29 -30 34 -54
|
||||
11 -54 -8 0 -15 -7 -15 -15 0 -8 7 -15 15 -15 8 0 15 -6 15 -13 0 -21 -12 -28
|
||||
-27 -15 -18 15 -29 2 -14 -16 10 -12 8 -17 -8 -25 -11 -6 -24 -11 -29 -11 -15
|
||||
0 -2 40 20 62 21 21 16 57 -8 71 -18 10 -18 57 0 57 7 0 25 -12 40 -26z m-109
|
||||
-79 c2 -39 -19 -60 -36 -34 -13 20 -11 29 6 29 8 0 15 7 15 15 0 8 -7 15 -15
|
||||
15 -15 0 -20 21 -8 34 13 13 36 -22 38 -59z m55 5 c0 -10 -7 -23 -16 -28 -12
|
||||
-6 -15 -18 -12 -36 6 -29 5 -30 -23 -15 -20 10 -20 11 -3 24 10 7 19 24 19 37
|
||||
2 46 35 63 35 18z"/>
|
||||
<path d="M1740 470 c0 -29 2 -30 45 -30 l45 0 0 -114 0 -113 25 0 25 0 0 116
|
||||
0 117 40 -4 c39 -4 40 -3 40 27 l0 31 -110 0 -110 0 0 -30z"/>
|
||||
<path d="M2000 353 l0 -143 100 0 100 0 0 30 0 30 -75 0 -75 0 0 30 0 30 65 0
|
||||
c63 0 65 1 65 25 0 24 -2 25 -65 25 l-65 0 0 33 0 33 70 -4 70 -4 0 31 0 31
|
||||
-95 -2 -95 -2 0 -143z"/>
|
||||
<path d="M2212 492 c2 -4 27 -69 56 -144 48 -121 56 -136 78 -135 13 0 27 5
|
||||
32 11 11 14 102 254 102 267 0 6 -12 9 -27 7 -24 -3 -30 -12 -62 -105 -20 -57
|
||||
-39 -103 -42 -103 -4 0 -10 11 -13 24 -3 13 -20 60 -37 105 -29 76 -32 81 -61
|
||||
81 -16 0 -28 -4 -26 -8z"/>
|
||||
<path d="M2510 410 c0 -107 15 -151 62 -180 39 -24 69 -25 108 -5 52 27 60 49
|
||||
60 167 l0 108 -25 0 c-25 0 -25 0 -25 -98 0 -109 -11 -132 -63 -132 -53 0 -58
|
||||
18 -61 190 -1 31 -4 35 -28 38 l-28 3 0 -91z"/>
|
||||
<path d="M2845 491 c-53 -22 -77 -94 -43 -128 9 -8 40 -23 69 -33 40 -12 55
|
||||
-22 57 -38 5 -30 -35 -38 -83 -18 -35 15 -39 15 -51 -1 -20 -27 -18 -30 31
|
||||
-48 58 -23 112 -15 143 20 48 56 18 112 -73 137 -57 16 -71 41 -32 59 20 9 32
|
||||
8 58 -5 32 -16 34 -16 51 6 17 23 17 23 -20 40 -40 19 -75 22 -107 9z"/>
|
||||
<path d="M562 88 c-16 -16 -15 -33 4 -48 22 -19 54 12 38 37 -14 22 -27 26
|
||||
-42 11z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.5 KiB |
|
|
@ -1,508 +0,0 @@
|
|||
:root {
|
||||
--primary-color: #5FE3C4;
|
||||
--primary-hover: #4BC5A8;
|
||||
--text-color: #0D2538;
|
||||
--light-text: #4A5568;
|
||||
--background: #ffffff;
|
||||
--light-bg: #F8FAFC;
|
||||
--border-color: #E2E8F0;
|
||||
--card-bg: #ffffff;
|
||||
--max-width: 1200px;
|
||||
--header-height: 60px;
|
||||
}
|
||||
|
||||
.dark-theme {
|
||||
--text-color: #ffffff;
|
||||
--light-text: #CBD5E0;
|
||||
--background: #0D2538;
|
||||
--light-bg: #1A365D;
|
||||
--border-color: #2D3748;
|
||||
--card-bg: #1A365D;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
/* Header & Navigation */
|
||||
header {
|
||||
background: var(--background);
|
||||
box-shadow: 0 2px 4px rgba(13, 37, 56, 0.1);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
height: var(--header-height);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.nav-left, .nav-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.nav-left a, .nav-right a {
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.nav-left a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.logo object, .logo img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.logo:hover object, .logo:hover img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.download-button {
|
||||
background: var(--primary-color);
|
||||
color: var(--text-color) !important;
|
||||
padding: 8px 20px;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.download-button:hover {
|
||||
background: var(--primary-hover);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.search-button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
color: var(--text-color);
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.search-button:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.theme-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: var(--text-color);
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* Hero Section */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #0D2538, #1A365D);
|
||||
color: white;
|
||||
padding: 140px 20px 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100px;
|
||||
background: var(--background);
|
||||
transform: skewY(-3deg);
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 3.5rem;
|
||||
margin-bottom: 20px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
.hero p {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 40px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.hero-buttons {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.primary-button, .secondary-button {
|
||||
padding: 14px 28px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
transition: all 0.2s;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.primary-button {
|
||||
background: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.secondary-button {
|
||||
background: transparent;
|
||||
color: white;
|
||||
border: 2px solid rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
.primary-button:hover {
|
||||
background: var(--primary-hover);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.secondary-button:hover {
|
||||
background: rgba(255,255,255,0.1);
|
||||
transform: translateY(-2px);
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
/* Features Section */
|
||||
.features {
|
||||
padding: 100px 0;
|
||||
background: var(--light-bg);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.feature-grid {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 24px;
|
||||
flex-wrap: nowrap;
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
background: var(--card-bg);
|
||||
padding: 32px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 6px rgba(13, 37, 56, 0.1);
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
flex: 1;
|
||||
max-width: 280px;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 15px rgba(13, 37, 56, 0.2);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 2rem;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.feature-card h3 {
|
||||
color: var(--text-color);
|
||||
margin-bottom: 15px;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
color: var(--light-text);
|
||||
margin-bottom: 20px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.feature-link {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
transition: gap 0.2s;
|
||||
}
|
||||
|
||||
.feature-link:hover {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
/* Tools Section */
|
||||
.tools {
|
||||
padding: 80px 20px;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
.tools h2, .ecosystem h2, .learning h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
font-size: 2.5rem;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.tools-grid, .ecosystem-grid, .learning-grid {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.tool-card, .eco-card, .learning-card {
|
||||
background: var(--card-bg);
|
||||
padding: 35px;
|
||||
border-radius: 12px;
|
||||
transition: all 0.3s ease;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.tool-card:hover, .eco-card:hover, .learning-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 20px rgba(13, 37, 56, 0.2);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.tool-card i, .eco-card i, .learning-card i {
|
||||
font-size: 2rem;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tool-card h3, .eco-card h3, .learning-card h3 {
|
||||
color: var(--text-color);
|
||||
margin-bottom: 15px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.tool-card p, .eco-card p, .learning-card p {
|
||||
color: var(--light-text);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Ecosystem Section */
|
||||
.ecosystem {
|
||||
padding: 100px 20px;
|
||||
background: var(--light-bg);
|
||||
}
|
||||
|
||||
/* Learning Section */
|
||||
.learning {
|
||||
padding: 100px 20px;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
/* News Section */
|
||||
.news {
|
||||
padding: 100px 20px;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.news h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
font-size: 2.5rem;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.news-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.news-card {
|
||||
padding: 35px;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
transition: all 0.3s ease;
|
||||
background: var(--card-bg);
|
||||
}
|
||||
|
||||
.news-card:hover {
|
||||
box-shadow: 0 8px 20px rgba(13, 37, 56, 0.2);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.news-date {
|
||||
color: var(--light-text);
|
||||
font-size: 0.9rem;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.news-card h3 {
|
||||
margin-bottom: 15px;
|
||||
color: var(--text-color);
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.news-card p {
|
||||
color: var(--light-text);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: gap 0.2s;
|
||||
}
|
||||
|
||||
.learn-more:hover {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background: var(--light-bg);
|
||||
padding: 80px 20px 20px;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.footer-section h4 {
|
||||
margin-bottom: 25px;
|
||||
color: var(--text-color);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.footer-section ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.footer-section ul li {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.footer-section ul li a {
|
||||
color: var(--light-text);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.footer-section ul li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
max-width: var(--max-width);
|
||||
margin: 60px auto 0;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
text-align: center;
|
||||
color: var(--light-text);
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 1200px) {
|
||||
.feature-grid {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
flex: 0 0 calc(50% - 24px);
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.feature-card {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.hero p {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.hero-buttons {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.primary-button, .secondary-button {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav-left a:not(.logo) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.hero h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding: 120px 20px 80px;
|
||||
}
|
||||
|
||||
.features, .tools, .ecosystem, .learning, .news {
|
||||
padding: 60px 20px;
|
||||
}
|
||||
|
||||
.feature-card, .tool-card, .eco-card, .learning-card {
|
||||
padding: 25px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,301 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Protevus - Build with Dart</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
<style>
|
||||
/* Previous logo styles remain the same */
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.logo svg {
|
||||
height: 28px;
|
||||
width: auto;
|
||||
}
|
||||
.logo svg text {
|
||||
fill: var(--text-color);
|
||||
}
|
||||
.dark-theme .logo svg text {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.logo-icon {
|
||||
fill: url(#logoGradient);
|
||||
}
|
||||
.logo object, .logo img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.logo:hover object, .logo:hover img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
.logo:hover .logo-icon {
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
.logo:hover .dot-accent {
|
||||
animation: dotPulse 1.5s infinite;
|
||||
}
|
||||
.logo:hover .dot-accent:last-child {
|
||||
animation: dotPulse 1.5s infinite 0.75s;
|
||||
}
|
||||
@keyframes dotPulse {
|
||||
0% { opacity: 0.8; transform: scale(1) rotate(0deg); }
|
||||
50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
|
||||
100% { opacity: 0.8; transform: scale(1) rotate(360deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
.logo:hover .logo-text {
|
||||
text-shadow: 0 0 10px rgba(81, 43, 212, 0.3);
|
||||
}
|
||||
.logo::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
background: radial-gradient(circle, rgba(81, 43, 212, 0.2) 0%, transparent 70%);
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
.logo:hover::after {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.logo:hover .atom-rings {
|
||||
animation: spin 20s linear infinite;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark-theme');
|
||||
document.getElementById('theme-icon').classList.replace('fa-moon', 'fa-sun');
|
||||
}
|
||||
|
||||
document.querySelector('.theme-toggle').addEventListener('click', function() {
|
||||
document.body.classList.toggle('dark-theme');
|
||||
const themeIcon = document.getElementById('theme-icon');
|
||||
if (document.body.classList.contains('dark-theme')) {
|
||||
themeIcon.classList.replace('fa-moon', 'fa-sun');
|
||||
} else {
|
||||
themeIcon.classList.replace('fa-sun', 'fa-moon');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="dark-theme">
|
||||
<header>
|
||||
<nav class="main-nav">
|
||||
<div class="nav-left">
|
||||
<a href="#" class="logo">
|
||||
<object data="assets/protevus-logo.svg" type="image/svg+xml" width="200" height="50">
|
||||
<img src="assets/protevus-logo.svg" alt="Protevus Logo" width="200" height="50">
|
||||
</object>
|
||||
</a>
|
||||
<a href="#">Learn</a>
|
||||
<a href="#">Documentation</a>
|
||||
<a href="#">Community</a>
|
||||
</div>
|
||||
<div class="nav-right">
|
||||
<button class="theme-toggle" title="Toggle theme">
|
||||
<i id="theme-icon" class="fas fa-sun"></i>
|
||||
</button>
|
||||
<a href="#" class="download-button">Download</a>
|
||||
<button class="search-button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<circle cx="11" cy="11" r="8"></circle>
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1>Build anything with Protevus</h1>
|
||||
<p>Free. Cross-platform. Open source.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="#" class="primary-button">Download Protevus <i class="fas fa-download"></i></a>
|
||||
<a href="#" class="secondary-button">Get Started <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="features">
|
||||
<div class="feature-grid">
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-cloud feature-icon"></i>
|
||||
<h3>Cloud Native Apps</h3>
|
||||
<p>Build scalable, cloud-native applications using Dart and microservices architecture.</p>
|
||||
<a href="#" class="feature-link">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-globe feature-icon"></i>
|
||||
<h3>Web Apps</h3>
|
||||
<p>Create modern web applications and APIs using Dart and Protevus Core.</p>
|
||||
<a href="#" class="feature-link">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-mobile-alt feature-icon"></i>
|
||||
<h3>Mobile Apps</h3>
|
||||
<p>Build native mobile apps with Flutter and Protevus MAUI.</p>
|
||||
<a href="#" class="feature-link">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<i class="fas fa-gamepad feature-icon"></i>
|
||||
<h3>Game Development</h3>
|
||||
<p>Create games using Flame and Protevus gaming frameworks.</p>
|
||||
<a href="#" class="feature-link">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tools">
|
||||
<h2>Development Tools</h2>
|
||||
<div class="tools-grid">
|
||||
<div class="tool-card">
|
||||
<i class="fas fa-code-branch"></i>
|
||||
<h3>Protevus CLI</h3>
|
||||
<p>Command-line tools for Protevus development with Dart integration.</p>
|
||||
<a href="#" class="learn-more">Get Started <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="tool-card">
|
||||
<i class="fas fa-terminal"></i>
|
||||
<h3>DevTools</h3>
|
||||
<p>Performance and debugging tools for Dart and Protevus apps.</p>
|
||||
<a href="#" class="learn-more">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ecosystem">
|
||||
<h2>Ecosystem</h2>
|
||||
<div class="ecosystem-grid">
|
||||
<div class="eco-card">
|
||||
<i class="fas fa-box-open"></i>
|
||||
<h3>Pub Packages</h3>
|
||||
<p>Discover and use Dart packages for Protevus development.</p>
|
||||
<a href="#" class="learn-more">Browse Packages <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="eco-card">
|
||||
<i class="fas fa-plug"></i>
|
||||
<h3>Extensions</h3>
|
||||
<p>IDE extensions and tools for enhanced Dart productivity.</p>
|
||||
<a href="#" class="learn-more">View Extensions <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="eco-card">
|
||||
<i class="fas fa-users"></i>
|
||||
<h3>Community</h3>
|
||||
<p>Join the growing community of Dart and Protevus developers.</p>
|
||||
<a href="#" class="learn-more">Get Involved <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="learning">
|
||||
<h2>Learning Resources</h2>
|
||||
<div class="learning-grid">
|
||||
<div class="learning-card">
|
||||
<i class="fas fa-graduation-cap"></i>
|
||||
<h3>Tutorials</h3>
|
||||
<p>Step-by-step guides to build with Dart and Protevus.</p>
|
||||
<a href="#" class="learn-more">Start Learning <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="learning-card">
|
||||
<i class="fas fa-book"></i>
|
||||
<h3>Documentation</h3>
|
||||
<p>Comprehensive guides and API references for Dart integration.</p>
|
||||
<a href="#" class="learn-more">Read Docs <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="learning-card">
|
||||
<i class="fas fa-video"></i>
|
||||
<h3>Video Tutorials</h3>
|
||||
<p>Watch and learn Dart development with Protevus.</p>
|
||||
<a href="#" class="learn-more">Watch Now <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="news">
|
||||
<h2>Latest News</h2>
|
||||
<div class="news-grid">
|
||||
<article class="news-card">
|
||||
<span class="news-date">March 2024</span>
|
||||
<h3>Protevus 8 Release</h3>
|
||||
<p>Experience enhanced Dart support and new features in Protevus 8.</p>
|
||||
<a href="#" class="learn-more">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</article>
|
||||
<article class="news-card">
|
||||
<span class="news-date">March 2024</span>
|
||||
<h3>Dart Integration Updates</h3>
|
||||
<p>New Dart tooling and performance improvements.</p>
|
||||
<a href="#" class="learn-more">Learn more <i class="fas fa-arrow-right"></i></a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4>Protevus Platform</h4>
|
||||
<ul>
|
||||
<li><a href="#">Download</a></li>
|
||||
<li><a href="#">Getting Started</a></li>
|
||||
<li><a href="#">Release Notes</a></li>
|
||||
<li><a href="#">Dart Integration</a></li>
|
||||
<li><a href="#">Flutter Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Resources</h4>
|
||||
<ul>
|
||||
<li><a href="#">Documentation</a></li>
|
||||
<li><a href="#">Learn</a></li>
|
||||
<li><a href="#">Community</a></li>
|
||||
<li><a href="#">Pub Packages</a></li>
|
||||
<li><a href="#">Code Examples</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Community</h4>
|
||||
<ul>
|
||||
<li><a href="#">GitHub</a></li>
|
||||
<li><a href="#">Forums</a></li>
|
||||
<li><a href="#">Blogs</a></li>
|
||||
<li><a href="#">Discord</a></li>
|
||||
<li><a href="#">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Support</h4>
|
||||
<ul>
|
||||
<li><a href="#">FAQ</a></li>
|
||||
<li><a href="#">Issue Tracker</a></li>
|
||||
<li><a href="#">Security</a></li>
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
<li><a href="#">Status</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2024 Protevus</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue