feat: some shit

public/app.css

@@ -3,27 +3,40 @@ p {
 }
 
 h1,
-h2 {
+h2,
+h3 {
+  color: var(--text-light);
   font-family: 'Roboto', sans-serif;
 }
 
+article h2 {
+  font-size: 24px;
+  margin-top: 20px;
+}
+
+article h3 {
+  font-size: 20px;
+  margin-top: 16px;
+}
+
 :root {
   --neutral-1000: #000000;
   --neutral-800: #16161E;
   --neutral-500: #252530;
   --neutral-400: #2C2C3A;
   --neutral-300: #414152;
-  --neutral-100: #AAAABB;
+  --neutral-100: #D5D5D7;
   --neutral-000: #F1F1F4;
+  --fill: #cb5a5a;
 }
 
 body {
-  --background-dark: var(--neutral800);
-  --background: var(--neutral000);
-  --background-light: var(--neutral400);
-  --outline: var(--neutral300);
-  --text: var(--neutral1000);
-  --layer100: var(--neutral000);
+  --background-dark: var(--neutral-800);
+  --background: var(--neutral-000);
+  --background-light: var(--neutral-400);
+  --outline: var(--neutral-300);
+  --text: var(--neutral-800);
+  --text-light: black;
 
   --border-radius-md: 20px;
 
@@ -34,9 +47,26 @@ body {
   transition: background-color 0.1s;
   color: var(--text);
   font-family: 'Nunito Sans', sans-serif;
+  background-color: var(--neutral-000);
+}
+
+.dark body {
+  --background-dark: var(--neutral-800);
+  --background: var(--neutral-500);
+  --background-light: var(--neutral-400);
+  --background-gradient: linear-gradient(-30deg, var(--neutral-500) 0%, var(--neutral-400) 100%);
+  --outline: var(--neutral-300);
+  --text: var(--neutral-100);
+  --text-light: white;
+  background-color: var(--neutral-1000);
+}
+
+.dark .noise::before {
+  opacity: 1;
 }
 
 .noise::before {
+  opacity: 0.3;
   content: "";
   position: absolute;
   height: 100%;
@@ -47,21 +77,15 @@ body {
   /* opacity: 0.3; */
 }
 
-.theme-dark {
-  --background-dark: var(--neutral800);
-  --background: var(--neutral500);
-  --background-light: var(--neutral400);
-  --background-gradient: linear-gradient(-30deg, var(--neutral500) 0%, var(--neutral400) 100%);
-  --outline: var(--neutral300);
-  --text: var(--neutral100);
-  --layer100: var(--background-dark);
-}
-
 img {
   max-width: 100%;
   height: auto;
 }
 
+video {
+  border-radius: 10px;
+}
+
 .center {
   display: flex;
   justify-content: center;

public/images/arrow_a.svg

@@ -0,0 +1,3 @@
+<svg width="153" height="41" viewBox="0 0 153 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.604426 7.50762C0.252586 7.28903 0.144563 6.82661 0.36315 6.47477L3.92525 0.741183C4.14384 0.389342 4.60626 0.28132 4.9581 0.499908C5.30994 0.718496 5.41796 1.18092 5.19938 1.53276L2.03307 6.62928L7.12959 9.79559C7.48143 10.0142 7.58945 10.4766 7.37087 10.8284C7.15228 11.1803 6.68986 11.2883 6.33802 11.0697L0.604426 7.50762ZM96.315 39.0315L96.551 39.7434L96.315 39.0315ZM64.2152 8.78029C57.8106 11.4477 52.836 12.1939 48.4085 11.913C44.0022 11.6333 40.1814 10.3355 36.1448 9.01019C32.0953 7.68065 27.7817 6.30471 22.2711 5.76803C16.7635 5.23164 10.0288 5.53165 1.17083 7.60089L0.829611 6.14022C9.82605 4.03863 16.7259 3.72089 22.4165 4.2751C28.1042 4.82902 32.5526 6.25203 36.6127 7.58504C40.6855 8.92225 44.3217 10.1506 48.5035 10.416C52.6643 10.68 57.409 9.99013 63.6385 7.39558L64.2152 8.78029ZM63.6385 7.39558C70.1382 4.68854 77.4556 4.66764 84.2447 6.28707C91.0332 7.90638 97.3523 11.1788 101.885 15.1378C106.387 19.0708 109.27 23.8177 108.823 28.3903C108.368 33.0384 104.53 37.0978 96.551 39.7434L96.079 38.3196C103.826 35.7512 106.961 32.0201 107.33 28.2443C107.707 24.393 105.265 20.0825 100.898 16.2675C96.5602 12.4787 90.4642 9.31274 83.8966 7.74614C77.3296 6.17966 70.3498 6.22533 64.2152 8.78029L63.6385 7.39558ZM96.551 39.7434C92.8525 40.9697 89.6552 40.9308 87.071 39.9217C84.4836 38.9113 82.5882 36.9576 81.4502 34.5026C79.1849 29.6158 79.9006 22.7402 83.9827 16.9695C92.2346 5.30416 113.921 -1.68242 152.757 19.1066L152.049 20.429C113.422 -0.247958 92.7773 7.13427 85.2073 17.8358C81.3784 23.2485 80.8105 29.5558 82.8111 33.8718C83.8061 36.0182 85.4311 37.671 87.6167 38.5245C89.8055 39.3792 92.6339 39.4619 96.079 38.3196L96.551 39.7434Z" fill="#414152"/>
+</svg>

public/images/arrow_b.svg

@@ -0,0 +1,3 @@
+<svg width="94" height="21" viewBox="0 0 94 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M93.3536 4.35355C93.5488 4.15829 93.5488 3.84171 93.3536 3.64645L90.1716 0.464466C89.9763 0.269204 89.6597 0.269204 89.4645 0.464466C89.2692 0.659728 89.2692 0.976311 89.4645 1.17157L92.2929 4L89.4645 6.82843C89.2692 7.02369 89.2692 7.34027 89.4645 7.53553C89.6597 7.7308 89.9763 7.7308 90.1716 7.53553L93.3536 4.35355ZM0.792401 20.4056C11.4392 12.73 26.4625 8.74294 42.8747 6.68361C59.2771 4.62552 76.9975 4.5 93 4.5V3.5C77.0025 3.5 59.2229 3.62448 42.7503 5.69139C26.2875 7.75706 11.0608 11.77 0.207599 19.5944L0.792401 20.4056Z" fill="#414152"/>
+</svg>

public/projects/invoice.svg

@@ -0,0 +1,10 @@
+<svg width="119" height="112" viewBox="0 0 119 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="57" cy="56" r="56" fill="url(#paint0_linear_20_29)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65 15L108.5 15C114.023 15 118.5 19.4772 118.5 25L118.5 69L98.5 69L98.5 49.1421L64.0711 83.571C60.2105 87.4316 53.9671 87.4822 50.0445 83.6848L20 54.5991L20 104.5L-1.95608e-06 104.5L-3.49691e-07 31C-2.61938e-07 26.9849 2.40147 23.3591 6.09839 21.7925C9.7953 20.226 14.0707 21.0225 16.9555 23.8152L56.8863 62.4716L84.3579 35L65 35L65 15Z" fill="black"/>
+<defs>
+<linearGradient id="paint0_linear_20_29" x1="20.5" y1="2" x2="93" y2="106.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF8E3C"/>
+<stop offset="1" stop-color="#D9376E"/>
+</linearGradient>
+</defs>
+</svg>

public/projects/plantarium/plantarium.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-HostUrl=about:internet