ajuste logo scielo 25 anos no header e alternative header em home, pe…

…riodico, artigo mobile e desktop e alternative headers
scieloorg · Oct 17, 2022 · 199759d · 199759d
1 parent 3b002ec
commit 199759d
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 17 deletions.
diff --git a/opac/webapp/templates/article/includes/alternative_header.html b/opac/webapp/templates/article/includes/alternative_header.html
@@ -5,14 +5,27 @@
   <div class="container">
     <div class="col-md-2 col-sm-3 mainNav">
       <a href="" class="menu" data-rel="#alternativeMainMenu" title="{% trans %}Abrir menu{% endtrans %}">{% trans %}Abrir menu{% endtrans %}</a>
+      {% if coll_macro.get_image() != "None" %}
+      <h2 class="logo-svg-mini">
+        <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;">
+          <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
+        </a>
+      </h2>    
+      {% else %}
       <h2 class="logo-svg-mini">
         <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
           <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
         </a>
-      </h2>
+      </h2>    
+      {% endif %}
+
       <div class="mainMenu" id="alternativeMainMenu">
           <div class="row">
-              <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>
+            {% if coll_macro.get_image() != "None" %}
+              <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;"></div>
+            {% else %}
+              <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>     
+            {% endif %}
           </div>
           <nav>
             <ul>
@@ -88,7 +101,11 @@ <h2 class="logo-svg-mini">
         </a>
         <div class="mainMenu" id="alternativeMainMenu">
           <div class="row">
-            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>
+            {% if coll_macro.get_image() != "None" %}
+              <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg" style="background:url({{ coll_macro.get_image() }});background-repeat: no-repeat;"></div>
+            {% else %}
+              <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>     
+            {% endif %}
           </div>
           <nav>
             <ul>
@@ -97,12 +114,20 @@ <h2 class="logo-svg-mini">
         </div>
       </div>
       <div class="col-xs-6 text-center">
-
+        {% if coll_macro.get_image() != "None" %}
+        <h2 class="logo-svg-mini">
+          <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}" style="background:url({{ coll_macro.get_image() }}); background-repeat:no-repeat;background-position:0px;">
+            <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
+          </a>
+        </h2>         
+        {% else %}
         <h2 class="logo-svg-mini">
           <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
             <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
           </a>
-        </h2>
+        </h2>       
+        {% endif %}
+
 
       </div>
       <div class="col-xs-4 language">

diff --git a/opac/webapp/templates/collection/includes/header.html b/opac/webapp/templates/collection/includes/header.html
@@ -11,19 +11,23 @@
       </div>
 
       <div class="col-md-6 col-sm-4 brandLogo">
-        <h1 class="logo-svg-legenda">
-          {% if coll_macro.get_image() != "None" %}
-            <a href="/" style="background:url({{ coll_macro.get_image() }}); background-position: 20px; background-repeat: no-repeat;">
-              <small>{{ coll_macro.get_collection_name() }}</small>
+
+        {% if coll_macro.get_image() != "None" %}
+          <h1 class="logo-svg-legenda">
+            <a href="/" style="background:url({{ coll_macro.get_image() }}); background-repeat:no-repeat;background-position:6px;background-size:75%;">
+              <small style="margin-top:-31px;margin-left:17px;">{{ coll_macro.get_collection_name() }}</small>
               <span style="margin-top:10px;">Scientific Electronic Library Online</span>
             </a>
-          {% else %}
+          </h1>
+        {% else %}
+          <h1 class="logo-svg-legenda">
             <a href="/">
               <small>{{ coll_macro.get_collection_name() }}</small>
               <span>Scientific Electronic Library Online</span>
             </a>
-          {% endif %}
-        </h1>
+          </h1>
+        {% endif %}
+
       </div>
 
       <div class="col-md-3 col-sm-4 language">

diff --git a/opac/webapp/templates/issue/includes/alternative_header.html b/opac/webapp/templates/issue/includes/alternative_header.html
@@ -5,14 +5,29 @@
   <div class="container">
     <div class="col-md-2 col-sm-3 mainNav">
       <a href="#" class="menu" data-rel="#alternativeMainMenu" title="{% trans %}Abrir menu{% endtrans %}">{% trans %}Abrir menu{% endtrans %}</a>
+
+      {% if coll_macro.get_image() != "None" %}
+      <h2 class="logo-svg-mini">
+        <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}"  style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;">
+          <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
+        </a>
+      </h2>    
+      {% else %}
       <h2 class="logo-svg-mini">
         <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
           <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
         </a>
-      </h2>
+      </h2>    
+      {% endif %}
+
       <div class="mainMenu" id="alternativeMainMenu">
         <div class="row">
-          <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>
+
+          {% if coll_macro.get_image() != "None" %}
+            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;"></div>
+          {% else %}
+            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>     
+          {% endif %}
         </div>
         <nav>
           <ul>

diff --git a/opac/webapp/templates/journal/includes/alternative_header.html b/opac/webapp/templates/journal/includes/alternative_header.html
@@ -5,14 +5,27 @@
   <div class="container">
     <div class="col-md-2 col-sm-3 mainNav">
       <a href="#" class="menu" data-rel="#alternativeMainMenu" title="{% trans %}Abrir menu{% endtrans %}">{% trans %}Abrir menu{% endtrans %}</a>
+      {% if coll_macro.get_image() != "None" %}
+      <h2 class="logo-svg-mini">
+        <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;">
+          <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
+        </a>
+      </h2>  
+      {% else %}
       <h2 class="logo-svg-mini">
         <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
           <span class="logo-collection logo-collection-svg-mini"><strong>{{ coll_macro.get_collection_name() }}</strong></span>
         </a>
-      </h2>
+      </h2> 
+      {% endif %}
       <div class="mainMenu" id="alternativeMainMenu">
         <div class="row">
-          <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>
+          {% if coll_macro.get_image() != "None" %}
+          <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;"></div>   
+          {% else %}
+          <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>     
+          {% endif %}
+
         </div>
         <nav>
           <ul>

diff --git a/opac/webapp/templates/journal/includes/header.html b/opac/webapp/templates/journal/includes/header.html
@@ -20,7 +20,11 @@ <h2 class="logo-svg">
           {% endif %}
         <div class="mainMenu" id="mainMenu">
           <div class="row">
-            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>
+            {% if coll_macro.get_image() != "None" %}
+            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg" style="background:url({{ coll_macro.get_image() }}); background-position: 0px; background-repeat: no-repeat;"></div>       
+            {% else %}
+            <div class="col-md-7 col-md-offset-2 col-sm-7 col-sm-offset-2 logo logo-svg"></div>       
+            {% endif %}
           </div>
           {% include "collection/includes/nav.html" %}
         </div>