add a 404 page template

ot_templating/Resources/Private/Layouts/Classic/E404.html

@@ -0,0 +1,25 @@
+{namespace v=FluidTYPO3\Vhs\ViewHelpers}
+{namespace ot=Opentalent\OtTemplating\ViewHelpers}
+
+<f:comment><!-- Special layout for the All Events page --></f:comment>
+<f:layout name="E404" />
+
+<f:comment><!-- Render the header defined in partials/Header.html--></f:comment>
+<f:render partial="Classic/Header" arguments="{_all}" />
+
+<div class="main">
+
+    <f:comment><!-- Central column --></f:comment>
+    <div class="content">
+
+        <div class="errpage">
+            <h3>Erreur 404 - Page introuvable</h3>
+
+            <p>Il semblerait que la page que vous souhaitez consulter n'existe pas ou n'est plus disponible</p>
+            <p>Veuillez vérifier que l'URL saisie est bien correcte</p>
+        </div>
+    </div>
+</div>
+
+<f:comment><!-- Render the footer defined in partials/footer.html--></f:comment>
+<f:render partial="Classic/Footer" />

ot_templating/Resources/Private/Layouts/Modern/E404.html

@@ -0,0 +1,33 @@
+{namespace v=FluidTYPO3\Vhs\ViewHelpers}
+{namespace ot=Opentalent\OtTemplating\ViewHelpers}
+
+<f:comment><!-- Special layout for the All Events page --></f:comment>
+<f:layout name="E404" />
+
+<section class="t-container st-effect-3">
+    <div class="wrapper">
+
+        <f:comment><!-- Render the header defined in partials/Header.html--></f:comment>
+        <f:render partial="Modern/Header" arguments="{_all}" />
+
+        <section class="page-section-ptb">
+            <div class="container">
+                <div class="row">
+                    <div class="col-sm-12 mt-30">
+
+                        <div class="errpage">
+                            <h2>Erreur 404 - Page introuvable</h2>
+
+                            <p>Il semblerait que la page que vous souhaitez consulter n'existe pas ou n'est plus disponible</p>
+                            <p>Veuillez vérifier que l'URL saisie est bien correcte</p>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <f:comment><!-- Render the footer defined in partials/footer.html--></f:comment>
+        <f:render partial="Modern/Footer" />
+    </div>
+</section>

ot_templating/Resources/Private/Templates/Page/E404.html

@@ -0,0 +1,17 @@
+{namespace flux=FluidTYPO3\Flux\ViewHelpers}
+{namespace ot=Opentalent\OtTemplating\ViewHelpers}
+
+<f:comment><!-- uses the layout 1Col, defined in layouts/[templateName]/1Col.html --></f:comment>
+<f:layout name="{ot:template.current()}/E404" />
+
+<f:section name='Configuration'>
+    <flux:form id="E404" label="Gabarit Page introuvable" extensionName="Opentalent.OtTemplating">
+    </flux:form>
+
+    <f:comment><!-- Backend layout grid --></f:comment>
+    <flux:grid>
+        <flux:grid.row>
+        </flux:grid.row>
+    </flux:grid>
+</f:section>
+

ot_templating/Resources/Public/assets/Classic/style/_states.scss

@@ -65,6 +65,11 @@ $menu-font-color: $menu-font-color;
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   // Login form and user-toolbar
   .user-toolbar {
     text-align: center;

ot_templating/Resources/Public/assets/Classic/style/module/_errpages.scss

@@ -0,0 +1,15 @@
+// Error pages (404, 403...)
+
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}

ot_templating/Resources/Public/assets/Classic/style/style.scss

@@ -97,5 +97,6 @@ $warning-font-color: #ffffff !default;
 "module/_contact",
 "module/_faq",
 "module/_fce-2col",
+"module/_errpages",
 "module/_noscript",
 "_states";

ot_templating/Resources/Public/assets/Classic/style/theme-blue.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-green.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-grey.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-light-blue.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-light-red.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-orange.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-purple.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Classic/style/theme-red.css

@@ -1729,6 +1729,20 @@ form button[type=submit]:hover {
   margin-right: 0;
 }
 
+.errpage {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errpage h3 {
+  text-align: center;
+}
+
+.errpage p {
+  text-align: center;
+}
+
 .no-script-warning {
   /* OLD - iOS 6-, Safari 3.1-6 */
   display: -webkit-box;
@@ -1810,6 +1824,11 @@ form button[type=submit]:hover {
     margin: 0 5% 20px 5%;
   }
 
+  iframe {
+    width: 60vw;
+    height: 34vw;
+  }
+
   .user-toolbar {
     text-align: center;
   }

ot_templating/Resources/Public/assets/Modern/style/custom.css

@@ -956,6 +956,24 @@ Sitemap page
 /*}*/
 
 
+/*============================
+Error pages (404, 403...)
+============================*/
+.errpage {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.errpage h3 {
+    text-align: center;
+}
+
+.errpage p {
+    text-align: center;
+}
+
+
 
 /*============================
 Media queries

ot_templating/ext_localconf.php

@@ -11,6 +11,7 @@ if (!defined('TYPO3_MODE')) {
 
 // ext_localconf.php contient les directives permettant de configurer le frontend
 
+
 \FluidTYPO3\Flux\Core::registerProviderExtensionKey(
     'OpenTalent.OtTemplating',
     'Page'