update

Author: RandomCollection

css/monty_hall.css

@@ -0,0 +1,81 @@
+.doors {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  padding-bottom: 2rem;
+  /* margin-top: 2rem; */
+}
+
+.door {
+  align-items: center;
+  background: var(--color-1);
+  border: 0.1rem solid var(--color-2);
+  border-radius: 1rem;
+  color: var(--color-3);
+  cursor: pointer;
+  display: flex;
+  font-size: var(--fs-h6);
+  height: 15rem;
+  justify-content: center;
+  transition: transform 0.5s;
+  user-select: none;
+  width: 8rem;
+}
+
+.door:hover {
+  transform: scale(1.05);
+}
+
+.door.selected {
+  border: 0.3rem solid var(--color-2);
+  transform: scale(1.05);
+}
+
+.door.open {
+  background: var(--color-2);
+  font-size: 3rem;
+}
+
+.door.reveal-highlight {
+  background: var(--color-4);
+}
+
+.door.switch-choice {
+  border: 0.3rem solid var(--color-2);
+  transform: scale(1.05);
+}
+
+.controls {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+
+.controls button {
+  background: var(--color-4);
+  border: 0.1rem solid var(--color-2);
+  border-radius: 1rem;
+  /* color: var(--color-2); */
+  cursor: pointer;
+  flex: 1;
+  max-width: 12rem;
+  padding: 0.6rem 1rem;
+  text-align: center;
+}
+
+#plot {
+  /* width: 600px; */
+  /* margin: 300px auto; */
+}
+
+#game-message {
+  align-items: center;
+  background: var(--color-4);
+  border-radius: 0.5rem;
+  /* color: var(--color-2); */
+  display: flex;
+  height: 3rem;
+  justify-content: center;
+  min-height: 2rem;
+  text-align: center;
+}

element/nav.html

@@ -34,11 +34,20 @@
           </li>
         </ul>
       </li>
-      <li>
-        <a
+      <li class="nav-dropdown">
+        <button
+          class="nav-dropdown-toggle"
           data-i18n="nav_statistics"
-          href="/page/statistics/statistics.html"
-        ></a>
+          type="button"
+        ></button>
+        <ul class="nav-page-sub">
+          <li>
+            <a
+              data-i18n="nav_statistics_monty_hall"
+              href="/page/statistics/monty_hall.html"
+            ></a>
+          </li>
+        </ul>
       </li>
       <li class="nav-dropdown">
         <button

language/de.json

@@ -6,6 +6,7 @@
   "nav_finance": "Finanzen",
   "nav_finance_credit_risk_modelling": "Kreditrisikomodellierung",
   "nav_statistics": "Statistik",
+  "nav_statistics_monty_hall": "Monty Hall",
   "nav_coding": "Programmierung",
   "nav_coding_git": "Git",
   "nav_coding_html": "HTML",
@@ -30,8 +31,6 @@
   "economics_text": "<em>Res tantum valet quantum vendi potest</em>.<sup>1</sup>",
   "economics_footnote": "Fußnoten",
   "economics_footnote_1": "<sup>1</sup> Eine Sache ist nur so viel wert, wie jemand anderes dafür zu zahlen bereit ist.",
-  "statistics_title": "Statistik",
-  "statistics_text": "Hier gibt es noch nichts zu sehen.",
   "coding_git_title": "Git",
   "coding_git_text": "<strong>Git</strong> ist eine Software. Genauer gesagt ist Git ein quelloffenes, verteiltes Versionskontrollsystem. Im Gegensatz dazu ist <strong>GitHub</strong> ein Dienst. Genauer gesagt ist GitHub eine zentralisierte Plattform zum Hosten von Quellcode für die Zusammenarbeit an Git-Repositorys.",
   "coding_git_code_title": "Befehle",

language/en.json

@@ -6,6 +6,7 @@
   "nav_finance": "Finance",
   "nav_finance_credit_risk_modelling": "Credit Risk Modelling",
   "nav_statistics": "Statistics",
+  "nav_statistics_monty_hall": "Monty Hall",
   "nav_coding": "Coding",
   "nav_coding_git": "Git",
   "nav_coding_html": "HTML",
@@ -30,8 +31,6 @@
   "economics_footnote_1": "<sup>1</sup> A thing is worth only what someone else will pay for it.",
   "credit_risk_modelling_title": "Credit Risk Modelling",
   "credit_risk_modelling_text": "<a href='https://github.com/RandomCollection/Credit-Risk-Modelling' target='_blank' rel='noopener noreferrer'>Credit Risk Modelling</a> is a Python library providing a curated selection of modules to perform credit risk modelling analytics.",
-  "statistics_title": "Statistics",
-  "statistics_text": "There is nothing to see here yet.",
   "coding_git_title": "Git",
   "coding_git_text": "<strong>Git</strong> is a software. In particular, Git is an open source, distributed version control system. In contrast, <strong>GitHub</strong> is a service. In particular, GitHub is a centralised source code hosting platform for collaborating on Git repositories.",
   "coding_git_code_title": "Commands",