update logos

and use SVGs instead of PNGs
Edirom · Oct 23, 2023 · 6e69f28 · 6e69f28
1 parent 539c946
commit 6e69f28
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/resources/sass/layout/_footer.scss b/resources/sass/layout/_footer.scss
@@ -1,11 +1,5 @@
 // Footer
 
-.footerLogo
-{
-    margin-bottom: 80px;
-
-}
-
 .footerNav
 {
     list-style: none;
@@ -26,6 +20,11 @@
     .row:first-child { padding-bottom: 30px;}
     img {
        margin-bottom: 30px; 
+       max-height: 80px;
+       filter: grayscale(100%);
+    }
+    img:hover {
+        filter:none;
     }
 }
 

diff --git a/templates/page.html b/templates/page.html
@@ -179,37 +179,37 @@
         </div>
         <div class="greyLight">
             <div class="container footer">
-                <div class="row">
+                <div class="row align-items-center">
                     <div class="col-md-4 col-6">
                         <a href="https://www.uni-paderborn.de/">
-                            <img class="img-fluid" src="$resources/img/logo_uni_paderborn_sw.png" data-hovered-src="$resources/img/logo_uni_paderborn_farbe.png" alt="Logo der Universität Paderborn"/>
+                            <img class="img-fluid" src="$resources/img/UPB_Logo_DE_einfarbig_SCHWARZ.svg" data-hovered-src="$resources/img/UPB_Logo_DE_vierfarbig_RGB.svg" alt="Logo der Universität Paderborn"/>
                         </a>
                     </div>
                     <div class="col-md-4 col-6">
                         <a href="https://www.hfm-detmold.de/">
-                            <img class="img-fluid" src="$resources/img/logo_hfm_detmold_sw.png" data-hovered-src="$resources/img/logo_hfm_detmold_farbe.png" alt="Logo der Hochschule für Musik Detmold"/>
+                            <img class="img-fluid" src="$resources/img/HfM_Logo_HKS_14N.svg" alt="Logo der Hochschule für Musik Detmold"/>
                         </a>
                     </div>
                     <div class="clearfix d-none d-xs-block d-sm-none"><!-- break and clearfix for extra small devices (phones) --></div>
                     <div class="col-md-4 col-6">
                         <a href="https://staatsbibliothek-berlin.de/">
-                            <img class="img-fluid" src="$resources/img/logo_staatsbib_berlin_sw.png" data-hovered-src="$resources/img/logo_staatsbib_berlin_farbe.png" alt="Logo der Staatsbibliothek zu Berlin"/>
+                            <img class="img-fluid" src="$resources/img/Logo_Staatsbibliothek_zu_Berlin.svg" alt="Logo der Staatsbibliothek zu Berlin"/>
                         </a>
                     </div>
                     <div class="col-md-4 col-6">
                         <a href="https://www.adwmainz.de/">
-                            <img class="img-fluid" src="$resources/img/logo_akademie_mainz_sw.png" data-hovered-src="$resources/img/logo_akademie_mainz_sw.png" alt="Emblem der Akademie Mainz"/>
+                            <img class="img-fluid" src="$resources/img/Akademie_der_Wissenschaften_und_der_Literatur_Logo.svg" alt="Emblem der Akademie Mainz"/>
                         </a>
                     </div>
                     <div class="clearfix d-none d-xs-block d-sm-none"><!-- break and clearfix for extra small devices (phones) --></div>
                     <div class="col-md-4 col-6">
                         <a href="http://exist-db.org/">
-                            <img class="img-fluid" src="$resources/img/logo_existdb_sw.png" data-hovered-src="$resources/img/logo_existdb_farbe.png" alt="eXist-db logo"/>
+                            <img class="img-fluid" src="$resources/img/existdb-web.svg" alt="eXist-db logo"/>
                         </a>
                     </div>
                     <div class="col-md-4 col-6">
                         <a href="https://tei-c.org/">
-                            <img class="img-fluid" src="$resources/img/logo_tei_sw.png" data-hovered-src="$resources/img/logo_tei_farbe.png" alt="Text Encoding Initiative logo"/>
+                            <img class="img-fluid" src="$resources/img/TEI_Logo_Horizontal_Achromatic.svg" data-hovered-src="$resources/img/TEI_Logo_Horizontal.svg" alt="Text Encoding Initiative logo"/>
                         </a>
                     </div>
                 </div>