misc: add ressources for header background and logo to generic themes (#33974)

static/clapotis-les-canards/config.json

@@ -2,5 +2,13 @@
   "label": "Clapotis-les-Canards",
   "variables": {
     "theme_color": "#018B9D"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
   }
 }

static/grosboule-les-bains/_custom.scss

@@ -1,3 +1,20 @@
+body.has-header-background {
+	header {
+		background: none;
+		padding-bottom: 0;
+	}
+	#nav {
+		background: url(/assets/header:background) top center no-repeat;
+		background-size: cover;
+	}
+}
+
+h1#logo.has-logo a {
+	display: inline-block;
+	height: 40px;
+	min-width: 100px;
+}
+
 #toplinks {
 	left: 79vw;
 	top: -2rem;

static/grosboule-les-bains/config.json

@@ -2,5 +2,13 @@
   "label": "Grosboule-les-Bains",
   "variables": {
     "theme_color": "#13b29c"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
   }
 }

static/includes/_header.scss

@@ -0,0 +1,16 @@
+body.has-header-background {
+	header {
+		background: url(/assets/header:background) top center no-repeat;
+		background-size: cover;
+	}
+}
+
+h1#logo.has-logo {
+	a {
+		background: transparent url(/assets/header:logo) center left no-repeat;
+		background-size: contain;
+		text-indent: -10000px;
+		min-width: 160px;
+		display: inline-block;
+	}
+}

static/includes/_publik.scss

@@ -2,6 +2,7 @@
 @import 'general';
 @import 'title';
 @import 'layout';
+@import 'header';
 @import 'nav';
 @import 'cells';
 @import 'user-info';

static/perpette-les-andouillettes/_custom.scss

@@ -1,3 +1,13 @@
+body.has-header-background {
+	header {
+		height: 150px;
+		padding-bottom: 10px;
+		h1#logo {
+			padding-top: 40px;
+		}
+	}
+}
+
 h1#logo a {
 	display: block;
 	height: 60px;

static/perpette-les-andouillettes/config.json

@@ -2,5 +2,13 @@
   "label": "Perpette-les-Andouillettes",
   "variables": {
     "theme_color": "#005712"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:background": { "label": "Têtière : fond" },
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
   }
 }

templates/combo/page_template.html

@@ -1,5 +1,5 @@
 {% extends theme_base_filename %}
-{% load static i18n combo gadjo pwa thumbnail %}
+{% load static i18n combo gadjo pwa thumbnail assets %}
 
 {% block meta_icons %}
   {% if favicon %}
@@ -69,6 +69,7 @@ data-api-root="{{ site_base }}/api/"
 {% endblock %}
 
 {% block bodyclasses %}{% if pwa_display %}pwa{% endif %}
+{% get_asset "header:background" as header_background %}{% if header_background %}has-header-background {% endif %}
 page-{{ page.slug }} page-template-{{ page.template_name }} {% with pages.0.slug as section %}{% if section %}section-{{section}}{% endif %}{% endwith %}
 {% skeleton_extra_placeholder extra-body-class %}
 {% if user.is_authenticated %}authenticated-user{% else %}anonymous-user{% endif %}
@@ -78,6 +79,11 @@ page-{{ page.slug }} page-template-{{ page.template_name }} {% with pages.0.slug
 
 {% block title %} - {% if render_skeleton %}{% skeleton_extra_placeholder title %}{% firstof page_title site_title %}{% end_skeleton_extra_placeholder %}{% else %}{{page.title}}{% endif %}{% endblock %}
 
+{% block header-title %}
+  {% get_asset "header:logo" as header_logo %}
+  <h1 id="logo" class="{% if header_logo %}has-logo{% endif %}"><a accesskey="1" href="{% firstof logo_link_url portal_url '/' %}">{% firstof global_title site_title "Compte Citoyen" %}</a></h1>
+{% endblock %}
+
 {% block menu %}
 {% show_menu depth=2 ignore_visibility=True %}
 {% placeholder "menu_right" %}

templates/variants/grandlyon/theme.html

@@ -1,9 +0,0 @@
-{% extends "theme.html" %}
-{% load static assets combo %}
-
-{% block bodyargs %}{% get_asset "header:background" as header_background %}class="{% if header_background %}has-header-background{% endif %} {% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}
-
-{% block header-title %}
-{% get_asset "header:logo" as header_logo %}
-<h1 id="logo" class="{% if header_logo %}has-logo{% endif %}"><a accesskey="1" href="{% firstof logo_link_url portal_url '/' %}">{% firstof global_title site_title "Compte Citoyen" %}</a></h1>
-{% endblock %}