From 46445385b70bd7e645cf400ace89e09df1b2b6a0 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 24 May 2025 09:53:15 +0200
Subject: [PATCH 1/6] fix: roof, really?

---
 index.css        | 8 ++++----
 index.html       | 4 ++--
 team-leader.html | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.css b/index.css
index 1301224..93e0646 100644
--- a/index.css
+++ b/index.css
@@ -46,13 +46,13 @@ li {
   color: var(--color);
 }
 
-.customer-satisfaction-roof-parent {
+.customer-satisfaction-parent {
   filter: url(#round);
   /* Making the triangle fit the rest of the house */
   margin: 0 -1rem;
 }
 
-.customer-satisfaction-roof {
+.customer-satisfaction {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
@@ -63,8 +63,8 @@ li {
   font-size: clamp(15px, 2.1vw, 28px);
 }
 
-.customer-satisfaction-roof h2,
-.customer-satisfaction-roof p {
+.customer-satisfaction h2,
+.customer-satisfaction p {
   margin: 0;
   padding: 0 0.5rem 0.5rem;
   border-radius: 0;
diff --git a/index.html b/index.html
index 0d13844..46d8948 100644
--- a/index.html
+++ b/index.html
@@ -20,8 +20,8 @@
       <h1 class="thinking-people-system">Thinking People System</h1>
     </header>
     <main id="thinking-people-system">
-      <div class="customer-satisfaction-roof-parent">
-        <section class="customer-satisfaction-roof focusable">
+      <div class="customer-satisfaction-parent">
+        <section class="customer-satisfaction focusable">
           <h2 class="customer-satisfaction">Customer Satisfaction</h2>
           <p class="value-analysis-value-engineering">
             <span class="use-value">Use</span> Value analysis /
diff --git a/team-leader.html b/team-leader.html
index be07cce..cf2bb3a 100644
--- a/team-leader.html
+++ b/team-leader.html
@@ -20,8 +20,8 @@
       <h1 class="thinking-people-system">Thinking People System</h1>
     </header>
     <main id="thinking-people-system">
-      <div class="customer-satisfaction-roof-parent">
-        <section class="customer-satisfaction-roof focusable">
+      <div class="customer-satisfaction-parent">
+        <section class="customer-satisfaction focusable">
           <h2 class="customer-satisfaction">Is the customer satisfied?</h2>
         </section>
       </div>

From 57e59355474dae7fafdce3686cb5c47682a0c5fe Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 24 May 2025 10:02:17 +0200
Subject: [PATCH 2/6] delivery

---
 index.html       | 2 +-
 team-leader.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 35dc883..e12c7f0 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@
         <ul>
           <li class="safety focusable">Safety</li>
           <li class="quality focusable">Quality</li>
-          <li class="lead-time focusable">Lead&nbsp;time</li>
+          <li class="delivery focusable">Delivery</li>
           <li class="cost focusable">Cost</li>
           <li class="environment focusable">Environment</li>
         </ul>
diff --git a/team-leader.html b/team-leader.html
index 8309fb2..28cc674 100644
--- a/team-leader.html
+++ b/team-leader.html
@@ -31,7 +31,7 @@
         <ul>
           <li class="safety focusable">Safety</li>
           <li class="quality focusable">Quality</li>
-          <li class="lead-time focusable">Lead&nbsp;time</li>
+          <li class="delivery focusable">Delivery</li>
           <li class="cost focusable">Cost</li>
           <li class="environment focusable">Environment</li>
         </ul>

From ed05ff409f1ec14f810ab284e8b4a1060bcb1bc7 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 24 May 2025 18:36:03 +0200
Subject: [PATCH 3/6] better small display & simple customer satisfaction

---
 core.css  |  6 ++++--
 index.css |  7 ++++---
 main.ts   | 10 +++++++++-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/core.css b/core.css
index 6775e2a..22e1227 100644
--- a/core.css
+++ b/core.css
@@ -4,6 +4,8 @@
   --primary-color: #002992;
   --primary-color-no-focus: #abbbdf;
   --color: white;
+  --font-size: 28px;
+  --min-font-size: 15px;
 }
 
 *:not(td):not(th) {
@@ -26,7 +28,7 @@ main {
   flex-direction: column;
   justify-content: center;
   gap: 0;
-  margin: 1rem 1rem 0;
+  padding: 1rem 1rem 0;
   color: var(--color);
 }
 
@@ -42,4 +44,4 @@ main {
 
 .meaning::after {
   content: ')';
-}
\ No newline at end of file
+}
diff --git a/index.css b/index.css
index 93e0646..80723d3 100644
--- a/index.css
+++ b/index.css
@@ -1,5 +1,5 @@
 body {
-  font-size: clamp(11px, 2.1vw, 28px);
+  font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px));
 }
 
 ul {
@@ -59,8 +59,9 @@ li {
   align-items: center;
   text-align: center;
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
-  min-height: 150px;
-  font-size: clamp(15px, 2.1vw, 28px);
+  /* Set --min-height in JS or fallback to 150px if --font-size is 28px, otherwise 110px */
+  min-height: var(--min-height, 150px);
+  font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px));
 }
 
 .customer-satisfaction h2,
diff --git a/main.ts b/main.ts
index 3fede01..a7a40f9 100644
--- a/main.ts
+++ b/main.ts
@@ -31,12 +31,20 @@ if (display === 'house-only') {
   document.querySelectorAll('.hud')?.forEach((hud) => hud.remove())
 }
 
+const simpleCustomerSatisfaction = params.get('customer-satisfaction')
+
+if (simpleCustomerSatisfaction === 'simple') {
+  document.querySelector('.value-analysis-value-engineering')?.remove()
+}
+
 const size = params.get('size')
 
 if (size === 'small') {
   const body = document.querySelector('body')
   if (body) {
-    body.style.fontSize = '15px'
+    document.documentElement.style.setProperty('--min-height', '100px')
+    document.documentElement.style.setProperty('--font-size', '13px')
+    document.documentElement.style.setProperty('--min-font-size', '8px')
   }
 }
 

From 8fe13a78bdd2ec21b3d99bfff3d620086b838a79 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 24 May 2025 19:09:31 +0200
Subject: [PATCH 4/6] fix: min height for very simple

---
 main.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/main.ts b/main.ts
index a7a40f9..4d206f7 100644
--- a/main.ts
+++ b/main.ts
@@ -42,7 +42,11 @@ const size = params.get('size')
 if (size === 'small') {
   const body = document.querySelector('body')
   if (body) {
-    document.documentElement.style.setProperty('--min-height', '100px')
+    if (simpleCustomerSatisfaction) {
+      document.documentElement.style.setProperty('--min-height', '80px')
+    } else {
+      document.documentElement.style.setProperty('--min-height', '100px')
+    }
     document.documentElement.style.setProperty('--font-size', '13px')
     document.documentElement.style.setProperty('--min-font-size', '8px')
   }

From 6c9d7a6279154023dea71e20ba4a25c822dee74c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 24 May 2025 19:12:15 +0200
Subject: [PATCH 5/6] smaller gapes

---
 core.css  |  1 +
 index.css | 24 ++++++++++++------------
 main.ts   |  7 ++-----
 3 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/core.css b/core.css
index 22e1227..c178556 100644
--- a/core.css
+++ b/core.css
@@ -6,6 +6,7 @@
   --color: white;
   --font-size: 28px;
   --min-font-size: 15px;
+  --gap: 1rem;
 }
 
 *:not(td):not(th) {
diff --git a/index.css b/index.css
index 80723d3..95a3e5a 100644
--- a/index.css
+++ b/index.css
@@ -11,7 +11,7 @@ li {
   flex: 1;
   list-style: none;
   text-align: center;
-  padding: 0.5rem 1rem;
+  padding: calc(var(--gap) / 2) var(--gap);
 }
 
 .focusable {
@@ -49,7 +49,7 @@ li {
 .customer-satisfaction-parent {
   filter: url(#round);
   /* Making the triangle fit the rest of the house */
-  margin: 0 -1rem;
+  margin: 0 -var(--gap);
 }
 
 .customer-satisfaction {
@@ -67,12 +67,12 @@ li {
 .customer-satisfaction h2,
 .customer-satisfaction p {
   margin: 0;
-  padding: 0 0.5rem 0.5rem;
+  padding: 0 calc(var(--gap) / 2) calc(var(--gap) / 2);
   border-radius: 0;
 }
 
 .levers {
-  margin: 0.5rem 0;
+  margin: calc(var(--gap) / 2) 0;
 }
 
 .levers ul {
@@ -82,8 +82,8 @@ li {
   justify-content: space-between;
   align-items: center;
   padding-left: 0;
-  row-gap: 0.5rem;
-  gap: 0.5rem;
+  row-gap: calc(var(--gap) / 2);
+  gap: calc(var(--gap) / 2);
 }
 
 .people-improvement {
@@ -108,7 +108,7 @@ li {
 .pilars h3 {
   margin-top: 0;
   margin-bottom: 0;
-  padding: 1rem 2rem;
+  padding: var(--gap) 2rem;
   width: calc(100% - (2rem * 2));
   text-align: center;
 }
@@ -119,7 +119,7 @@ li {
   flex: 2;
   flex-direction: column;
   align-items: center;
-  gap: 1rem;
+  gap: var(--gap);
 }
 
 .pilars ul {
@@ -128,7 +128,7 @@ li {
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
-  gap: 0.5rem;
+  gap: calc(var(--gap) / 2);
 }
 
 .pilars li {
@@ -142,8 +142,8 @@ li {
 .ground {
   display: flex;
   flex-direction: column;
-  margin: 0.5rem 0;
-  gap: 1rem;
+  margin: calc(var(--gap) / 2) 0;
+  gap: var(--gap);
 }
 
 .improvement ul,
@@ -174,7 +174,7 @@ main a:focus-visible {
 
 details.hud {
   font-size: 16px;
-  margin: 1rem;
+  margin: var(--gap);
 }
 
 details.hud li {
diff --git a/main.ts b/main.ts
index 4d206f7..fb17a2a 100644
--- a/main.ts
+++ b/main.ts
@@ -42,11 +42,8 @@ const size = params.get('size')
 if (size === 'small') {
   const body = document.querySelector('body')
   if (body) {
-    if (simpleCustomerSatisfaction) {
-      document.documentElement.style.setProperty('--min-height', '80px')
-    } else {
-      document.documentElement.style.setProperty('--min-height', '100px')
-    }
+    document.documentElement.style.setProperty('--min-height', '100px')
+    document.documentElement.style.setProperty('--gap', '0.5rem')
     document.documentElement.style.setProperty('--font-size', '13px')
     document.documentElement.style.setProperty('--min-font-size', '8px')
   }

From 0c0e2f006e203a24be750f84d2571dc2e75a3eba Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 26 May 2025 11:46:14 +0200
Subject: [PATCH 6/6] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ff518b1..741df6b 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
 # Thinking People System
 
-An interactive website to better understand the Thinking People System.
+[An interactive website](https://thinking-people-system.house) to better understand the Thinking People System.