project page first commit

htdocs/assets/_integrate.php

@@ -1,6 +1,6 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Cormorant+Upright&family=Lexend+Deca&family=Poppins&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Upright&family=Lexend+Deca:wght@100;300;400&family=Poppins&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="assets/style.css">
 <link rel="stylesheet" href="assets/extra-style.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" integrity="sha512-fD9DI5bZwQxOi7MhYWnnNPlvXdp/2Pj3XSTRrFs5FQa4mizyGLnJcN6tuvUS6LbmgN1ut+XGSABKvjN0H6Aoow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

htdocs/assets/images/projects-heroimage.svg

@@ -0,0 +1,37 @@
+<svg width="577" height="482" viewBox="0 0 577 482" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_153_21)">
+<path d="M464.831 463.807C466.872 463.94 468 461.3 466.456 459.761L466.302 459.125C466.322 459.074 466.343 459.023 466.363 458.973C468.427 453.848 475.423 453.884 477.47 459.016C479.286 463.57 481.599 468.133 482.169 472.949C482.424 475.075 482.309 477.241 481.856 479.327C486.112 469.647 488.352 459.077 488.352 448.447C488.352 445.777 488.212 443.106 487.925 440.442C487.689 438.263 487.363 436.097 486.942 433.951C484.664 422.351 479.731 411.303 472.616 402.075C469.195 400.129 466.343 397.086 464.62 393.439C464.001 392.123 463.516 390.708 463.286 389.266C463.675 389.319 464.754 383.148 464.46 382.769C465.003 381.912 465.973 381.486 466.566 380.65C469.513 376.491 473.572 377.217 475.691 382.869C480.219 385.247 480.263 389.192 477.485 392.987C475.717 395.401 475.474 398.667 473.924 401.251C474.083 401.464 474.249 401.67 474.409 401.883C477.334 405.789 479.865 409.988 481.998 414.399C481.395 409.497 482.285 403.59 483.802 399.783C485.53 395.445 488.767 391.792 491.618 388.042C495.042 383.537 502.065 385.503 502.668 391.213C502.674 391.268 502.679 391.324 502.685 391.379C502.261 391.628 501.847 391.892 501.441 392.171C499.13 393.762 499.929 397.493 502.668 397.933L502.73 397.943C502.576 399.531 502.315 401.105 501.932 402.653C505.589 417.378 497.693 422.742 486.419 422.982C486.17 423.115 485.927 423.248 485.678 423.374C486.821 426.723 487.733 430.158 488.41 433.639C489.016 436.715 489.437 439.824 489.673 442.946C489.967 446.886 489.941 450.846 489.622 454.779L489.641 454.639C490.452 450.308 492.711 446.262 495.991 443.458C500.877 439.279 507.781 437.74 513.052 434.381C515.59 432.764 518.841 434.854 518.398 437.917L518.377 438.063C517.592 438.396 516.826 438.781 516.086 439.213C515.663 439.461 515.248 439.726 514.842 440.005C512.531 441.596 513.33 445.327 516.069 445.767L516.131 445.777C516.175 445.783 516.214 445.79 516.258 445.797C514.912 449.125 513.036 452.214 510.687 454.878C508.4 467.733 498.578 468.952 488.071 465.209H488.065C486.916 470.418 485.238 475.507 483.081 480.356H465.277C465.213 480.15 465.156 479.938 465.098 479.732C466.745 479.838 468.404 479.739 470.025 479.426C468.704 477.739 467.383 476.038 466.062 474.351C466.03 474.317 466.004 474.284 465.979 474.251C465.309 473.387 464.632 472.53 463.962 471.667L463.962 471.666C463.92 469.014 464.226 466.371 464.831 463.807Z" fill="#F2F2F2"/>
+<path d="M508.447 223.551C503.724 254.635 478.45 297.301 443.712 338.445H255.92L275.552 209.212C321.356 209.418 379.056 194.74 425.651 187.838C476.929 180.257 514.74 182.088 508.447 223.551Z" fill="#E6E6E6"/>
+<path d="M160.191 338.445H61.2419C55.7683 338.445 51.3223 333.816 51.3223 328.118V267.822C53.5255 265.476 55.7288 263.183 57.9024 260.94C94.7455 223.047 126.154 201.055 144.838 238.26C156.022 260.539 160.903 296.89 160.191 338.445Z" fill="#E6E6E6"/>
+<path d="M564.067 0H12.943C5.8094 0 0 6.03774 0 13.4643V205.617C0 212.735 5.34506 218.598 12.0735 219.05C12.3601 219.081 12.6466 219.091 12.9429 219.091H51.594V217.034H12.943C12.6466 217.034 12.3601 217.024 12.0735 216.993C6.43199 216.53 1.97604 211.603 1.97604 205.617V13.4643C1.97603 7.1693 6.89632 2.0572 12.943 2.0572H564.067C570.114 2.0572 575.024 7.1693 575.024 13.4643V205.617C575.024 211.912 570.114 217.034 564.067 217.034H519.913V219.091H564.067C571.2 219.091 577 213.043 577 205.617V13.4643C577 6.03775 571.2 0 564.067 0Z" fill="#E6E6E6"/>
+<path d="M68.3822 65.8652C75.183 65.8652 80.6961 60.2465 80.6961 53.3156C80.6961 46.3846 75.183 40.766 68.3822 40.766C61.5815 40.766 56.0684 46.3846 56.0684 53.3156C56.0684 60.2465 61.5815 65.8652 68.3822 65.8652Z" fill="#38BDF8"/>
+<path d="M167.098 49.0223H100.817C98.5429 49.0223 96.6929 47.0962 96.6929 44.729C96.6929 42.3618 98.5429 40.4357 100.817 40.4357H167.098C169.371 40.4357 171.222 42.3618 171.222 44.729C171.222 47.0962 169.371 49.0223 167.098 49.0223Z" fill="#F2F2F2"/>
+<path d="M218.823 63.5534H100.817C98.5429 63.5534 96.6929 61.6274 96.6929 59.2601C96.6929 56.8929 98.5429 54.9668 100.817 54.9668H218.823C221.097 54.9668 222.947 56.8929 222.947 59.2601C222.947 61.6274 221.097 63.5534 218.823 63.5534Z" fill="#F2F2F2"/>
+<path d="M389.582 111.125C381.757 111.125 375.391 104.497 375.391 96.3505C375.391 88.2041 381.757 81.5764 389.582 81.5764C397.407 81.5764 403.773 88.2041 403.773 96.3505C403.773 104.497 397.407 111.125 389.582 111.125ZM389.582 83.6336C382.847 83.6336 377.367 89.3387 377.367 96.3505C377.367 103.363 382.847 109.068 389.582 109.068C396.317 109.068 401.797 103.363 401.797 96.3505C401.797 89.3387 396.317 83.6336 389.582 83.6336Z" fill="#3F3D56"/>
+<path d="M438.624 111.125C430.798 111.125 424.432 104.497 424.432 96.3505C424.432 88.2041 430.798 81.5764 438.624 81.5764C446.449 81.5764 452.815 88.2041 452.815 96.3505C452.815 104.497 446.449 111.125 438.624 111.125ZM438.624 83.6336C431.888 83.6336 426.408 89.3387 426.408 96.3505C426.408 103.363 431.888 109.068 438.624 109.068C445.359 109.068 450.839 103.363 450.839 96.3505C450.839 89.3387 445.359 83.6336 438.624 83.6336Z" fill="#3F3D56"/>
+<path d="M438.624 104.205C442.791 104.205 446.168 100.689 446.168 96.3506C446.168 92.0126 442.791 88.4959 438.624 88.4959C434.457 88.4959 431.079 92.0126 431.079 96.3506C431.079 100.689 434.457 104.205 438.624 104.205Z" fill="#38BDF8"/>
+<path d="M487.665 111.125C479.84 111.125 473.474 104.497 473.474 96.3505C473.474 88.2041 479.84 81.5764 487.665 81.5764C495.49 81.5764 501.857 88.2041 501.857 96.3505C501.857 104.497 495.49 111.125 487.665 111.125ZM487.665 83.6336C480.93 83.6336 475.45 89.3387 475.45 96.3505C475.45 103.363 480.93 109.068 487.665 109.068C494.401 109.068 499.881 103.363 499.881 96.3505C499.881 89.3387 494.401 83.6336 487.665 83.6336Z" fill="#3F3D56"/>
+<path d="M451.942 338.445H197.752C190.795 291.319 167.851 234.274 154.026 187.439C138.819 135.9 134.649 96.7247 174.975 96.7247C218.074 96.7247 290.017 135.994 349.796 187.439C404.514 234.51 449.049 291.775 451.942 338.445Z" fill="#F2F2F2"/>
+<path d="M509.721 339.474H61.2419C55.2275 339.474 50.3342 334.38 50.3342 328.118V151.282C50.3342 145.02 55.2275 139.926 61.2419 139.926H509.721C515.735 139.926 520.629 145.02 520.629 151.282V328.118C520.629 334.38 515.735 339.474 509.721 339.474ZM61.2419 141.983C56.3168 141.983 52.3103 146.154 52.3103 151.282V328.118C52.3103 333.245 56.3168 337.417 61.2419 337.417H509.721C514.646 337.417 518.653 333.245 518.653 328.118V151.282C518.653 146.154 514.646 141.983 509.721 141.983H61.2419Z" fill="#3F3D56"/>
+<path d="M405.247 472.464L412.947 472.463L416.61 441.542L405.245 441.543L405.247 472.464Z" fill="#FFB6B6"/>
+<path d="M377.41 472.464L385.11 472.463L388.773 441.542L377.408 441.543L377.41 472.464Z" fill="#FFB6B6"/>
+<path d="M361.135 293.61L371.565 380.034L377.246 455.737H390.375L397.129 378.851L395.993 322.665L403.946 376.485L402.399 455.737H416.999L429.51 377.668L428.464 288.252L361.135 293.61Z" fill="#2F2E41"/>
+<path d="M405.082 156.474H382.538L375.542 166.376L357.363 175.178L368.156 243.941L360.771 295.101C360.771 295.101 412.468 311.605 429.51 291.251C431.379 288.682 431.592 285.795 428.794 282.328L425.534 241.741L426.102 171.327L408.491 164.726L405.082 156.474Z" fill="#38BDF8"/>
+<path d="M344.547 289.928L349.251 270.182L360.46 271.406L354.774 292.098C355.045 292.691 355.24 293.335 355.339 294.018C355.876 297.737 353.416 301.205 349.843 301.765C346.271 302.324 342.94 299.762 342.403 296.043C342.06 293.672 342.94 291.406 344.547 289.928Z" fill="#FFB6B6"/>
+<path d="M363.369 173.56L355.034 175.788C352.143 176.046 347.256 195.874 349.634 200.171C349.634 200.171 345.964 234.976 347.973 238.255C349.981 241.533 345.596 281.265 345.596 281.265L360.766 281.348L372.565 204.983L362.012 182.243C361.892 178.407 367.042 173.233 363.369 173.56Z" fill="#38BDF8"/>
+<path d="M431.432 108.255L436.417 126.858L447.022 125.376L441.079 105.903C441.322 105.332 441.489 104.716 441.565 104.064C441.977 100.52 439.55 97.299 436.146 96.8706C432.741 96.4423 429.647 98.9684 429.236 102.513C428.974 104.773 429.868 106.898 431.432 108.255Z" fill="#FFB6B6"/>
+<path d="M409.282 184.723C410.408 189.188 414.598 192.047 418.976 191.313C425.833 190.163 435.398 187.667 439.867 182.398L453.454 172.636L457.592 168.843C459.861 166.764 460.687 163.457 459.678 160.491L443.427 112.715L430.841 116.675L441.933 150.904L442.576 151.24C436.711 152.717 427.438 161.203 424.791 165.641C419.194 164.967 415.507 169.311 412.435 175.272C409.639 177.464 408.393 181.199 409.282 184.723Z" fill="#38BDF8"/>
+<path d="M393.676 153.726C404.351 153.726 413.004 144.717 413.004 133.604C413.004 122.491 404.351 113.482 393.676 113.482C383.001 113.482 374.348 122.491 374.348 133.604C374.348 144.717 383.001 153.726 393.676 153.726Z" fill="#FFB6B6"/>
+<path d="M408.489 120.989C407.906 123.91 411.681 127.624 411.098 130.535C410.712 132.51 410.258 134.587 408.815 136.069C407.472 137.437 405.466 138.064 403.994 139.309C402.008 140.985 401.188 143.762 401.968 146.149C402.492 147.722 403.638 149.379 403.539 150.901C403.52 151.281 403.421 151.662 403.203 152.022C402.314 153.575 400.062 153.76 398.184 153.76H388.788C381.932 153.75 375.944 149.049 373.929 142.22C373.622 141.201 373.306 140.245 372.97 139.411C371.617 136.058 370.629 132.571 370.036 129.033C369.473 125.731 372.526 124.106 373.84 120.989C375.272 117.564 375.154 113.09 378.661 111.444C382.169 109.788 385.884 112.195 389.747 111.526L389.895 111.495C394.509 110.631 399.479 106.867 403.994 108.008C406.592 108.667 409.082 110.055 410.841 111.938C409.596 112.617 408.262 113.09 406.889 113.347C408.736 113.316 410.604 113.573 412.392 114.108C412.866 115.003 413.182 115.98 413.291 116.998C413.459 118.521 409.22 119.333 408.558 120.773C408.529 120.845 408.499 120.917 408.489 120.989Z" fill="#2F2E41"/>
+<path d="M484.821 103.16C484.551 103.16 484.283 103.046 484.088 102.822C483.722 102.401 483.752 101.751 484.158 101.369L489.64 96.2012L484.677 90.4937C484.31 90.0728 484.342 89.4224 484.746 89.0412C485.151 88.66 485.776 88.6922 486.141 89.1135L491.768 95.5835C492.134 96.0044 492.103 96.6548 491.698 97.036L485.483 102.894C485.294 103.072 485.057 103.16 484.821 103.16Z" fill="#3F3D56"/>
+<path d="M392.536 103.16C392.299 103.16 392.062 103.072 391.873 102.894L385.658 97.036C385.253 96.6548 385.222 96.0044 385.589 95.5835L391.215 89.1135C391.58 88.6922 392.206 88.66 392.61 89.0412C393.014 89.4224 393.046 90.0728 392.679 90.4937L387.716 96.2012L393.199 101.369C393.604 101.751 393.635 102.401 393.268 102.822C393.073 103.046 392.805 103.16 392.536 103.16Z" fill="#3F3D56"/>
+<path d="M432.551 473.582C432.479 475.213 430.648 479.266 429.146 479.735C424.631 481.144 403.123 480.528 402.3 477.387C400.281 479.329 402.256 461.712 404.768 463.969C409.907 468.586 413.494 466.465 414.202 462.728L415.055 460.47L415.222 460.724C415.741 461.515 414.451 459.139 415.369 459.082C415.475 459.076 417.868 464.105 418.641 464.67L418.703 464.773C420.772 468.245 424.575 470.166 428.475 469.711C429.683 469.57 430.939 469.983 431.713 470.96C432.277 471.673 432.596 472.596 432.551 473.582Z" fill="#2F2E41"/>
+<path d="M404.887 473.582C404.814 475.213 402.983 479.266 401.481 479.735C396.966 481.144 375.459 480.528 374.636 477.387C372.617 479.329 374.592 461.712 377.104 463.969C382.243 468.586 385.829 466.465 386.538 462.728L387.391 460.47L387.557 460.724C388.077 461.515 386.786 459.139 387.705 459.082C387.811 459.076 390.204 464.105 390.977 464.67L391.038 464.773C393.107 468.245 396.911 470.166 400.811 469.711C402.019 469.57 403.275 469.983 404.049 470.96C404.613 471.673 404.931 472.596 404.887 473.582Z" fill="#2F2E41"/>
+<path d="M274.815 480.776C274.815 481.455 275.339 482 275.991 482H526.245C526.897 482 527.421 481.455 527.421 480.776C527.421 480.097 526.897 479.552 526.245 479.552H275.991C275.339 479.552 274.815 480.097 274.815 480.776Z" fill="#CCCCCC"/>
+</g>
+<defs>
+<clipPath id="clip0_153_21">
+<rect width="577" height="482" fill="white"/>
+</clipPath>
+</defs>
+</svg>

htdocs/assets/style.css

@@ -614,6 +614,11 @@ video {
   z-index: 100;
 }
 
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -634,6 +639,11 @@ video {
   margin-right: 1.5rem;
 }
 
+.mx-7 {
+  margin-left: 1.75rem;
+  margin-right: 1.75rem;
+}
+
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -649,6 +659,16 @@ video {
   margin-bottom: 1.75rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.my-\[0\.30rem\] {
+  margin-top: 0.30rem;
+  margin-bottom: 0.30rem;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -701,6 +721,10 @@ video {
   margin-left: 0.5rem;
 }
 
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
 .ml-5 {
   margin-left: 1.25rem;
 }
@@ -709,6 +733,10 @@ video {
   margin-left: 1.5rem;
 }
 
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
 .ml-8 {
   margin-left: 2rem;
 }
@@ -717,6 +745,18 @@ video {
   margin-left: 0.59rem;
 }
 
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -797,6 +837,10 @@ video {
   height: 50px;
 }
 
+.h-\[70px\] {
+  height: 70px;
+}
+
 .h-full {
   height: 100%;
 }
@@ -949,6 +993,10 @@ video {
   border-radius: 0.5rem;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .border-\[2px\] {
   border-width: 2px;
 }
@@ -992,6 +1040,10 @@ video {
   background-color: rgb(56 189 248 / var(--tw-bg-opacity));
 }
 
+.bg-accent_secondary_transparent {
+  background-color: rgba(255, 255, 255, 0.30);
+}
+
 .bg-bg_primary {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
@@ -1006,6 +1058,15 @@ video {
   padding: 2.5rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1108,6 +1169,14 @@ video {
   font-weight: 700;
 }
 
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
 .text-accent_four {
   --tw-text-opacity: 1;
   color: rgb(172 203 222 / var(--tw-text-opacity));
@@ -1123,6 +1192,10 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-accent_secondary_transparent {
+  color: rgba(255, 255, 255, 0.30);
+}
+
 .text-accent_three {
   --tw-text-opacity: 1;
   color: rgb(217 217 217 / var(--tw-text-opacity));
@@ -1133,6 +1206,31 @@ video {
   color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
+.text-\[\#38BDF8\] {
+  --tw-text-opacity: 1;
+  color: rgb(56 189 248 / var(--tw-text-opacity));
+}
+
+.text-\[\#3FF989\] {
+  --tw-text-opacity: 1;
+  color: rgb(63 249 137 / var(--tw-text-opacity));
+}
+
+.text-\[\#CD6CFB\] {
+  --tw-text-opacity: 1;
+  color: rgb(205 108 251 / var(--tw-text-opacity));
+}
+
+.text-\[\#DCDF3F\] {
+  --tw-text-opacity: 1;
+  color: rgb(220 223 63 / var(--tw-text-opacity));
+}
+
+.text-\[\#EC4B4B\] {
+  --tw-text-opacity: 1;
+  color: rgb(236 75 75 / var(--tw-text-opacity));
+}
+
 .opacity-20 {
   opacity: 0.2;
 }
@@ -1238,6 +1336,11 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-bg_third:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 51 74 / var(--tw-bg-opacity));
+}
+
 .hover\:text-accent_secondary:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1263,6 +1366,11 @@ video {
   width: 100%;
 }
 
+.group:hover .group-hover\:bg-accent_secondary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 @media (min-width: 1024px) {
   .lg\:bottom-\[-6rem\] {
     bottom: -6rem;
@@ -1334,6 +1442,10 @@ video {
     margin-bottom: 0.25rem;
   }
 
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
   .lg\:mb-16 {
     margin-bottom: 4rem;
   }
@@ -1354,6 +1466,10 @@ video {
     margin-right: 2.5rem;
   }
 
+  .lg\:mr-\[12\.5rem\] {
+    margin-right: 12.5rem;
+  }
+
   .lg\:mr-\[6\.5rem\] {
     margin-right: 6.5rem;
   }
@@ -1378,6 +1494,10 @@ video {
     margin-top: 2.5rem;
   }
 
+  .lg\:mt-\[3\.5rem\] {
+    margin-top: 3.5rem;
+  }
+
   .lg\:mt-\[7rem\] {
     margin-top: 7rem;
   }
@@ -1487,6 +1607,11 @@ video {
     line-height: 1.75rem;
   }
 
+  .lg\:blur-2xl {
+    --tw-blur: blur(40px);
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+  }
+
   .lg\:blur-lg {
     --tw-blur: blur(16px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1534,6 +1659,10 @@ video {
     margin-bottom: 2.5rem;
   }
 
+  .\32xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
   .\32xl\:mt-16 {
     margin-top: 4rem;
   }