Merge branch 'develop' into bugfix/RZA-250145

Author: recursivezero

package.json

@@ -136,4 +136,4 @@
     "prettier-plugin-astro": "0.14.1",
     "shx": "0.3.4"
   }
-}
+}

src/assets/icons/confetti.svg

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+
 :root {
   --t: 0.8s;
   --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -90,10 +91,9 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: start;
   flex: 1;
   width: 100%;
-  max-width: 800px;
 }
 
 .image-container {
@@ -334,7 +334,6 @@
 @media (max-width: 768px) {
   .alphabet-wrapper {
     padding: 1.5rem 1rem;
-    margin-top: 10rem;
     justify-content: flex-start;
   }
 

src/assets/icons/floral.svg

@@ -0,0 +1,122 @@
+#confetti rect {
+  opacity: 0;
+}
+
+#confetti rect:nth-child(1) {
+  transform-origin: 45px 5px;
+  transform: rotate(-145deg);
+  animation: blast 631ms 88ms infinite ease-out;
+}
+
+#confetti rect:nth-child(2) {
+  transform-origin: 87px 5px;
+  transform: rotate(164deg);
+  animation: blast 442ms 131ms infinite ease-out;
+}
+
+#confetti rect:nth-child(3) {
+  transform-origin: 128px 6px;
+  transform: rotate(4deg);
+  animation: blast 662ms 92ms infinite ease-out;
+}
+
+#confetti rect:nth-child(4) {
+  transform-origin: 170px 6px;
+  transform: rotate(-175deg);
+  animation: blast 593ms 17ms infinite ease-out;
+}
+
+#confetti rect:nth-child(5) {
+  transform-origin: 213px 5px;
+  transform: rotate(-97deg);
+  animation: blast 476ms 122ms infinite ease-out;
+}
+
+#confetti rect:nth-child(6) {
+  transform-origin: 255px 6px;
+  transform: rotate(57deg);
+  animation: blast 381ms 271ms infinite ease-out;
+}
+
+#confetti rect:nth-child(7) {
+  transform-origin: 297px 5px;
+  transform: rotate(-46deg);
+  animation: blast 619ms 131ms infinite ease-out;
+}
+
+#confetti rect:nth-child(8) {
+  transform-origin: 338px 6px;
+  transform: rotate(-65deg);
+  animation: blast 668ms 85ms infinite ease-out;
+}
+
+#confetti rect:nth-child(9) {
+  transform-origin: 380px 6px;
+  transform: rotate(13deg);
+  animation: blast 377ms 128ms infinite ease-out;
+}
+
+#confetti rect:nth-child(10) {
+  transform-origin: 423px 5px;
+  transform: rotate(176deg);
+  animation: blast 508ms 311ms infinite ease-out;
+}
+
+#confetti rect:nth-child(11) {
+  transform-origin: 465px 5px;
+  transform: rotate(108deg);
+  animation: blast 595ms 108ms infinite ease-out;
+}
+
+#confetti rect:nth-child(12) {
+  transform-origin: 506px 6px;
+  transform: rotate(62deg);
+  animation: blast 375ms 105ms infinite ease-out;
+}
+
+#confetti rect:nth-child(13) {
+  transform-origin: 549px 5px;
+  transform: rotate(16deg);
+  animation: blast 491ms 149ms infinite ease-out;
+}
+
+/* pattern-based styling */
+#confetti rect:nth-child(odd) {
+  fill: #65bb5c;
+}
+
+#confetti rect:nth-child(even) {
+  fill: #33aaff;
+}
+
+#confetti rect:nth-child(4n) {
+  fill: #f23b14;
+  animation-duration: 1400ms !important;
+}
+
+#confetti rect:nth-child(3n) {
+  animation-duration: 1750ms !important;
+  animation-delay: 700ms !important;
+}
+
+#confetti rect:nth-child(4n-7) {
+  fill: #2a2f6a;
+}
+
+#confetti rect:nth-child(6n) {
+  fill: #fbba23;
+}
+
+@keyframes blast {
+  from {
+    opacity: 0;
+  }
+
+  20% {
+    opacity: 1;
+  }
+
+  to {
+    transform: translateY(90px);
+  }
+}

src/assets/styles/cards/stack.css

@@ -35,7 +35,9 @@
     & span {
       display: inline;
       margin-inline: 0.5rem;
-      color: #f19292;
+      letter-spacing: 1px;
+      font-style: italic;
+      color: #4e0a0a;
     }
 
     .social {

src/assets/styles/confetti.css

@@ -138,6 +138,11 @@
     align-items: center;
   }
 
+  li {
+    text-align: left;
+    padding-left: 12px;
+  }
+
   @container thread (max-width: 768px) {
     main {
       grid-template-areas: "content";

src/assets/styles/contact.css

@@ -50,7 +50,6 @@
     &[popover] {
       inset: unset;
       width: auto;
-      right: 0;
       bottom: 0;
       margin: auto;
       overflow-y: hidden;

src/assets/styles/globals.css

@@ -36,20 +36,6 @@
   color: var(--color-text);
 }
 
-/*.header {
-  width: 100%;
-  padding: 0.75rem 2rem;
-  background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light));
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  box-shadow: var(--box-shadow-md);
-}*/
-
 .score-next-container {
   display: flex;
   flex-direction: row;
@@ -99,7 +85,7 @@
 }
 
 .operator-btn span {
-  font-size: 5.8rem;
+  font-size: clamp(3rem, 4vw, 5.8rem);
   line-height: 1;
 }
 

src/assets/styles/map/popup.css

@@ -171,7 +171,7 @@
   color: #ffffff;
   border: 2px solid #000000;
   outline: 3px dotted #866e6e;
-  outline-offset: 5px;
+  outline-offset: 3px;
 }
 
 .chip:hover {