icon jsw

css/global-style.css

@@ -17953,6 +17953,7 @@ ul.tabs {
 .footer_block_container {
   background: #333;
   border-bottom: 4px solid #8c2004;
+  padding: 1rem 0;
 }
 
 .region-subfooter {
@@ -17961,6 +17962,28 @@ ul.tabs {
   padding-bottom: 1rem;
 }
 
+.subfooter_block_container {
+  background: #1a1a1a;
+}
+.subfooter_block_container .container {
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  max-width: 90rem;
+  margin-left: auto;
+  margin-right: auto;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 0;
+}
+@media print, screen and (min-width: 40em) {
+  .subfooter_block_container .container {
+    padding-right: 0.9375rem;
+    padding-left: 0.9375rem;
+  }
+}
+
 footer .footer-links {
   border-left: 1px solid #676767;
   padding-left: 0.5rem;
@@ -17991,6 +18014,19 @@ footer .region-footer .block {
   margin-left: 0.625rem;
   margin-right: 0.625rem;
 }
+footer .region-subfooter {
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  max-width: 90rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+@media print, screen and (min-width: 40em) {
+  footer .region-subfooter {
+    padding-right: 0.9375rem;
+    padding-left: 0.9375rem;
+  }
+}
 footer .title {
   color: #fefefe;
   font-size: 1.125rem;
@@ -18203,6 +18239,14 @@ footer .social-media i {
   font-size: 0.8em;
   padding: 0.5rem;
 }
+.menu--menu-center-navigation ul.menu a.is-active,
+.menu--main ul.menu a.is-active {
+  color: #fefefe;
+}
+.menu--menu-center-navigation ul.menu a.is-active .link-text,
+.menu--main ul.menu a.is-active .link-text {
+  text-decoration: underline;
+}
 .menu--menu-center-navigation i,
 .menu--main i {
   font-size: 1.75rem;

css/sass/components/_footer.scss

@@ -1,12 +1,24 @@
 .footer_block_container {
   background: $black;
   border-bottom: 4px solid #8c2004;
+    padding: $global-padding 0;
 }
 .region-subfooter {
   background: darken($black, 10%);
   padding-top: $global-padding;
   padding-bottom: $global-padding;
 }
+.subfooter_block_container {
+  .container {
+
+    @include xy-grid-container;
+    @include xy-grid;
+    justify-content: space-between;
+    align-items: center;
+    padding: $global-padding 0;
+  }
+  background: #1a1a1a;
+}
 
 footer {
   //margin: $global-margin;
@@ -25,6 +37,13 @@ footer {
       @include xy-cell(auto);
     }
   }
+  .region-subfooter {
+    @include xy-grid-container;
+    //@include xy-grid;
+    //.block {
+      //@include xy-cell(auto);
+    //}
+  }
   .title {
     color: #fefefe;
     font-size: 1.125rem;

css/sass/components/_topnav.scss

@@ -57,6 +57,14 @@
     font-size: 0.8em;
     padding: calc($global-padding/2);
   }
+  ul.menu a.is-active {
+    color: $white;
+    .link-text {
+      text-decoration: underline;
+    }
+  }
+  .is-active {
+  }
   i {
     font-size: rem-calc(28);
   }
@@ -75,7 +83,7 @@
   justify-content: space-between;
 }
 .view-current-library-hours {
-  padding:0 10px;
+  padding: 0 10px;
   text-align: center;
   border: 1px solid #fff;
   background: #ccc;

js/custom_js.js

@@ -5,6 +5,69 @@ jQuery(document).ready(function ($) {
 $(document).foundation();
   // Homepage blocks
 $('.p-navigation__nav > ul').superfish();
+  
+  
+  //askus
+  $(".page-node-627 .page-title").prepend('<i class="fa-brands fa-weixin"></i>');
+  //computers
+  $(".page-node-2411 .page-title").prepend('<i class="fa-solid fa-laptop"></i>');
+  //search
+  $(".path-databases-all .page-title").prepend('<i class="fa-solid fa-magnifying-glass"></i>');
+  //print scan
+  $(".page-node-2415 .page-title").prepend('<i class="fa-solid fa-print"></i>');
+  //collections
+  $(".page-node-371 .page-title").prepend('<i class="fa-solid fa-image"></i>');
+  // tours
+  $(".page-node-99 .page-title").prepend('<i class="fa-solid fa-info-circle"></i>');
+  //booking
+  //$(".page-node-2409 .page-title").prepend('<i class="fa-solid fa-users"></i>');
+  // subject guides
+  $(".page-node-1291 .page-title").prepend('<i class="fa-solid fa-book"></i>');
+  // faq
+  $(".page-node-889 .page-title").prepend('<i class="fa-solid fa-question-circle"></i>');
+  // hours
+  $(".page-node-675 .page-title").prepend('<i class="fa-solid fa-clock"></i>');
+
+
+
+
+    Drupal.behaviors.pageIcons = {
+        attach: function attach(context, settings) {
+
+          //$(".page-node-2411 .page-title").prepend('<i class="fa-solid fa-laptop"></i>');
+            //var pageTitle = $(".page-databases-all .page_title"); //select the element
+            //var icon = 'fa-search';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-bar-askus .page_title"); //select the element
+            //var icon = 'fa-weixin';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-computers .page_title"); //select the element
+            //var icon = 'fa-laptop';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-printing .page_title"); //select the element
+            //var icon = 'fa-print';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-peicollection .page_title"); //select the element
+            //var icon = 'fa-picture-o';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-tours .page_title"); //select the element
+            //var icon = 'fa-info-circle';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-sg .page_title"); //select the element
+            //var icon = 'fa-book';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+            ////==============================================
+            //var pageTitle = $(".section-faq-frequently-asked-questions-about-library-resources-and-services .page_title"); //select the element
+            //var icon = 'fa-question-circle';
+            //pageTitle.prepend('<i class="fa ' + icon + '"></i>');
+        }
+    };
 /* End document
 --------------------------*/
 });