Jelajahi Sumber

essai ajout 2 logos dans header

ouidade 4 tahun lalu
induk
melakukan
7ea7075d99

File diff ditekan karena terlalu besar
+ 6 - 0
user/pages/01.home/Republique-francaise-logo.svg


+ 1 - 1
user/pages/01.home/modular.md

@@ -14,6 +14,6 @@ content:
             - _rapports-dactivitees
             - _gouvernance
             - _contact
-media_order: EPAU_logo_EPAU_vecto-seul.svg
+media_order: 'EPAU_logo_EPAU_vecto-seul.svg,Republique-francaise-logo.svg,popsu.png'
 ---
 

TEMPAT SAMPAH
user/pages/01.home/popsu.png


File diff ditekan karena terlalu besar
+ 1 - 0
user/themes/epau-antimatter/images/EPAU_logo_EPAU_vecto-seul.svg


TEMPAT SAMPAH
user/themes/epau-antimatter/images/hyperliens_marseille.PNG


TEMPAT SAMPAH
user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg


+ 25 - 1
user/themes/epau-antimatter/scss/template/_header.scss

@@ -11,16 +11,19 @@ $dropdown-color: #f6f6f6;
 	background-color: rgba(255,255,255,0.90);
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
+
 	// scroll based changes
 	&.scrolled {
 		height: $header-height - 2rem;
 		background-color: rgba(255,255,255,0.90) !important;
 		box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
 
+
 		#logo h3 {
 			color: $core-text !important;
 			font-size: 1.6rem !important;
 		}
+
 		#logo a, #navbar span {
 			color: $core-text !important;
 		}
@@ -39,6 +42,27 @@ $dropdown-color: #f6f6f6;
 		}
 	}
 
+
+	/*
+	// ajout ouidade marche pas
+
+		#header #logo h3 > a {
+			display: inline-block;
+		}
+
+
+		.toplogo {
+			max-width: 230px;
+			width: 100%;
+			transition: width 500ms ease;
+		}
+
+		.scrolled .toplogo {
+			width: 50%;
+		}
+//
+*/
+
 	// set heights for vertical centering
 	> .grid, #logo, #navbar {
 		height: 100%;
@@ -211,7 +235,7 @@ $dropdown-color: #f6f6f6;
 				@include breakpoint(desktop-only) {
 					display: none;
 				}
-			}	
+			}
 		}
 
 		.panel-activation {

+ 26 - 8
user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -44,28 +44,45 @@
 <body id="top" class="{{ page.header.body_classes }}">
     <div id="sb-site">
         {% block header %}
+
         <header id="header">
+
             <div id="logo">
-                <img src="{{ page.header.media_order }}" alt="{{ config.site.title }}"/>
+              {% for logo in page.header.content %}
+              <img src='{{ page.media[logo.media_order].url|e }}' alt="{{ config.site.title }}" />
+              {{ dump(page.media) }}
+              {% endfor %}
 
-                {#
-                <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
 
-                #}
+              {# marche pas
+              {% for image in page.header.media_order %}
+                {% if loop.first %}
+                <img src="{{ image.url}}" alt="{{ config.site.title }}"/>
+                {% endif %}
+                {% if loop.last %}
+                <img src="{{ image.url}}" alt="{{ config.site.title }}"/>
+                {% endif %}
+              {% endfor %}
+              #}
 
+                {# {% if page.header.media_order %}
+                <img src="{{ page.header.media_order|first }}" alt="{{ config.site.title }}"/>
+                {% endif %}
+                <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
+                #}
 
                 {# ça, ça marche si une seule image dans content de Home. Si 2 images, marche plus.>>>devient un tableau!
                 il faut trouver un moyen de lui dire: tu prends la première puis tu prends la 2e du tableau media_order.
-                <img src="{{ page.header.media_order }}"/>
+                J'ai rajouter "array: true" dans default.yaml pour qu'il voi plusieurs images. mais ne sont pas dans header. Elles apparaissent
+                <img src="{{ page.header.media_order }}" alt="{{ config.site.title }}"/>
                 #}
 
-
-                {#
-                <img src="EPAU_logo_EPAU_vecto-seul.svg"/>
+                {#  <img src="EPAU_logo_EPAU_vecto-seul.svg"/>
                 <h3><a href="{{ base_url == '' ? '/' : base_url }}">{{ config.site.title }}</a></h3>
                 #}
 
             </div>
+
             <div id="navbar">
                 {% block header_extra %}{% endblock %}
                 {% if config.plugins.langswitcher.enabled %}
@@ -77,6 +94,7 @@
                 <span class="panel-activation sb-toggle-left navbar-left menu-btn fa fa-bars"></span>
             </div>
         </header>
+
         {% endblock %}
 
         {% block showcase %}{% endblock %}

Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini