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

-
+
-
    +
    • 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;