From bc437cc2da51eab321ba3945d20811993959b69b Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Feb 2025 10:57:11 +0100
Subject: [PATCH] feat: use value in the game

---
 index.css  | 31 +++++++++++++++++++++++++++++++
 index.html |  3 ++-
 main.ts    |  9 +++++++++
 3 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index f54f74f..3ba629d 100644
--- a/index.css
+++ b/index.css
@@ -167,4 +167,35 @@ details.hud li {
 .round-svg {
   visibility: hidden;
   height: 0;
+}
+
+.use-value {
+  display: none;
+  visibility: hidden;
+  text-align: center;
+  text-decoration: underline;
+  background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: rainbow-animation 5s ease-in-out infinite;
+  background-size: 400% 100%;
+}
+
+.display-use-value {
+  display: inline;
+  visibility: visible;
+}
+
+
+@keyframes rainbow-animation {
+
+  0%,
+  100% {
+    background-position: 0 0;
+  }
+
+  50% {
+    background-position: 100% 0;
+  }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a7d03fa..684c642 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,8 @@
         <section class="customer-satisfaction-roof focusable">
           <h2 class="customer-satisfaction">Customer Satisfaction</h2>
           <p class="value-analysis-value-engineering">
-            Value analysis / Value engineering
+            <span class="use-value">Use</span> Value analysis /
+            <span class="use-value">Use</span> Value engineering
           </p>
         </section>
       </div>
diff --git a/main.ts b/main.ts
index 29dfeb4..027e98a 100644
--- a/main.ts
+++ b/main.ts
@@ -89,3 +89,12 @@ if (screenshotHouseButton) {
     }
   })
 }
+
+const useValue = params.get('use-value')
+
+if (useValue !== null) {
+  const value = document.querySelectorAll('.use-value')
+  value.forEach((value) => {
+    value.classList.add('display-use-value')
+  })
+}