Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
ouidade
/
dev-epau.archi.fr
0
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Prechádzať zdrojové kódy

essai ajout 2 logos dans header

ouidade 4 rokov pred
rodič
2b94802e4c
commit
7ea7075d99
8 zmenil súbory, kde vykonal 59 pridanie a 10 odobranie
Jednotné zobrazenie Ukázať štatistiku rozdielnych dát
  1. 6 0
      user/pages/01.home/Republique-francaise-logo.svg
  2. 1 1
      user/pages/01.home/modular.md
  3. BIN
      user/pages/01.home/popsu.png
  4. 1 0
      user/themes/epau-antimatter/images/EPAU_logo_EPAU_vecto-seul.svg
  5. BIN
      user/themes/epau-antimatter/images/hyperliens_marseille.PNG
  6. BIN
      user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg
  7. 25 1
      user/themes/epau-antimatter/scss/template/_header.scss
  8. 26 8
      user/themes/epau-antimatter/templates/partials/base.html.twig

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 6 - 0
user/pages/01.home/Republique-francaise-logo.svg


+ 1 - 1
user/pages/01.home/modular.md
Zobraziť súbor 

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

BIN
user/pages/01.home/popsu.png
Zobraziť súbor


Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 1 - 0
user/themes/epau-antimatter/images/EPAU_logo_EPAU_vecto-seul.svg


BIN
user/themes/epau-antimatter/images/hyperliens_marseille.PNG
Zobraziť súbor


BIN
user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg
Zobraziť súbor


+ 25 - 1
user/themes/epau-antimatter/scss/template/_header.scss
Zobraziť súbor 

@@ -11,16 +11,19 @@ $dropdown-color: #f6f6f6;
 
 	background-color: rgba(255,255,255,0.90);
 
 	background-color: rgba(255,255,255,0.90);
 
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
 
 
+
 
 	// scroll based changes
 
 	// scroll based changes
 
 	&.scrolled {
 
 	&.scrolled {
 
 		height: $header-height - 2rem;
 
 		height: $header-height - 2rem;
 
 		background-color: rgba(255,255,255,0.90) !important;
 
 		background-color: rgba(255,255,255,0.90) !important;
 
 		box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
 
 		box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
 
 
 
+
 
 		#logo h3 {
 
 		#logo h3 {
 
 			color: $core-text !important;
 
 			color: $core-text !important;
 
 			font-size: 1.6rem !important;
 
 			font-size: 1.6rem !important;
 
 		}
 
 		}
 
+
 
 		#logo a, #navbar span {
 
 		#logo a, #navbar span {
 
 			color: $core-text !important;
 
 			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
 
 	// set heights for vertical centering
 
 	> .grid, #logo, #navbar {
 
 	> .grid, #logo, #navbar {
 
 		height: 100%;
 
 		height: 100%;
 
@@ -211,7 +235,7 @@ $dropdown-color: #f6f6f6;
 
 				@include breakpoint(desktop-only) {
 
 				@include breakpoint(desktop-only) {
 
 					display: none;
 
 					display: none;
 
 				}
 
 				}
 
-			}	
+			}
 
 		}
 
 		}
 
 
 
 		.panel-activation {
 
 		.panel-activation {

+ 26 - 8
user/themes/epau-antimatter/templates/partials/base.html.twig
Zobraziť súbor 

@@ -44,28 +44,45 @@
 
 <body id="top" class="{{ page.header.body_classes }}">
 
 <body id="top" class="{{ page.header.body_classes }}">
 
     <div id="sb-site">
 
     <div id="sb-site">
 
         {% block header %}
 
         {% block header %}
 
+
 
         <header id="header">
 
         <header id="header">
 
+
 
             <div id="logo">
 
             <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!
 
                 {# ç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.
 
                 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>
 
                 <h3><a href="{{ base_url == '' ? '/' : base_url }}">{{ config.site.title }}</a></h3>
 
                 #}
 
                 #}
 
 
 
             </div>
 
             </div>
 
+
 
             <div id="navbar">
 
             <div id="navbar">
 
                 {% block header_extra %}{% endblock %}
 
                 {% block header_extra %}{% endblock %}
 
                 {% if config.plugins.langswitcher.enabled %}
 
                 {% if config.plugins.langswitcher.enabled %}
 
@@ -77,6 +94,7 @@
 
                 <span class="panel-activation sb-toggle-left navbar-left menu-btn fa fa-bars"></span>
 
                 <span class="panel-activation sb-toggle-left navbar-left menu-btn fa fa-bars"></span>
 
             </div>
 
             </div>
 
         </header>
 
         </header>
 
+
 
         {% endblock %}
 
         {% endblock %}
 
 
 
         {% block showcase %}{% endblock %}
 
         {% block showcase %}{% endblock %}

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov