From 7c90661d38731a06d979a1e2230fdee5632dd588 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 10 Mar 2021 15:53:32 -0500
Subject: [PATCH] first new working footer

---
 groups/new-homepage-3/homepage3-js-css.html   | 60 +++++++++++++++++++
 groups/new-homepage-3/homepage3-template.html | 32 ++++++----
 2 files changed, 80 insertions(+), 12 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index 95fc569..46ea295 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -232,17 +232,68 @@ a.no-underline {
         margin: -15px 0px;
 }
 
+/* style footer */
+
+#orange-line {
+        height:10px; 
+        background-color: #ff4e00;
+}
+
+#main-blue-footer {
+        background-color: #003466; 
+        color: white; 
+        padding: 30px;
+}
+
+.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
+        color: white;
+        text-decoration:none;
+}
+
+.whiteahrefs {
+        margin-top: 10px;
+}
+
+#lighthouse-logo > img {     
+        max-width: 300px;
+}
+
 /* media queries */
+
 @media only screen and (min-width: 992px) {
         .form-width {
                 width: 350px;
         }
+        #cuny-logo {
+                float: right;
+        }
+        .library-address {
+                display: inline-block;
+                margin: 30px;
+                font-size: 1.1em;
+                vertical-align: -40px;
+        }
+        #lighthouse-logo {
+                display: inline-block;
+        }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
         .form-width {
                 width: 220px;
         }
+        #cuny-logo {
+                float: right;
+        }
+        .library-address {
+                display: inline-block;
+                margin: 30px;
+                font-size: 1.1em;
+                vertical-align: -40px;
+        }
+        #lighthouse-logo {
+                display: inline-block;
+        }
 }
 
 @media only screen and (max-width: 767px)  {
@@ -258,6 +309,15 @@ a.no-underline {
         #onesearch-header {
                 font-size: 5em;
         }
+        #main-blue-footer {
+                min-height: 500px;
+        }
+        .library-address {
+                float: left;
+        }
+        #cuny-logo {
+                float: left;
+        }
 }
 
 /*!
diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index 818780b..d89deb4 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -430,18 +430,26 @@
                 <div class="container-fluid">
                         <div class="row">
 	                        <!-- BEGIN: Page Footer -->
-	                        <div style="height:10px; background-color:#ff4e00"></div>
-		                <div style="height:50px; background-color:#003466; color:white; padding:5px 20px 0px 20px">
-		                        <span>
-			                        Robert J. Kibbee Library, 2001 Oriental Blvd, Brooklyn, NY, 11235<br>
-		                        </span>
-                                        <span style="float:right" class="whiteahrefs">
-			                        <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>
-		                        </span>
-		                        <span style="clear:both" class="whiteahrefs">
-			                        718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> | 
-		                                <a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
-		                        </span>
+	                        <div id="orange-line"></div>
+		                <div id="main-blue-footer">
+		                        <div id="lighthouse-logo">
+                                                <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/KCC-lighthouse.png" />
+                                        </div>
+                                        <div class="library-address">
+                                                <div>
+			                                <strong>Robert J. Kibbee Library</strong><br />
+                                                        2001 Oriental Blvd<br />
+                                                        Brooklyn, NY, 11209<br />
+			                                718-368-5632
+                                                </div>
+                                                <div class="whiteahrefs">
+                                                        <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a><br /> 
+		                                        <a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
+                                                </div>
+                                        </div>
+                                        <div id="cuny-logo">
+                                                <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" />
+                                        </div>
 	                        </div>
                                 <!-- END: Page Footer -->
                         </div>