diff --git a/index.html b/index.html
index ce16f24..0208996 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
Value analysis / Value engineering
-
+
- Security
- Quality
@@ -99,14 +99,14 @@
-
+
- Heijunka
- Standards
- Kaizen
-
+
- 5S
- Problem solving
- TPM
diff --git a/main.ts b/main.ts
index 043c659..c399ac1 100644
--- a/main.ts
+++ b/main.ts
@@ -18,3 +18,19 @@ if (size === "small") {
body.style.fontSize = "15px"
}
}
+
+const focusElements = params.getAll("focus")
+
+if (focusElements.length >= 0) {
+ const focusables = document.querySelectorAll(".focusable")
+
+ focusables.forEach((focusable) => {
+ const elementToFocus = focusElements.some((element) =>
+ focusable.classList.contains(element)
+ )
+
+ if (!elementToFocus) {
+ focusable.classList.add("no-focus")
+ }
+ })
+}
diff --git a/style.css b/style.css
index c72fa62..1a1eb5b 100644
--- a/style.css
+++ b/style.css
@@ -2,7 +2,7 @@
:root {
--background-color: #b2f1ad;
- --background-color-no-focus: #b2f1ad80;
+ --background-color-no-focus: #f4f9f3;
}
* {
@@ -42,6 +42,10 @@ li {
background-color: var(--background-color);
}
+.focusable.no-focus {
+ background-color: var(--background-color-no-focus);
+}
+
.customer-satisfaction-roof {
display: flex;
flex-direction: column;