From 3c7351a0e8fc1570c1d190c9146aef20e1de1786 Mon Sep 17 00:00:00 2001
From: Aline <aline.keller@gmail.com>
Date: Wed, 14 Dec 2022 17:44:42 +0100
Subject: [PATCH 1/2] Header: add option to hide or show current menu item

---
 assets/components/organisms/header/header.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/components/organisms/header/header.twig b/assets/components/organisms/header/header.twig
index d372ced99..c9d7c3caa 100644
--- a/assets/components/organisms/header/header.twig
+++ b/assets/components/organisms/header/header.twig
@@ -7,7 +7,7 @@
   </a>
   <ul aria-hidden="true" class="nav-header d-none d-xl-flex">
     {% for head in header %}
-      <li id="menu-item-{{ loop.index }}" {% if loop.index == 2 %} class="current-menu-item"{% endif %}>
+      <li id="menu-item-{{ loop.index }}" {% if ( loop.index == 2 ) and ( showCurrentMenuItem|default(true) ) %} class="current-menu-item"{% endif %}>
         {% if language == 'fr' %}
         <a class="nav-item" href="{{ head.url_fr }}">{{ head.name_fr }}</a>
         {% endif %}

From 2331d11e973051f5ddb475c31a5adc4c9acea003 Mon Sep 17 00:00:00 2001
From: Aline <aline.keller@gmail.com>
Date: Wed, 14 Dec 2022 17:45:00 +0100
Subject: [PATCH 2/2] Create 'Error 404' page template

---
 assets/components/entrypoint.scss             |  1 +
 .../components/pages/error-404/error-404.scss | 12 +++++
 .../components/pages/error-404/error-404.twig | 50 +++++++++++++++++++
 .../components/pages/error-404/error-404.yml  |  2 +
 4 files changed, 65 insertions(+)
 create mode 100644 assets/components/pages/error-404/error-404.scss
 create mode 100644 assets/components/pages/error-404/error-404.twig
 create mode 100644 assets/components/pages/error-404/error-404.yml

diff --git a/assets/components/entrypoint.scss b/assets/components/entrypoint.scss
index b9822a3a6..86c755f8c 100644
--- a/assets/components/entrypoint.scss
+++ b/assets/components/entrypoint.scss
@@ -128,3 +128,4 @@
 @import 'pages/people-detail/people-detail';
 @import 'pages/blog-single/blog-single';
 @import 'pages/study-plan-course/study-plan-course';
+@import 'pages/error-404/error-404';
diff --git a/assets/components/pages/error-404/error-404.scss b/assets/components/pages/error-404/error-404.scss
new file mode 100644
index 000000000..f970e23cf
--- /dev/null
+++ b/assets/components/pages/error-404/error-404.scss
@@ -0,0 +1,12 @@
+
+.error-title {
+  color: $red;
+  font-size: 12vw;
+  margin-bottom: .75rem;
+  text-align: center;
+}
+
+.error-404 .search-form {
+  margin: 0 auto;
+  max-width: 50rem;
+}
diff --git a/assets/components/pages/error-404/error-404.twig b/assets/components/pages/error-404/error-404.twig
new file mode 100644
index 000000000..b27017242
--- /dev/null
+++ b/assets/components/pages/error-404/error-404.twig
@@ -0,0 +1,50 @@
+{% set isSpecial = true %}
+{% if language is not defined %}{% set language = 'en' %}{% endif %}
+
+{% extends "@templates/base/base.twig" %}
+
+{% block header %}
+  {% include '@organisms/header/header.twig' with { long_nav_lang: true, showCurrentMenuItem: false } %}
+{% endblock %}
+
+{% block main %}
+  <main id="main" role="main" class="content">
+
+    {% block content %}
+      <section class="error-404 not-found">
+        <div class="page-content container">
+          <p class="h1 mt-4 error-title">404</p>
+          <h1 class="h3 text-center">
+            {% if language == 'fr' %}
+            Cette page est introuvable.
+            {% elseif language == 'en' %}
+            That page can't be found.
+            {% elseif language == 'de' %}
+            Diese Seite konnte nicht gefunden werden.
+            {% endif %}
+          </h1>
+          <div class="mt-5 pt-2">
+            <form action="#" class="border-0 p-0">
+              <div class="search-form mt-1 input-group">
+                {% if language == 'fr' %}
+                <label for="search" class="sr-only">Rechercher sur le site</label>
+                <input type="text" class="form-control" name="search" placeholder="Rechercher sur le site" >
+                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Valider</button>
+                {% elseif language == 'en' %}
+                <label for="search" class="sr-only">Search on the site</label>
+                <input type="text" class="form-control" name="search" placeholder="Search on the site" >
+                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Validate</button>
+                {% elseif language == 'de' %}
+                <label for="search" class="sr-only">Suchen</label>
+                <input type="text" class="form-control" name="search" placeholder="Suchen" >
+                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Bestätigen</button>
+                {% endif %}
+              </div>
+            </form>
+          </div>
+        </div>
+      </section>
+    {% endblock %}
+
+  </main>
+{% endblock %}
diff --git a/assets/components/pages/error-404/error-404.yml b/assets/components/pages/error-404/error-404.yml
new file mode 100644
index 000000000..4ff1104af
--- /dev/null
+++ b/assets/components/pages/error-404/error-404.yml
@@ -0,0 +1,2 @@
+name: error-404
+title: Error 404