footer

Author: chrystalchern

source/_static/css/home-css/home.css

@@ -17,4 +17,36 @@ h2 {
     line-height: 1.5;
     padding: .5rem .75rem;
     position: relative;
-}  
+}
+
+.bd-footer a:visited {
+    color: #6f42c1;
+}
+
+.bd-footer a:hover,
+.bd-footer a:visited:hover {
+    color: var(--colorPrimaryLight);
+}
+
+.bd-footer h5 {
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+/* enlarge GitHub icon: Bulma's .icon caps it at 1.5rem */
+.bd-footer .social-media-icons svg.icon {
+    width: 2.5rem;
+    height: 2.5rem;
+    transition: fill .15s ease-in-out;
+}
+
+.bd-footer .social-media-icons svg.icon:hover {
+    fill: var(--colorPrimaryLight);
+}
+
+/* Pull the icon column left (one grid column = 8.3333%) */
+@media (min-width: 992px) {
+    .bd-footer .xara-footer {
+        margin-left: -8.3333%;
+    }
+}

source/_templates/home.html

@@ -256,10 +256,9 @@ <h2>Partners</h2>
     <div class="container py-4 py-md-5 px-4 px-md-3 text-body-secondary">
       <div class="row">
         <div class="col-lg-3 mb-3">
-          <a class="d-inline-flex align-items-center mb-2 text-body-emphasis text-decoration-none" href="/" aria-label="STAIRlab">
-            <a href="https://stairlab.berkeley.edu">
-              <img id=footer-logo style="max-width: 50;" src="{{ pathto('_static/images', 1) }}/peer-black-100.png"
-              alt="STAIRLab logo."></a>
+          <a class="d-inline-flex align-items-center mb-3 text-body-emphasis text-decoration-none" href="https://stairlab.berkeley.edu" aria-label="STAIRlab">
+            <img id=footer-logo style="max-width: 50;" src="{{ pathto('_static/images', 1) }}/peer-black-100.png"
+              alt="STAIRLab logo.">
             <span class="fs-5">STAIRLab</span>
           </a>
           <ul class="list-unstyled small">