clermont-metropole: add specific design for authentic pages (#45619)

static/clermont-metropole/_custom.scss

@@ -205,11 +205,88 @@ div#footer {
 	}
 	div.cell {
 		border-bottom: 1px solid #484745;
-		margin-bottom: 20px;
 	}
 	div.cell.adresse {
 		text-align: center;
 		font-size: 85%;
 		border-bottom: 0;
 	}
+	div.menucell {
+		border-bottom: none;
+		padding-top: 1rem;
+		li {
+			margin-right: 0;
+			a {
+				padding: .33em 1em;
+			}
+		}
+	}
 }
+
+
+// Authentics pages
+.authentic-template {
+	#header-wrapper {
+		border-color: $primary-color;
+		border-style: solid;
+		border-width: 5px 0;
+		padding: 1rem;
+		margin-bottom: 2rem;
+
+		.site-header--title {
+			text-transform: uppercase;
+			text-align: center;
+
+			h1 {
+				padding-left: 0;
+				@media ($max-mobile-viewport) {
+					font-size: 1.5em;
+				}
+			}
+		}
+	}
+	nav, #pwa-navigation {
+		display: none;
+	}
+	.pwa-navigation ~ footer {
+		margin-bottom: 0;
+	}
+	#footer-wrapper {
+		display: block;
+		text-align: center;
+
+		// Text-cell liste of logos
+		.text-cell.footer-logos {
+			ul {
+				list-style: none;
+				margin: 0;
+				padding: 1rem 0;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: center;
+				align-items: center;
+			}
+			li {
+				padding-right: 0.5rem;
+				padding-left: 0.5rem;
+			}
+			a {
+				display: block;
+				width: 6.5rem;
+				height: 5rem;
+				text-align: center;
+
+				&:hover {
+					background-color: #3e3a39;
+				}
+			}
+
+			img {
+				height: 100%;
+				width: 100%;
+				object-fit: contain;
+			}
+		}
+	}
+}

static/clermont-metropole/_vars.scss

@@ -40,6 +40,7 @@ $cell-title-cover-border: false;
 
 $footer-background: #2a2421;
 $footer-color: #ffffff;
+$footer-menucell-separator: 1px solid #aaa;
 
 $carrousel-height: 600px;
 

static/clermont-metropole/config.json

@@ -4,5 +4,15 @@
     "theme_color": "#333333",
     "pwa_display": "standalone",
     "email_header_img": "img/emails-logo.png"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_PUBLIC_TEMPLATES.update": {
+        "template_authentic": {
+          "name": "Template pour authentic",
+          "template": "combo/authentic_template.html"
+        }
+      }
+    }
   }
 }

templates/variants/clermont-metropole/combo/authentic_template.html

@@ -0,0 +1,18 @@
+{% extends 'combo/page_template.html' %}
+
+{% block bodyclasses %}
+	{{ block.super }}
+	authentic-template
+{% endblock %}
+
+
+{% block header-top %}
+{% endblock %}
+
+{% block header-title %}
+	<div class="site-header--title">
+		{% placeholder "headertitle" name="Titre entête" %}
+	</div>
+{% endblock %}
+
+{% block user-info %}{% endblock %}