logo entête

user/themes/epau-antimatter/css-compiled/template.css

@@ -1338,9 +1338,19 @@ button:focus {
     position: relative; }
     .event .callout .titre_bsn #explog {
       position: absolute;
-      right: 100%;
+      right: 105%;
-      top: 25%;
+      top: 3%;
       max-width: 30%; }
+      @media (max-width: 500px) {
+        .event .callout .titre_bsn #explog {
+          right: 110%;
+          top: 1%;
+          max-width: 50%; } }
+      @media (max-width: 442px) {
+        .event .callout .titre_bsn #explog {
+          right: 105%;
+          top: 3%;
+          max-width: 30%; } }
     .event .callout .titre_bsn .text-titre-event h1 {
       text-transform: uppercase;
       line-height: 1 !important;

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -806,9 +806,19 @@ button:focus {
       position: relative;
         #explog{
         position: absolute;
-        right: 100%;
+        right: 105%;
-        top: 25%;
+        top: 3%;
         max-width:30%;
+        @media (max-width:500px){
+          right: 110%;
+          top: 1%;
+          max-width:50%;
+        }
+        @media (max-width:442px){
+          right: 105%;
+          top: 3%;
+          max-width:30%;
+        }
 
       }
       .text-titre-event{

user/themes/epau-antimatter/templates/modular/titre-event.html.twig

@@ -11,9 +11,32 @@
   </div>     -->
 
   <div class="titre_bsn">
-    {# <div class="logo-event">
+    <div class="logo-event">
-    <img id="explog" src="sceau_excellence_def.png">
+    {# src: url('fantasticfont.woff') #}
-    </div> #}
+       <img id="explog" src="sceau_excellence_def.png">
+      {# <img src="page.media.images|first" alt="logo du programme {{programme.nom_du_programme}}" /> #}
+    </div>
+
+
+    {# {% for programme in page.header.programmes %} #}
+
+        {# <div class="programme"> #}
+          {# <a href="{{programme.site}}" target="_blank">
+            {% if programme.logo %}
+            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
+            {% endif %}
+            {# {% if programme.nom_du_programme %} #}
+            {# <h4>{{ programme.nom_du_programme }}</h4>
+            {% endif %}
+            {% if programme.texte_de_presentation %}
+            <p>{{ programme.texte_de_presentation|markdown }}</p>
+            {% endif %} #}
+          {# </a> #}
+        {# </div> #}
+
+{# 
+    {% endfor %} #}
+
 
     <div class="text-titre-event"> 
       <h1>Engagés pour la qualité </br>du logement de demain</h1>