fix(bildungsurlaub): Work on a temporary fix to display mermaid flowc…

…hart
Agathebadia · Mar 2, 2024 · a272482 · a272482
1 parent 53eeb4d
commit a272482
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/app/components/schema/mermaid.md b/app/components/schema/mermaid.md
@@ -9,5 +9,13 @@ stateDiagram-v2
     state2 --> state3
     state3 --> state4
 ```
+
+### Scenario eligibilitz for Bildungsurlaub, flowchart version
+```mermaid
+flowchart TD
+    A("Employed") --> B("In the company for more than 6 months")
+    B --> C("Eligible for Bildungsurlaub")
+    C --> D("Can use up to 10 days every two years")
+```
 <!-- mmdc -i app/components/schema/mermaid.md -o mermaid.md -->
 <!-- https://github.com/mermaid-js/mermaid-cli -->
diff --git a/app/routes/home/template.hbs b/app/routes/home/template.hbs
@@ -1,7 +1,9 @@
 <div class="flex justify-center">
   <div>
-    <img src="mermaid.png" alt="schema to employed until eligibility for bildungsurlaub">
+    <img src="https://mermaid.ink/img/pako:eNpNkDtvwzAMhP8KwTkG6jTooKFDH0OHTtkKL4xFOwIk0dAjgRDkv1d1UFiaqA-n4-luOIpmVBgTJf4wNAdy3WU_eKhnhb2CT7dYKawbulfw5SGdGUZxC_kCkwRwErhC8vBSZ5_OsXnyXI2smc3J8ip-M1ZnP8ccLOVTIzwoeK8WOTLkBZJA_wSaSgS-cCiQrgKFKbTePXTd63-0NubKH-vbKBs-4A4dB0dG1xpuf6IB678cD6jqqHmibNOAg79XKeUkx-JHVClk3mFe9FYcqolsrLQW8iOy3VmbJOH7UfXa-P0XYap84w?type=png" alt="schema to employed until eligibility for bildungsurlaub">
   </div>
+  {{!-- TODO: Ideally find a way to display a SVG instead, which is more accessible --}}
+  {{!-- Mermaid live editor: https://mermaid.live/edit#pako:eNpNkDtvwzAMhP8KwTkG6jTooKFDH0OHTtkKL4xFOwIk0dAjgRDkv1d1UFiaqA-n4-luOIpmVBgTJf4wNAdy3WU_eKhnhb2CT7dYKawbulfw5SGdGUZxC_kCkwRwErhC8vBSZ5_OsXnyXI2smc3J8ip-M1ZnP8ccLOVTIzwoeK8WOTLkBZJA_wSaSgS-cCiQrgKFKbTePXTd63-0NubKH-vbKBs-4A4dB0dG1xpuf6IB678cD6jqqHmibNOAg79XKeUkx-JHVClk3mFe9FYcqolsrLQW8iOy3VmbJOH7UfXa-P0XYap84w --}}
 </div>
 
 TABLE OF content

diff --git a/mermaid-1.svg b/mermaid-1.svg
diff --git a/mermaid.md b/mermaid.md