refs #15652 [fid_adlr] footer

* just plain footer css within scss file
* footer completed, correct scss nesting, use of scss variables and functions

themes/fid_adlr/images/vufind-logo.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="137px" height="41px" viewBox="0 0 137 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com -->
+    <title>9E61DBD3-7FBA-465F-B5E1-882F0CC177E0</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="Webdesign-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="home" transform="translate(-794.000000, -3411.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="footer" transform="translate(-0.500000, 3008.000000)">
+                <g id="logos">
+                    <g transform="translate(334.000000, 359.000000)">
+                        <g id="vufind-logo" transform="translate(460.000000, 44.000000)">
+                            <path d="M112.1,29 C108.1,29 104.8,26.2 104.8,22.8 C104.8,20.7 106,18.9 107.8,17.8 C105,18.7 103,20.9 103,23.6 C103,27 106.3,29.8 110.3,29.8 C111.9,29.8 113.4,29.4 114.6,28.6 C113.8,28.9 113,29 112.1,29 Z" id="Path"></path>
+                            <g id="Group">
+                                <polygon id="Path" points="12.2 34.7 0.8 11.9 5.8 11.9 14.1 28.7 22.4 11.9 27.4 11.9 16.1 34.7"></polygon>
+                                <path d="M39.1,35.1 C37.7,35.1 36.3,34.9 35.1,34.4 C33.9,33.9 32.8,33.3 31.8,32.5 C30.9,31.7 30.1,30.7 29.5,29.6 C28.9,28.5 28.6,27.3 28.6,26 L28.6,11.8 L33.1,11.8 L33.1,25.9 C33.1,26.6 33.2,27.2 33.5,27.8 C33.8,28.4 34.2,28.9 34.7,29.4 C35.2,29.9 35.9,30.2 36.6,30.5 C37.3,30.8 38.1,30.9 39,30.9 C39.8,30.9 40.6,30.8 41.3,30.5 C42,30.2 42.6,29.9 43.2,29.4 C43.7,29 44.1,28.4 44.4,27.8 C44.7,27.2 44.8,26.6 44.8,25.9 L44.8,11.8 L49.3,11.8 L49.3,25.9 C49.3,27.2 49,28.4 48.4,29.5 C47.8,30.6 47.1,31.6 46.1,32.4 C45.2,33.2 44.1,33.9 42.8,34.3 C41.9,34.9 40.5,35.1 39.1,35.1 Z" id="Path"></path>
+                                <path d="M51.8,34.7 L51.8,7.1 C51.8,6.2 52,5.3 52.4,4.5 C52.8,3.7 53.3,3.1 54,2.5 C54.7,1.9 55.4,1.5 56.3,1.1 C57.2,0.8 58.1,0.6 59.1,0.6 C60.1,0.6 61,0.8 61.9,1.1 C62.8,1.4 63.6,1.9 64.2,2.5 C64.8,3.1 65.4,3.8 65.8,4.5 C66.2,5.3 66.4,6.2 66.4,7.1 L66.4,8.1 L61.9,8.1 L61.9,7.1 C61.9,6.5 61.7,6 61.1,5.6 C60.5,5.1 59.9,4.9 59.1,4.9 C58.3,4.9 57.7,5.1 57.1,5.6 C56.6,6 56.3,6.5 56.3,7.1 L56.3,19 L65.3,19 L65.3,23.2 L56.3,23.2 L56.3,34.7 L51.8,34.7 Z" id="Path"></path>
+                                <rect id="Rectangle" x="67.8" y="11.9" width="4.5" height="22.8"></rect>
+                                <path d="M90.8,34.7 L90.8,20.6 C90.8,19.9 90.7,19.3 90.4,18.7 C90.1,18.1 89.7,17.6 89.2,17.1 C88.7,16.6 88,16.3 87.3,16 C86.6,15.7 85.8,15.6 84.9,15.6 C84.1,15.6 83.3,15.7 82.6,16 C81.9,16.3 81.3,16.6 80.7,17.1 C80.2,17.6 79.8,18.1 79.5,18.7 C79.2,19.3 79.1,19.9 79.1,20.6 L79.1,34.7 L74.6,34.7 L74.6,20.6 C74.6,19.3 74.9,18.1 75.5,17 C76.1,15.9 76.8,14.9 77.8,14.1 C78.7,13.3 79.8,12.6 81.1,12.2 C82.4,11.7 83.7,11.5 85.1,11.5 C86.5,11.5 87.9,11.7 89.1,12.2 C90.3,12.7 91.4,13.3 92.4,14.1 C93.3,14.9 94.1,15.9 94.7,17 C95.3,18.1 95.6,19.3 95.6,20.6 L95.6,34.7 L90.8,34.7 Z" id="Path"></path>
+                                <path d="M110.2,35.1 C108.4,35.1 106.7,34.8 105.2,34.2 C103.6,33.6 102.2,32.8 101.1,31.8 C99.9,30.8 99,29.6 98.3,28.2 C97.6,26.8 97.2,25.3 97.2,23.7 C97.2,22.1 97.6,20.6 98.2,19.2 C98.9,17.8 99.8,16.6 101,15.5 C102.2,14.5 103.6,13.7 105.1,13.1 C106.7,12.5 108.4,12.2 110.1,12.2 C112.2,12.2 114.2,12.6 116,13.4 C117,13.9 117.9,14.4 118.7,15 L118.7,2.6 L123.1,2.6 L123.1,23.6 C123.1,25.2 122.7,26.7 122,28.1 C121.3,29.5 120.4,30.7 119.2,31.7 C118,32.7 116.6,33.5 115.1,34.1 C113.7,34.8 112,35.1 110.2,35.1 Z M110.2,16.3 C109,16.3 107.9,16.5 106.8,16.9 C105.7,17.3 104.8,17.8 104,18.5 C103.2,19.2 102.6,19.9 102.2,20.8 C101.8,21.7 101.5,22.6 101.5,23.6 C101.5,24.6 101.7,25.5 102.2,26.4 C102.6,27.3 103.3,28.1 104,28.8 C104.8,29.5 105.7,30 106.8,30.4 C107.9,30.8 109,31 110.2,31 C111.4,31 112.5,30.8 113.6,30.4 C114.7,30 115.6,29.5 116.4,28.8 C117.2,28.1 117.8,27.3 118.2,26.4 C118.6,25.5 118.9,24.6 118.9,23.6 C118.9,22.6 118.7,21.7 118.2,20.8 C117.8,19.9 117.1,19.1 116.4,18.5 C115.6,17.8 114.7,17.3 113.6,16.9 C112.5,16.5 111.4,16.3 110.2,16.3 Z" id="Shape"></path>
+                            </g>
+                            <polygon id="Path" points="122.5 30.3 120.5 33.2 135.1 40.6 137.2 37.6"></polygon>
+                            <rect id="Rectangle" x="67.9" y="2.6" width="4.5" height="5.5"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

themes/fid_adlr/languages/de.ini

 Forgot Password = Passwort vergessen?
+Services for subject specialists = Service für Fachreferate
 Username = E-Mail-Adresse
\ No newline at end of file

themes/fid_adlr/languages/en.ini

 Forgot Password = Forgot your password?
+Services for subject specialists = Services for subject specialists
 Username = E-Mail Address
\ No newline at end of file

themes/fid_adlr/scss/compiled.scss

@@ -1370,5 +1370,122 @@ div[class$="-tab"] {
 
 // PAGE ELEMENTS (Top --> Down) - END
 
+// +++++ Footer - START
+// styling follows mobile first principles
 
+footer {
+  // general footer styles
+  all: inherit;
+  color: white;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-image: url('../images/footer-dummy-background.png');
+
+   a:hover,  a:link,  a:active,  a:focus,  a:visited {
+    color: white;
+  }
+
+  #footer-links {
+    font-family: "Ubuntu Mono";
+    font-size: em(18px);
+    font-weight: bold;
+    letter-spacing: em(2px);
+    line-height: em(42px);
+    text-transform: uppercase;
+  }
+  #footer-links ul {
+    list-style: none;
+    padding-left: 0;
+  }
+
+  #footer-contact-wrapper {
+    background-color:$azure;
+  }
 
+  #footer-contact div:first-child {
+    font-family: "Ubuntu Mono";
+    font-size: em(20px);
+    font-weight: bold;
+    letter-spacing: em(0.8px);
+    line-height: em(20px);
+  }
+
+  #footer-contact div:nth-child(2) {
+    font-family: "Open Sans";
+    font-size: em(18px);
+    line-height: em(33px);
+  }
+
+  #footer-contact .form {
+    font-weight: bold;
+  }
+
+  .footer-indent {
+    margin: 35px 15px 25px 15px;
+  }
+
+  .logo-footer {
+    height: 45px;
+  }
+
+  #footer-logos {
+    font-family: "Open Sans";
+    font-size: em(14px);
+    line-height: em(19px);
+  }
+
+  #footer-copyright {
+    font-family: "Open Sans";
+    font-size: em(16px);
+    line-height: em(22px);
+  }
+
+  // Small devices Tablets (<768px)
+  @media (max-width: $screen-sm-min - 1px) {
+    #footer-contact {
+      margin-left: 20px;
+      margin-right: 20px;
+    }
+    #footer-contact-wrapper {
+      padding: 35px 15px 20px 15px;
+    }
+    background-position-y: 60px;
+  }
+
+  // Small devices Tablets (≥768px) .col-sm-
+  @media (min-width: $screen-sm-min) {
+    background-size: calc(100%/2 + #{$container-sm}/4) 100%;
+    #footer-links {
+      margin-top: 50px;
+    }
+    #footer-contact-wrapper {
+      margin-top: 50px;
+      margin-right: 25px;
+      padding: 35px;
+    }
+  }
+
+  // Medium devices Desktops (≥992px) .col-md-
+  @media (min-width: $screen-md-min) {
+    background-size: calc(100%/2 + #{$container-md}/4) 100%;
+    #footer-links {
+      font-size: em(24px);
+      letter-spacing: em(1px);
+      line-height: em(42px);
+    }
+    #footer-contact div:first-child {
+      font-size: em(30px);
+      font-weight: bold;
+      line-height: em(34px);
+    }
+    #footer-contact-wrapper {
+      margin-right: -15px;
+    }
+  }
+
+  // Large devices Desktops (≥1200px) .col-lg-
+  @media (min-width: $screen-lg-min) {
+    background-size: calc(100%/2 + #{$container-lg}/4);
+  }
+}
+// +++++ Footer - END
\ No newline at end of file

themes/fid_adlr/templates/footer.phtml

+<footer id="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-6 col-sm-push-6 col-lg-5 col-lg-push-7">
+        <div class="row">
+          <div class="col-sm-12">
+            <div id="footer-contact-wrapper">
+              <div id="footer-contact" class="row">
+                <div class="col-md-5">
+                  <p>Kontakt</p>
+                </div>
+                <div class="col-md-7">
+                  <p>Dr. Sebastian Stoppe<br>
+                    Projektkoordinator<br>
+                    +49 341 9730626<br>
+                    <span class="form">&rarr; Kontaktformular</span></p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-sm-6 col-sm-pull-6 col-lg-7 col-lg-pull-5">
+        <div id="footer-links" class="footer-indent">
+          <ul>
+            <li><a href="<?=$this->url('content-page', ['page' => 'faq'])?>"><?=$this->transEsc('FAQs')?></a></li>
+            <li><a href="https://blog.adlr.link/newsletter/" target="_blank"><?=$this->transEsc('Newsletter')?></a></li>
+            <li><a href="https://blog.adlr.link/service-fuer-fachreferate/" target="_blank"><?=$this->translate('Services for subject specialists')?></a></li>
+            <li><a href="https://blog.adlr.link/team/" target="_blank"><?=$this->transEsc('fid::Team')?></a></li>
+            <li><a href="<?=$this->url('fid/user/terms')?>"><?=$this->transEsc('fid::terms')?></a></li>
+            <li><a href="<?=$this->url('fid/user/policy')?>"><?=$this->transEsc('fid::policy')?></a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="row" id="footer-logos">
+      <div class="col-sm-12 col-md-9 col-lg-9">
+        <div class="row">
+          <div class="col-md-3 col-lg-3">
+            <div class="footer-indent">
+              <p>Powered by</p>
+              <a href="http://blog.finc.info" title="Blog FinC-Team" target="_blank"><img src="<?=$this->imageLink('finc-logo.png')?>" class="logo-footer" alt="powered by finc - finc Logo"/></a>
+            </div>
+          </div>
+          <div class="col-md-9 col-lg-6">
+            <div class="footer-indent">
+              <p>gefördert durch</p>
+              <a href="https://www.dfg.de/" title="dfg.de" target="_blank"><img src="<?=$this->imageLink('dfg-logo.svg')?>" class="logo-footer" alt="funded by Deutsche Forschungsgemeinschaft - DFG Logo"/></a>
+            </div>
+          </div>
+          <div class="col-sm-12 col-lg-3">
+            <div class="footer-indent">
+              <p>&nbsp;</p>
+              <a href="https://vufind.org/" title="vufind.org" target="_blank"><img src="<?=$this->imageLink('vufind-logo.svg')?>" class="logo-footer" alt="powered by VuFind - VuFind Logo"/></a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row" id="footer-copyright">
+      <div class="col-sm-12">
+        <div class="footer-indent">
+          <p>&copy; Universitätsbibliothek Leipzig | <a href="https://blog.adlr.link/impressum/" target="_blank">Impressum</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>