linting html

values of 0 shouldn't have units specified
fix 2 typos
2022-07-28 14:25:44 -04:00 · 2022-07-28 14:07:26 -04:00 · 2022-07-27 13:24:47 -04:00 · 2022-07-27 11:36:11 -04:00 · 2022-07-27 10:26:19 -04:00 · 2022-07-26 17:53:53 -04:00
12 changed files with 2546 additions and 185 deletions
@@ -1,16 +0,0 @@
-<div id="bannerwrap">
-	<div id="innerbannercont" class="hidden-sm hidden-xs">													           
-		<a href="http://www.kbcc.cuny.edu/Pages/webmail_portal.aspx" target="_blank">Webmail</a> |           
-		<a href="http://www.kbcc.cuny.edu/its/Pages/default.aspx" target="_blank"> IT Helpdesk</a> |           
-		<a href="http://www.kbcc.cuny.edu/Pages/directory.aspx" target="_blank"> Directory: Name</a> |           
-		<a href="http://www.kbcc.cuny.edu/InstantSearch/Pages/officedept.aspx" target="_blank"> Directory: Dept.</a> |           
-		<a href="http://www.kbcc.cuny.edu/sub-about/Pages/maps_directions.aspx" target="_blank"> Directions</a> |  	   
-		<a href="http://www.kbcc.cuny.edu/kcclibrary/Pages/default.aspx" target="_blank">Library</a> |             
-		<a href="http://www.kbcc.cuny.edu/access-ability/Pages/welcome.aspx" target="_blank">Access-Ability Services</a>     
-	</div>
-
-	<div id="bannerleft"></div>
-	<div id="bannerx"></div>
-
-</div>
-<div id="spacer"></div>
@@ -1,155 +0,0 @@
-<style>
-
-/* Fix the color of the "Search" button on the subject pages */
-form .btn.btn-info {
-	background-color:#003466;
-	border:1px solid #003466;
-}
-
-/* Make the badges KBCC blue so they doesn't clash
-.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
-	background-color:#003466;
-} */
-
-
-/* CSS to target buttons on the LibGuides homepage more specifically.
-	These had been broken by a LibGuides update, 9/6/2016 */
-
-.s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
-	background-color:#003466;
-	border:1px solid #003466;
-}
-
-/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
-.s-lg-guide-info-account {
-	display:none;
-}
-
-/* styling the header on the main page */
-#s-lg-hp-nav {     
-	background:url(http://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ 
-	background-color:#258;     
-	background-size:100%;     
-	height:190px;
-}
-
-#s-lg-hp-nav-bottom {
-	background-color:rgba(255,255,255,0.55); 
-	border-radius:0;
-} 
-
-#nav-spacer {
-	height:55px;
-	width:400px;
-}
-
-#nav-title-spacer {
-	height:42px; 
-	width:400px; 
-	padding:0px 0px 0px 20px; 
-	margin-bottom:10px;
-	background-color:rgba(0,0,0,0.65);
-	color:white;
-}
-
-/* makes the heading smaller on very small screens */
-
-@media (max-width: 455px) {
-    h1 {
-	font-size: 25px;
-    }
-   #nav-title-spacer {
-	width: inherit;
-    }
-}
-
-/* Making the pills the right color */
-
-a.label.label-info:hover {
-	background-color:#003466;
-} 
-
-.label-info {
-	background-color:#003466;
-}
-
-/* new nav pills styling (11/17/2016) */
-
-.s-lg-index-nav-btn.active > .btn {
-	background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:focus {
-	background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:hover {
-	background-color:#003466;
-}
-
-ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
-	outline: none;
-}
-
-/* New CSS for the Kingsborough banner that was developed by Kwatei */
-
-#bannerwrap {
-	top:10px;
-	width:100%;
-	height:100px;
-	position:relative;
-	margin:0px auto;
-	float:none;
-	clear:none;	
-}
-
-#bannerleft {
-	background:url(http://www2.kingsborough.edu/kcclibrary/Images/logoleft.png);
-	width:281px;
-	height:100px;
-	margin:0px auto;
-	position:relative;
-	float:left;
-	clear:none;
-}
-
-#bannerx {
-	height:100px;
-	background-image:url(http://www2.kingsborough.edu/kcclibrary/Images/logo_x.png);
-	background-repeat: repeat-x;
-}
-
-#innerbannercont {
-	width:660px;
-	float:right;
-	clear:left;
-	height:33px;	
-	position:relative;
-	z-index:12;
-	font-size:12px;
-        text-align:right;
-        color:#fff;
-        margin:3px;
-}
-
-#innerbannercont a {
-        color:#fff;
-	text-decoration:none;
-}
-
-#spacer {
-        height:15px;
-}
-
-#s-lib-bc {
-	clear:both;
-}
-
-/* alternate fonts included to accommodate computers that do not have the defaults */
-
-body {
-	font-family: arial, sans-serif;
-}
-
-
-</style>
@@ -1,15 +1,5 @@
 # About this repository

-### As of 3/24/2017, I've stopped updating this repository because our library bought LibGuides CMS. CMS has allowed our library to do a lot more customization of our LibGuides code in various places. As a result, this repo has become really difficult to maintain. So I'll leave it as it is.
+The files here are copied from Kingsborough Library's LibGuides Admin interface. They will not produce a workable site on their own, but you can glue them together in LibGuides; and with the relevant JS/CSS libraries added in, you can produce a working site along these lines: https://library.kbcc.cuny.edu

-The files here are copied from Kingsborough Library's LibGuides Admin interface. They will not produce a workable site on their own, but when pasted into the appropriate
-fields of the LibGuides Admin pages, they will modify the default LibGuide homepage to produce a page that looks like this:
-
-http://kbcc.cuny.libguides.com/index.php?
-
-The three files in this repository are:
-* LibGuide-home.html, which is taken from Admin > Homepage > Customize Homepage Template
-* LibGuide.css, which is taken from Admin > Custom JS/CSS
-* and LibGuide-banner.html, which is taken from Admin > Header/Footer/Tabs/Boxes > Page Header
-
-LibGuide.css has comments included to explain what the various rules are doing. Please feel free to use and adapt any of these files, and let me know what you make!
+This respository is primarily maintained as a backup, but perhaps you may find something useful here.
@@ -0,0 +1,106 @@
+<body class="s-lib-public-body">
+        <!-- BEGIN: Page Header -->
+            {{public_header}}
+        <!-- END: Page Header -->
+        <!-- BEGIN: Content Header -->
+        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
+            <div id="s-lib-bc">
+                {{breadcrumbs}}
+            </div>
+            <h1 id="s-lib-public-header-title">{{page_title}}
+</h1>
+            <div id="s-lib-public-header-desc">{{page_description}}
+</div>
+        </div>
+        <!-- END: Content Header -->
+        <!-- BEGIN: Nav Bar -->
+        <div id="s-lib-public-nav" class="container s-lib-side-borders">
+            {{page_nav}}
+        </div>
+        <!-- END: Nav Bar -->
+        <!-- BEGIN: content -->
+        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
+            <section>
+				<div  id="s-lg-az-search-bar"  class="row">
+					<div  id="az-search-col-1"  class="col-md-12 center">
+
+					</div>
+				</div>
+			</section>
+			<section>
+				<div  id="s-lg-az-cols"  class="row">
+					<div  id="col1"  class="col-md-8 center">
+						<div id="s-lg-az-filters" class="pad-right-sm pad-bottom-med">
+							<section>
+								<div  id="s-lg-az-filter-cols"  class="row">
+									<div  id="col-subjects"  class="col-md-4 center">
+										{{subject_list}}
+									</div>
+									<div  id="col-types"  class="col-md-4 center">
+										{{type_list}}
+									</div>
+									<div  id="col-vendors"  class="col-md-4 center">
+										{{vendor_list}}
+									</div>
+								</div>
+							</section>
+						</div>
+						<div id="s-lg-az-index" class="pad-right-sm">
+							{{alpha_list}}
+						</div>
+						<div id="s-lg-az-search-reset" class="pad-top-med pad-bottom-med">
+							{{search_reset}}
+						</div>
+						<div id="s-lg-az-content" class="pad-right-sm pad-top-med">
+							<div class="bold s-lib-color-lt-grey pad-top-med text-center">Loading...</div>
+						</div>
+					</div>
+					<div  id="col2"  class="col-md-4 center">
+						{{popular_box}}
+						{{trials_box}}
+					</div>
+				</div>
+			</section>
+        </div>
+        <!-- END: content -->
+        <!-- BEGIN: Page Footer -->
+        <div id="s-lib-footer-public" class="s-lib-footer footer container  s-lib-side-borders">
+    <div>
+        <div id="s-lib-footer-brand">
+            Powered by <a href="http://www.springshare.com">Springshare</a>.
+        </div>
+        <div id="s-lib-footer-rights">
+            All rights reserved.
+        </div>
+        <div id="s-lib-footer-login-link">
+            <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>.
+        </div>
+   	</div>
+    <div>
+        <div id="s-lib-footer-print-link">
+            View this page in a format suitable for <a href="#">printers and screen-readers</a>.
+        </div>
+        <div id="s-lib-footer-support-link">
+                    </div>
+  	</div>
+</div>        <!-- END: Page Footer -->
+        <div id="s-lib-alert" title="">
+                            <div id="s-lib-alert-content"></div>
+                       </div>        
+                <div id="s-lib-popover-title" class="hide">
+                    <span class="text-info"><strong>title</strong></span> 
+                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
+                </div>
+                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
+                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
+                </div>        
+			<div id="s-lib-scroll-top" title="Back to Top">
+				<span class="fa-stack fa-lg">
+				  <i class="fa fa-square-o fa-stack-2x"></i>
+				  <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
+				</span>
+			</div>        
+        <!-- BEGIN: Custom Footer -->
+        {{public_footer}}
+        <!-- END: Custom Footer -->
+	</body>
@@ -0,0 +1,3 @@
+<div id="bannercontainer">
+<img id="newbanner" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
+</div>
@@ -0,0 +1,175 @@
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXHWQX3"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+<style>
+
+/* In the footer, make links white, even when hovered, active or visited */
+.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
+        color: white;
+        text-decoration:none;
+}
+
+/* Fix the color of the "Search" button on the subject pages */
+form .btn.btn-info {
+    background-color:#003466;
+    border:1px solid #003466;
+}
+
+/* Make the badges KBCC blue so they doesn't clash
+.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
+    background-color:#003466;
+} */
+
+
+/* CSS to target buttons on the LibGuides homepage more specifically.
+    These had been broken by a LibGuides update, 9/6/2016 */
+
+.s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
+    background-color:#003466;
+    border:1px solid #003466;
+}
+
+/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
+.s-lg-guide-info-account {
+    display:none;
+}
+
+/* styling the header on the main page */
+#s-lg-hp-nav {     
+    /* background:url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); does not seem to work well with .png files */
+    background:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%), 
+    url(https://libapps.s3.amazonaws.com/accounts/16298/images/library_front_view.jpg); 
+    background-position: 50% 71%;
+    background-color:#258;     
+    background-size:100%;     
+    height:190px;
+}
+
+#s-lg-hp-nav-bottom {
+    background-color:rgba(255,255,255,0.55); 
+    border-radius:0;
+} 
+
+#nav-spacer {
+    height:55px;
+    width:400px;
+}
+
+#nav-title-spacer {
+    height:42px; 
+    width:400px; 
+    padding:0px 0px 0px 20px; 
+    margin-bottom:10px;
+    background-color:rgba(0,0,0,0.65);
+    color:white;
+}
+
+/* makes the heading smaller on very small screens */
+
+@media (max-width: 455px) {
+    h1 {
+        font-size: 25px;
+    }
+   #nav-title-spacer {
+        width: inherit;
+    }
+}
+
+/* Making the pills the right color */
+
+a.label.label-info:hover {
+    background-color:#003466;
+} 
+
+.label-info {
+   background-color:#003466;
+}
+
+/* new nav pills styling (11/17/2016) */
+
+.s-lg-index-nav-btn.active > .btn {
+   background-color:#003466;
+}
+
+.s-lg-index-nav-btn.active > .btn:focus {
+   background-color:#003466;
+}
+
+.s-lg-index-nav-btn.active > .btn:hover {
+   background-color:#003466;
+}
+
+ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
+    outline: none;
+}
+
+/* New CSS for the Kingsborough banner that was developed by Kwatei */
+
+#bannerwrap {
+top:10px;
+width:100%;
+height:100px;
+position:relative;
+margin:0px auto;
+float:none;
+clear:none;	
+}
+
+#bannerleft {
+background:url(https://libapps.s3.amazonaws.com/accounts/16298/images/KCC_Offical_Logo.jpg);
+background-size:contain;
+width:367px;
+height:105px;
+margin:0px auto;
+position:relative;
+float:left;
+clear:none;
+}
+
+#bannerx {
+	height:105px;
+        background-image:url(https://libapps.s3.amazonaws.com/accounts/16298/images/logo_x_new.png);
+        background-size:contain;
+	background-repeat: repeat-x;
+}
+
+#innerbannercont {
+	width:660px;
+	float:right;
+	clear:left;
+	height:33px;	
+	position:relative;
+	z-index:12;
+	font-size:12px;
+        text-align:right;
+        color:#fff;
+        margin:3px;
+}
+
+#innerbannercont a {
+        color:#fff;
+	text-decoration:none;
+}
+
+#spacer {
+        height:30px;
+}
+
+#s-lib-bc {
+       clear:both;
+}
+
+/* alternate fonts included to accommodate computers that do not have the defaults */
+
+body {
+        font-family: arial, sans-serif;
+}
+
+/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
+a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
+       margin-top:9px;
+}
+
+</style>
@@ -57,7 +57,22 @@
            </div>
        </div>
        <!-- END: content -->
-        <!-- BEGIN: Page Footer -->
+        <!-- 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>
+        END: Page Footer -->
+        <!-- BEGIN: Page Footer-->
        <div id="s-lib-footer-public" class="s-lib-footer footer container  s-lib-side-borders">
            <div>
                <div id="s-lib-footer-brand">
@@ -78,7 +93,7 @@
                </div>
            </div>
        </div>
-        <!-- END: Page Footer -->
+        <-- END: Page Footer -->
        <div id="s-lib-alert" title="">
            <div id="s-lib-alert-content"></div>
        </div>        
@@ -0,0 +1,522 @@
+<style>
+
+body {
+        color: #111;
+        overflow-x: hidden;
+}
+
+/* style slide out chat */
+
+#lcs_slide_out_button-21944 { font-size: 1.5em; }
+
+/* style alert */
+
+#corona-alert {
+        text-align: center;
+        background-color: #faf870;
+        padding: 5px;
+}
+
+#corona-alert-text {
+        color: #111;
+        font-size: 1.5em;
+}
+
+/* style header */
+
+#header-div {
+        padding: 30px;
+        text-align: center;
+}
+
+/* style navbar */
+
+nav.navbar-default.yamm {
+        background-color: white;
+        border: none;
+        font-size: 1.4em;
+        color: #111;
+        margin-top: 20px;
+        border-radius: 0px;
+}
+
+.navbar-default .navbar-nav >li >a { color: #111; }
+
+.faux-card {
+        margin-left: 16px;
+}
+
+/* style background image */
+.kbcc-background-image {
+        background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url("https://libapps.s3.amazonaws.com/accounts/16298/images/library_front_view.jpg");
+        background-position: 50% 71%;
+        padding: 20px 0px;
+        border-radius: 5px;
+        background-size: cover;
+        margin: -30px 0px 30px 0px;
+}
+
+/* style jumbotron */
+
+.onesearch-jumbotron {
+        text-align: center;
+        margin-top: -40px;
+}
+
+#onesearch-header {
+        font-size: 10em;
+        margin-bottom: 0px;
+}
+
+.zero-margin {
+        margin-left: -2px;
+        margin-right: -2px;
+}
+
+#dropdownMenu1 { border-radius: 0px; }
+
+a.searchmenu { color: #111; }
+
+.highlight-menu-item { padding: 2px; }
+
+.highlight-menu-item:hover {
+        background-color: #eee;
+        cursor: pointer;
+}
+
+/* style link list */
+.link-list { font-size: 1.5em; }
+
+/* style for nav by the jumbotron */
+.nav-divs-by-jumbotron {
+        text-align: center;
+        padding: 6px;
+        margin: 6px 0px;
+        color: white;
+        background-color: #003466;
+        border-radius: 3px;
+}
+
+.nav-divs-by-jumbotron>h2 {
+        font-size: 1.5em;
+        margin-bottom: 4px;
+        margin-top: 4px;
+}
+
+a.no-underline { text-decoration: none; }
+
+.nav-divs-by-jumbotron:hover { background-color: #444; }
+
+#eq_32886 { 
+        background-color: #003466;
+        border: none;
+}
+
+#eq_32886:hover  { background-color: #444; }
+
+.nav-divs-by-jumbotron:hover > h2 > #eq_32886 { background-color: #444; }
+
+#bookastudyroom { cursor: pointer; }
+
+/* style the panels with the text content */
+.panel>.show-panel {
+        background-color: #003466;
+        text-align: center;
+}
+
+.hide-body-border {
+       border: none;
+       box-shadow: none;
+}
+
+.glyphicon-panel-title { font-size: 2em; }
+
+.content-panel-title {
+        color: white;
+        font-size: 2em;
+}
+
+.content-panel-title>h2 {
+        margin: 7px 0px;
+        font-size: 1em;
+}
+
+.panel-heading { padding: 2px; }
+}
+
+/* style the gallery */
+
+.slick-slide img {
+        padding: 2px;
+        max-height: 350px !important;
+        object-fit: contain;
+        margin: 0px;
+}
+
+.s-lib-public-side-header { display: none; }
+
+.slick-active { outline: 0; }
+
+/* style the hours */
+.hours { text-align:center; }
+
+.hours-panel-body { padding: 10px 5px 0px 5px; }
+
+.padding-0 {
+        padding-left: 4px;
+        padding-right: 4px;
+        flex:1 1 auto;
+        display: flex;
+}
+
+.equal {
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+}
+
+.panel { flex:1 0 100%; }
+
+.panel-outline-color {
+        border: solid #555 1px;
+        font-size: 1.2em;
+        line-height: 1.4em;
+}
+
+.vertical-align {
+        display: flex;
+        align-items: center;
+        height: 100%;
+}
+
+.more-link {
+        text-align: center;
+        width: 100%;
+}
+
+/* style the yamm menu */
+.dropdown-margin { margin-right: 50px; }
+
+.bigger-fancy-text { font-size: 1.2em; }
+
+.yamm1 { max-width: 900px; }
+
+.yamm2 { max-width: 675px; }
+
+.yamm3 { max-width: 300px; }
+
+.yamm4 { max-width: 460px; }
+
+#yamm4-margins { 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 a i {
+        margin: 4px 5px 0px 0px;
+        font-size: 1.5em
+}
+
+.whiteahrefs { margin-top: 10px; }
+
+#lighthouse-logo > img { max-width: 150px; }
+
+/* media queries */
+
+@media only screen and (min-width: 1px)  {
+
+        #library-logo {
+               max-width: 100%;
+               max-height: 150px;
+        }
+
+        #kb-cuny-logo {
+               max-width: 100%;
+               max-height: 150px;
+        }
+
+        #corona-alert { margin: -25px 6px 0px 12px; }
+
+        .form-width { width: 220px; }
+
+        .zero-margin { margin: 7px auto; }
+
+        .nav-by-jumbotron { margin-top: 40px !important; }
+
+        #main-blue-footer { min-height: 450px; }
+
+        .library-address { float: left; }
+
+        #cuny-logo {
+                float: left;
+                clear: both;
+                margin-top: 10px;
+        }
+
+        .libapps {
+                float: left; 
+                clear: left;
+        }
+}
+
+@media only screen and (min-width: 767px) {
+
+        #corona-alert { margin: -20px 12px 0px 12px; }
+
+        .zero-margin { margin: -2px; }
+
+        .nav-by-jumbotron { margin-top: 0px !important; }
+
+        #lighthouse-logo {
+                display: inline-block;
+                float: left;
+        }
+
+        #main-blue-footer { min-height: 210px; }
+
+        .library-address {
+                display: inline-block;
+                margin: -10px 30px;
+                font-size: 1.1em;
+        }
+
+        #cuny-logo {
+                float: right;
+                clear: none;
+                margin: -10px 0px;
+        }
+
+        .libapps {
+                float: right; 
+                clear: both;
+        }
+}
+
+
+@media only screen and (min-width: 992px) {
+        
+        #header-div { text-align: left; }
+
+        #kb-cuny-logo {
+               max-width: 38%;
+               max-height: 300px;
+               margin-top: -15px;
+        }
+
+        #library-logo {
+               float: right;
+               max-width: 62%;
+               max-height: 300px;
+               margin-top: -15px;
+               margin-right: -32px;
+        }
+
+        #corona-alert { margin-top: -10px; }
+
+        nav.navbar-default.yamm { margin-top: 10px; }
+
+       .form-width { width: 350px; }
+}
+
+@media only screen and (min-width: 1200px)  {
+        #kb-cuny-logo { margin-top: 0px; }
+
+        #library-logo { margin-top: -3px; }
+}
+
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup,
+.yamm .dropdown {
+  position: static;
+}
+.yamm .container {
+  position: relative;
+}
+.yamm .dropdown-menu {
+  left: auto;
+}
+.yamm .yamm-content {
+  padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+  left: 0;
+  right: 0;
+}
+/* End of Yamm */
+</style>
+
+<!-- scripts to make the Book a Study Room widget run -->
+<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
+<script>
+jQuery(function(){
+   jQuery("#eq_32886, #bookastudyroom").LibCalEquipmentBooking({iid: 5570, gid: 32886, eid: 0, width: 560, height: 680});
+});
+</script>
+
+<!-- the configuration file for the hours widget -->
+<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/hours-babel.js"></script>
+
+<!-- the code for the hours widget -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+function hoursFunction() {
+        const h = JSON.parse(hours);
+        const options_weekday = { weekday: 'long' };
+        const options_weekday_short = { weekday: 'short' };
+        const options_date = { month: 'short', day: 'numeric' };
+        for (var i = 0; i < h.length; i++) {
+                let targetDate = new Date(h[i].Date + "T00:00:00.000-05:00");
+                let today = new Date();
+                if (window.innerWidth < 500) {
+                    weekday = targetDate.toLocaleDateString("en-US", options_weekday_short)
+                } else { 
+                    weekday = targetDate.toLocaleDateString("en-US", options_weekday)
+                }
+                if (targetDate.getFullYear() === today.getFullYear() &&
+                    targetDate.getMonth() === today.getMonth() &&
+                    targetDate.getDate() === today.getDate()) {
+                           document.getElementById('hours0').innerHTML = "<p><strong>Today</strong><br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
+                           var start = true;
+                           var count = 1;
+                } else if (start === true && count < 3 && h[i].Hours === "Closed" ) {
+                        document.getElementById('hours' + count).innerHTML = "<span style='color:#666;'><p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p></span>";
+                        count++;
+               } else if (start === true && count < 3 && h[i].Hours != "Closed") {
+                        document.getElementById('hours' + count).innerHTML = "<p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
+                        count++;
+               }
+        }
+};
+</script>
+
+<!-- polyfills to make .forEach and .includes work in IE10 and IE11 -->
+<script type="text/javascript">
+if (window.NodeList && !NodeList.prototype.forEach) {
+    NodeList.prototype.forEach = Array.prototype.forEach;
+}
+
+String.prototype.includes = function(match) {
+    return this.indexOf(match) !== -1;
+}
+</script>
+
+
+<!-- script to make OneSearch dropdown work -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+function customizeSearch(facet) {
+        // re-render the dropdown menu with the current pick
+        document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
+        document.getElementById("primoQueryTemp").setAttribute("placeholder", "Enter search term here");      
+        
+        // reset any previously selected facets
+        document.querySelectorAll('.deleteWithDropdownChange').forEach( function(e) { e.remove(); });
+        document.getElementById("formToAppendInputsTo").setAttribute("action", "https://cuny-kb.primo.exlibrisgroup.com/discovery/search");
+        document.getElementById("tabSetting").setAttribute("value", "Everything");
+        document.getElementById("SearchScopeSetting").setAttribute("value", "IZ_CI_AW");
+
+        // add the facet that matches the user's dropdown selection
+        if (facet === "Books") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Articles") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="mfacet" value="rtype,include,newspaper_articles,1" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Videos") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,videos" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Journals") {
+                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch');
+                document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
+        } else if (facet === "Newspapers") {
+                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch');
+        } else if (facet === "Course Reserves") {
+                document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
+                document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
+        } else {
+                console.log("no match");
+        }
+
+        // store the facet, for use on page reload
+        sessionStorage.facet = facet;
+}
+
+// if the stored facet exists on page load, render the dropdown with that facet, then clear the stored facet
+function sessionFunction() {
+        if (sessionStorage.facet && sessionStorage.searchTerms) {
+               stored_terms = sessionStorage.searchTerms;
+               document.getElementById("primoQueryTemp").value = stored_terms;
+               stored_facet = sessionStorage.facet;
+               customizeSearch(stored_facet);
+        }
+        sessionStorage.clear();
+};
+</script>
+
+<!-- OneSearch widget script from OLS, modified -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+
+function addPrimoQuery(e) {
+        // prevent the user from submitting the form if no dropdown item has been selected. Added by ME.
+        e.preventDefault();
+        e.stopPropagation();
+        if (document.getElementById("dropdownMenu1").innerHTML.includes('Define') === true) {
+                $("#dropdownMenu1").trigger('click.bs.dropdown.data-api');
+                document.getElementById("primoQueryTemp").value = "";
+                document.getElementById("primoQueryTemp").setAttribute("placeholder", "Please make a selection");
+                return true;
+        };
+
+       // save the search terms, for use on page reload
+       sessionStorage.searchTerms = document.getElementById("primoQueryTemp").value;
+
+       // original OLS widget
+       document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
+       // If you changed the form name at the top, change it below to match
+       document.forms.searchPrimoForm1.submit();
+}
+</script>
+
+<!-- run the hours widget and the sessionStorage stuff on load -->
+<script>
+window.onload = function () {
+        hoursFunction()
+        sessionFunction()
+}
+</script>
+
+<!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) -->
+<!--<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">-->
+<!--<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>-->
+
+<!-- FontAwesome -->
+<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/fa.js"></script>
+
+<!-- If browser is IE, run an alternate version of lg-public.min.js with no ECMAscript 6 -->
+<script type="text/javascript">
+if (window.document.documentMode) {
+  document.write('<script src="//libapps.s3.amazonaws.com/sites/2365/include/lg-public.min.js"><\/script>');
+}
+</script>
@@ -0,0 +1,548 @@
+<style>
+
+:root {
+        --kbccblue: #003466;
+        --kbccorange: #ff4e00;
+        --text: #111;
+}
+
+body {
+        color: var(--text);
+        overflow-x: hidden;
+}
+
+/* style slide out chat */
+#lcs_slide_out_button-21944 { font-size: 1.5em; }
+
+/* style header */
+#header-div {
+        padding: 30px;
+}
+
+/* style the hamburger menu */
+#hamburger-container { float: left; }
+#hamburger, #hamburger:active { 
+        border: none;
+        outline: none;
+        background-color: #fff;
+        color: var(--kbccblue)
+}
+#hamburger-ul > li > .searchmenu { background-color: #fff; }
+#hamburger-ul { padding: 25px 0; }
+
+/* have bootstrap dropdowns fade in and out */
+.dropdown-menu.fade {
+        display: block;
+        opacity: 0;
+        pointer-events: none;
+}
+.open > .dropdown-menu.fade {
+        pointer-events: auto;
+        opacity: 1;
+}
+.fade {
+        -webkit-transition-duration: 5s; /* Safari */
+        transition-duration: 0.5s;
+}
+.dropdown:hover .dropdown-menu {
+        display: block;
+}
+
+/* style the login at the top right */
+#login-div {
+        float: right;
+        padding: 8px 15px 0 0;
+        color:var(--kbccblue);
+        font-size:1.5em;
+}
+#login-text {
+        display: inline-block;
+        vertical-align: -2px;
+}
+#login-icon { display: inline-block; }
+
+/* style alert */
+#corona-alert {
+        text-align: center;
+        background-color: #faf870;
+        padding: 5px 15px;
+        cursor: pointer;
+}
+#corona-alert-text {
+        color: var(--text);
+        font-size: 1.5em;
+}
+
+/* style navbar */
+nav.navbar-default.yamm {
+        background-color: white;
+        border: none;
+        font-size: 1.4em;
+        color: var(--text);
+        border-radius: 0;
+}
+.dropdown > .ga-main-navbar, .dropdown > .ga-main-navbar:hover, .dropdown > .ga-main-navbar:active {
+        outline: none;
+        border: none;
+}
+.navbar-default .navbar-nav > li > a { color: var(--text); }
+#navbar-center {
+        display: flex;
+        justify-content: left;
+        float: none;
+}
+.ga-main-navbar { 
+        font-size: 1.3em;
+}
+.faux-card {
+        margin-left: 16px;
+}
+#dropdownMenu1 { border-radius: 0; }
+a.searchmenu { color: var(--text); }
+.highlight-menu-item { padding: 2px; }
+.highlight-menu-item:hover {
+        background-color: #eee;
+        cursor: pointer;
+}
+
+/* style background image */
+.kbcc-background-image {
+        background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url("https://libapps.s3.amazonaws.com/accounts/16298/images/library_front_view.jpg");
+        background-position: 50% 71%;
+        padding: 20px 0;
+        border-radius: 5px;
+        background-size: cover;
+        margin: -30px 0 30px 0;
+}
+
+/* style jumbotron */
+.onesearch-jumbotron {
+        text-align: center;
+        margin-top: -40px;
+}
+#onesearch-header {
+        font-size: 10em;
+        margin-bottom: 0;
+}
+.zero-margin {
+        margin-left: -2px;
+        margin-right: -2px;
+}
+
+/* style for nav by the jumbotron */
+.nav-divs-by-jumbotron {
+        text-align: center;
+        padding: 6px;
+        margin: 6px 0;
+        color: white;
+        background-color: var(--kbccblue);
+        border-radius: 3px;
+}
+.nav-divs-by-jumbotron > h2 {
+        font-size: 1.5em;
+        margin-bottom: 4px;
+        margin-top: 4px;
+}
+a.no-underline { text-decoration: none; }
+.nav-divs-by-jumbotron:hover { background-color: #444; }
+#eq_32886 { 
+        background-color: var(--kbccblue);
+        border: none;
+}
+.nav-divs-by-jumbotron:hover > h2 > #eq_32886, #eq_32886:hover { background-color: #444; }
+#bookastudyroom { cursor: pointer; }
+
+/* style link list */
+.link-list { font-size: 1.7em; }
+
+/* style the panels with the text content */
+.panel > .show-panel {
+        background-color: var(--kbccblue);
+        text-align: center;
+}
+.hide-body-border {
+       border: none;
+       box-shadow: none;
+}
+.glyphicon-panel-title { font-size: 2em; }
+.content-panel-title {
+        color: white;
+        font-size: 2em;
+}
+.content-panel-title > h2 {
+        margin: 7px 0;
+        font-size: 1em;
+}
+.panel-heading { padding: 2px; }
+
+/* style the gallery */
+.slick-slide img {
+        padding: 2px;
+        max-height: 350px !important;
+        object-fit: contain;
+        margin: 0;
+}
+.s-lib-public-side-header { display: none; }
+.slick-active { outline: 0; }
+
+/* style the hours */
+.hours { text-align:center; }
+.hours-panel-body { padding: 10px 5px 0 5px; }
+.padding-0 {
+        padding-left: 4px;
+        padding-right: 4px;
+        flex:1 1 auto;
+        display: flex;
+}
+.equal {
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+}
+.panel { flex:1 0 100%; }
+.panel-outline-color {
+        border: solid #555 1px;
+        font-size: 1.2em;
+        line-height: 1.4em;
+}
+.vertical-align {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+}
+.more-link {
+        text-align: center;
+        width: 100%;
+}
+
+/* style the dropdown menus */
+.dropdown-margin { padding: 20px 0; }
+.bigger-fancy-text { font-size: 1.2em; padding: 5px; }
+.bigger-icon { font-size: 1.5em; margin-right: 8px; }
+.caret-text { display: inline-block; color: var(--kbccblue); font-weight: bold; }
+.fancy-caret { display: inline-block; margin-left: 2px; color: var(--kbccblue); }
+.open > a > .fancy-caret { margin-bottom: -4px; vertical-align: -4px; display: inline-block; }
+.open > a > .caret-text { vertical-align: -1px; }
+
+/* additional styling for OneSearch dropdown */
+.yamm4 { max-width: 460px; }
+#yamm4-margins { margin: -15px 0; }
+
+/* style footer */
+#orange-line {
+        height:10px; 
+        background-color: var(--kbccorange);
+}
+#main-blue-footer {
+        background-color: var(--kbccblue);
+        color: white; 
+        padding: 30px;
+}
+.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
+        color: white;
+        text-decoration:none;
+}
+.whiteahrefs a i {
+        margin: 4px 5px 0 0;
+        font-size: 1.5em
+}
+.whiteahrefs { margin-top: 10px; }
+#lighthouse-logo > a > img { max-width: 150px; }
+
+/* media queries */
+
+@media only screen and (min-width: 1px)  {
+        #library-logo {
+               max-width: 100%;
+               max-height: 150px;
+        }
+        nav.navbar-default.yamm { margin-top: -20px; }
+        .form-width { width: 210px; }
+        .zero-margin { margin: 7px auto; }
+        .nav-by-jumbotron { margin-top: 40px !important; }
+        #main-blue-footer { min-height: 450px; }
+        .library-address { float: left; }
+        #cuny-logo {
+                float: left;
+                clear: both;
+                margin-top: 10px;
+        }
+        .libapps {
+                float: left; 
+                clear: left;
+        }
+}
+
+@media only screen and (max-width: 768px) {
+        #login-text { display: none; }
+}
+
+@media only screen and (min-width: 768px) {
+        .zero-margin { margin: -2px; }
+
+        /* add flex so that blue box-shadows line up */
+        #flex-search-form {
+                display: flex;
+                flex-direction: row;
+                justify-content: center;
+        }
+        .inherit-height-from-flex {
+                height: inherit;
+        }
+ 
+        /* shadow for the search bar */
+        #blue-border1 {
+                box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
+        }
+        #blue-border2 {
+                box-shadow: 0 -5px 0 var(--kbccblue), 0 5px 0 var(--kbccblue);
+        }
+        #blue-border3 {
+                box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
+        }
+
+        .nav-by-jumbotron { margin-top: 0 !important; }
+        #lighthouse-logo {
+                display: inline-block;
+                float: left;
+        }
+        #main-blue-footer { min-height: 210px; }
+        .library-address {
+                display: inline-block;
+                margin: -10px 30px;
+                font-size: 1.1em;
+        }
+        #cuny-logo {
+                float: right;
+                clear: none;
+                margin: -10px 0;
+        }
+        .libapps {
+                float: right; 
+                clear: both;
+        }
+}
+
+@media only screen and (min-width: 1px) and (max-width: 992px) {
+        #hamburger-alternative { display: none; }
+        #corona-alert { margin-top: 10px; }
+}
+
+@media only screen and (min-width: 992px) {
+        #header-div { text-align: center; }
+        #hamburger, #hamburger-ul { display: none; }
+        #library-logo {
+               max-width: 100%;
+               max-height: 350px;
+        }
+       .form-width { width: 340px; }
+}
+
+@media only screen and (min-width: 1200px)  {
+         #library-logo { margin-top: -3px; }
+}
+
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup,
+.yamm .dropdown {
+  position: static;
+}
+.yamm .container {
+  position: relative;
+}
+.yamm .dropdown-menu {
+  left: auto;
+}
+.yamm .yamm-content {
+  padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+  left: 0;
+  right: 0;
+}
+/* End of Yamm */
+
+</style>
+
+<!-- trigger menu open when you hover over dropdowns
+<script>
+$(document).ready(function(){
+       // on tablets, trigger the dropdown on touchend, since there is no hover
+       if (navigator.userAgent.match(/iPad/i) != null) {
+               $('.dropdown.main-nav-dropdown').on('touchend', function() {
+                       $(this).click();
+                });
+        } else {
+        // else trigger dropdown on hover
+                $('.dropdown.main-nav-dropdown').mouseenter(function() {
+                        $(this).addClass('open');
+                });
+                $('.dropdown.main-nav-dropdown').mouseleave(function() {
+                        $(this).removeClass('open');
+                });
+        };
+});
+</script>
+-->
+
+<!-- scripts to make the Book a Study Room widget run -->
+<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
+<script>
+jQuery(function(){
+   jQuery("#eq_32886, #bookastudyroom").LibCalEquipmentBooking({iid: 5570, gid: 32886, eid: 0, width: 560, height: 680});
+});
+</script>
+
+<!-- the configuration file for the hours widget -->
+<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/hours-babel.js"></script>
+
+<!-- the code for the hours widget -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+function hoursFunction() {
+        const h = JSON.parse(hours);
+        const options_weekday = { weekday: 'long' };
+        const options_weekday_short = { weekday: 'short' };
+        const options_date = { month: 'short', day: 'numeric' };
+        for (var i = 0; i < h.length; i++) {
+                let targetDate = new Date(h[i].Date + "T00:00:00.000-05:00");
+                let today = new Date();
+                if (window.innerWidth < 500) {
+                    weekday = targetDate.toLocaleDateString("en-US", options_weekday_short)
+                } else { 
+                    weekday = targetDate.toLocaleDateString("en-US", options_weekday)
+                }
+                if (targetDate.getFullYear() === today.getFullYear() &&
+                    targetDate.getMonth() === today.getMonth() &&
+                    targetDate.getDate() === today.getDate()) {
+                           document.getElementById('hours0').innerHTML = "<p><strong>Today</strong><br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
+                           var start = true;
+                           var count = 1;
+                } else if (start === true && count < 3 && h[i].Hours === "Closed" ) {
+                        document.getElementById('hours' + count).innerHTML = "<span style='color:#666;'><p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p></span>";
+                        count++;
+               } else if (start === true && count < 3 && h[i].Hours != "Closed") {
+                        document.getElementById('hours' + count).innerHTML = "<p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
+                        count++;
+               }
+        }
+};
+</script>
+
+<!-- polyfills to make .forEach and .includes work in IE10 and IE11 -->
+<script type="text/javascript">
+if (window.NodeList && !NodeList.prototype.forEach) {
+    NodeList.prototype.forEach = Array.prototype.forEach;
+}
+
+String.prototype.includes = function(match) {
+    return this.indexOf(match) !== -1;
+}
+</script>
+
+
+<!-- script to make OneSearch dropdown work -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+function customizeSearch(facet) {
+        // re-render the dropdown menu with the current pick
+        document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
+        document.getElementById("primoQueryTemp").setAttribute("placeholder", "Enter search term here");      
+        
+        // reset any previously selected facets
+        document.querySelectorAll('.deleteWithDropdownChange').forEach( function(e) { e.remove(); });
+        document.getElementById("formToAppendInputsTo").setAttribute("action", "https://cuny-kb.primo.exlibrisgroup.com/discovery/search");
+        document.getElementById("tabSetting").setAttribute("value", "Everything");
+        document.getElementById("SearchScopeSetting").setAttribute("value", "IZ_CI_AW");
+
+        // add the facet that matches the user's dropdown selection
+        if (facet === "Books") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Articles") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="mfacet" value="rtype,include,newspaper_articles,1" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Videos") {
+                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,videos" type="hidden" class="deleteWithDropdownChange" />');
+        } else if (facet === "Journals") {
+                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch');
+                document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
+        } else if (facet === "Newspapers") {
+                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch');
+        } else if (facet === "Course Reserves") {
+                document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
+                document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
+        } else {
+                console.log("no match");
+        }
+
+        // store the facet, for use on page reload
+        sessionStorage.facet = facet;
+}
+
+// if the stored facet exists on page load, render the dropdown with that facet, then clear the stored facet
+function sessionFunction() {
+        if (sessionStorage.facet && sessionStorage.searchTerms) {
+               stored_terms = sessionStorage.searchTerms;
+               document.getElementById("primoQueryTemp").value = stored_terms;
+               stored_facet = sessionStorage.facet;
+               customizeSearch(stored_facet);
+        }
+        sessionStorage.clear();
+};
+</script>
+
+<!-- OneSearch widget script from OLS, modified -->
+<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
+<script type="text/javascript">
+
+function addPrimoQuery(e) {
+        // prevent the user from submitting the form if no dropdown item has been selected. Added by ME.
+        e.preventDefault();
+        e.stopPropagation();
+        if (document.getElementById("dropdownMenu1").innerHTML.includes('Define') === true) {
+                $("#dropdownMenu1").trigger('click.bs.dropdown.data-api');
+                document.getElementById("primoQueryTemp").value = "";
+                document.getElementById("primoQueryTemp").setAttribute("placeholder", "Please make a selection");
+                return true;
+        };
+
+       // save the search terms, for use on page reload
+       sessionStorage.searchTerms = document.getElementById("primoQueryTemp").value;
+
+       // original OLS widget
+       document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
+       // If you changed the form name at the top, change it below to match
+       document.forms.searchPrimoForm1.submit();
+}
+</script>
+
+<!-- run the hours widget and the sessionStorage stuff on load -->
+<script>
+window.onload = function () {
+        hoursFunction()
+        sessionFunction()
+}
+</script>
+
+<!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) -->
+<!--<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">-->
+<!--<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>-->
+
+<!-- FontAwesome -->
+<script src="https://kit.fontawesome.com/4c28f38a07.js" crossorigin="anonymous"></script>
+
+<!-- If browser is IE, run an alternate version of lg-public.min.js with no ECMAscript 6 -->
+<script type="text/javascript">
+if (window.document.documentMode) {
+  document.write('<script src="//libapps.s3.amazonaws.com/sites/2365/include/lg-public.min.js"><\/script>');
+}
+</script>
@@ -0,0 +1,507 @@
+<body class="s-lib-public-body">
+        <!-- Google Tag Manager (noscript) -->
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXHWQX3"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+	<!-- BEGIN: content -->
+        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
+		<div  id="s-lg-index-cols">
+                         <div class="row">
+                                <div class="col-xs-12" id="header-div">
+                                        <a href="https://www.kbcc.cuny.edu"><img id="kb-cuny-logo" class="image-fail" alt="CUNY and Kingsborough logos" src="https://libapps.s3.amazonaws.com/accounts/16298/images/kbcc-logo-CUNY.png" /></a>
+                                        <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
+                                </div>
+                         </div>
+                         <div class="row">
+                                 <div class="col-xs-12">
+                                         <div id="corona-alert" style="cursor: pointer; padding-left: 20px; padding-right: 20px;" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
+                                                 <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
+                                         </div>
+                                 </div>
+
+                                 <!-- Modal -->
+                                 <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
+                                         <div class="modal-dialog modal-sm" role="document">
+                                                 <div class="modal-content" style="border-radius: 3px;">
+                                                         <div class="modal-body">
+                                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 5px 5px 12px 12px;"><span aria-hidden="true">&times;</span></button>
+                                                                 <h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked  rules for visiting that campus.</h4>
+                                                         </div>
+                                                 </div>
+                                         </div>
+                                 </div>
+                                 <!-- End modal -->
+
+                         </div>
+                         <div class="row">
+                                <div class="col-xs-12">
+                                        <nav class="navbar navbar-default yamm">
+                                                <div class="container-fluid">
+                                                        <div>
+                                                                <ul class="nav navbar-nav">
+                                                                        <li><a class="ga-main-navbar" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB">Library Account</a></li>
+                                                                        <li class="dropdown">
+                                                                                <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Find It <span class="caret"></span></a>
+                                                                                <ul class="dropdown-menu dropdown-margin">
+                                                                                        <li>
+                                                                                                <div class="yamm-content yamm1">
+                                                                                                        <div class="row">
+                                                                                                                <a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-database"></i> 
+                                                                                                                                <strong>Databases A-Z</strong> 
+                                                                                                                                <p class="faux-card">An alphabetical listing of the library's electronic collections</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Course Reserves" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves">
+                                                                                                                       <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-cloud-download-alt"></i>
+                                                                                                                                <strong>Course Reserves</strong>
+                                                                                                                                <p class="faux-card">Find class materials through the library</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Journal Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-journal-whills"></i>
+                                                                                                                                <strong>Journal Search</strong>
+                                                                                                                                <p class="faux-card">Find newspapers, magazines and scholarly journals</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="CUNY Academic Works" href="https://library.kbcc.cuny.edu/academicworks">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-archive"></i>
+                                                                                                                                <strong>CUNY Academic Works</strong>
+                                                                                                                                <p class="faux-card">Research and publications from scholars across CUNY</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <div class="clearfix visible-lg-block"></div>
+                                                                                                                <a class="searchmenu" aria-label="KBCC Bookstore" href="https://www.bkstr.com/kingsboroughccstore/home">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-cash-register"></i>
+                                                                                                                                <strong>KBCC Bookstore</strong>
+                                                                                                                                <p class="faux-card">Search for and purchase your textbook from KBCC</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Newspaper Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-newspaper"></i>
+                                                                                                                                <strong>Newspaper Search</strong> 
+                                                                                                                                <p class="faux-card">Find newspaper articles using OneSearch</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-search"></i>
+                                                                                                                                <strong>Research Guides</strong> 
+                                                                                                                                <p class="faux-card">Guides and tutorials from the KBCC librarians</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Google Scholar" href="https://scholar.google.com/">
+                                                                                                                        <div class="col-xs-12 col-md-4 col-lg-3 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-graduation-cap"></i>
+                                                                                                                                <strong>Google Scholar</strong>
+                                                                                                                                <p class="faux-card">Search for scholarly articles at Kingsborough and beyond, using Google</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                        </div>
+                                                                                                </div>
+                                                                                        </li>
+                                                                              </ul>
+                                                                       </li>
+                                                                        <li class="dropdown">
+                                                                                <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
+                                                                                <ul class="dropdown-menu dropdown-margin">
+                                                                                        <li>
+                                                                                                <div class="yamm-content yamm2">
+                                                                                                        <div class="row">
+                                                                                                                <a class="searchmenu" aria-label="Library Instruction" href="https://library.kbcc.cuny.edu/libraryservices/informationliteracy">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-chalkboard-teacher"></i>
+                                                                                                                                <strong>Library Instruction</strong> 
+                                                                                                                                <p class="faux-card">Book an instruction session with a librarian</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Inter Library Loan" href="http://kbcc.cuny.illiad.oclc.org/illiad/logon.html">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-swatchbook"></i>
+                                                                                                                                <strong>Interlibrary Loan</strong> 
+                                                                                                                                <p class="faux-card">Borrow books and articles from other libraries</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Media Services" href="https://library.kbcc.cuny.edu/mediaservices">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-photo-video"></i>
+                                                                                                                                <strong>Media Services</strong>
+                                                                                                                                <p class="faux-card">Equipment requests and DVD borrowing</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <div class="clearfix visible-md-block visible-lg-block"></div>
+                                                                                                                <a class="searchmenu" aria-label="Purchase a book" href="https://kbcc-cuny.libwizard.com/f/bookrequest">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-shopping-basket"></i> 
+                                                                                                                                <strong>Purchase a book</strong>
+                                                                                                                                <p class="faux-card">Suggest a book to purchase</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aira-label="Add to reserves" href="https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-bookmark"></i>
+                                                                                                                                <strong>Add to reserves</strong>
+                                                                                                                                <p class="faux-card">Suggest a book to add to reserves</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aira-label="Virtual Study Hall" href="https://library.kbcc.cuny.edu/StudyHall">
+                                                                                                                        <div class="col-xs-12 col-md-4 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-paperclip"></i>
+                                                                                                                                <strong>Virtual Study Hall</strong>
+                                                                                                                                <p class="faux-card">Work together with other students and librarians online</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                        </div>
+                                                                                                </div>
+                                                                                        </li>
+                                                                                </ul>
+                                                                        </li>
+                                                                        <li class="dropdown">
+                                                                                <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us <span class="caret"></span></a>
+                                                                                <ul class="dropdown-menu dropdown-margin">
+                                                                                        <li>
+                                                                                                <div class="yamm-content yamm3">
+                                                                                                        <div class="row">
+                                                                                                                <a class="searchmenu" aria-label="Faculty and Staff" href="https://library.kbcc.cuny.edu/about-us/directory">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-address-book"></i>
+                                                                                                                                <strong>Faculty & Staff</strong> 
+                                                                                                                                <p class="faux-card">Meet the Kingsborough Library</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-theater-masks"></i>
+                                                                                                                                <strong>Subject Liaisons</strong> 
+                                                                                                                                <p class="faux-card">Find your library liaison</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <!-- <a class="searchmenu" aria-label="Library Departments" href="https://library.kbcc.cuny.edu/libraryservices">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-inbox"></i> 
+                                                                                                                                <strong>Library Departments</strong> 
+                                                                                                                                <p class="faux-card">Explore the library's functions</p>
+                                                                                                                        </div>
+                                                                                                                </a>-->
+                                                                                                                <a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-map-marked-alt"></i>
+                                                                                                                                <strong>Campus Map</strong> 
+                                                                                                                                <p class="faux-card">How to find us</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-clock"></i> 
+                                                                                                                                <strong>Hours</strong> 
+                                                                                                                                <p class="faux-card">See the library's opening hours</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                                <a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
+                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                                                                <i class="fas fa-question-circle"></i> 
+                                                                                                                                <strong>FAQ</strong> 
+                                                                                                                                <p class="faux-card">Answers to frequently asked questions</p>
+                                                                                                                        </div>
+                                                                                                                </a>
+                                                                                                        </div>
+                                                                                                </div>
+                                                                                        </li>
+                                                                                </ul>
+                                                                        </li>
+                                                                        <!-- Hide chat with a librarian 
+                                                                        <li>
+                                                                                <a class="no-underline chat1" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
+                                                                                                Chat with a Librarian
+                                                                                </a>
+                                                                       </li>
+                                                                       -->
+                                                               </ul>
+                                                       </div>
+                                               </div>
+                                        </nav>
+                                </div>
+                        </div>
+                </div>
+                <div class="container" style="margin-top:14px;">
+			<div class="row kbcc-background-image">
+                                 <div class="col-sm-8">
+				         <form class="form-inline yamm onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8" id="formToAppendInputsTo">
+                                                 <!-- default is "everything"  option suggested from OLS widget builder -->
+                                                 <input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" />
+                                                 <input name="tab" value="Everything" type="hidden" id="tabSetting" />
+                                                 <input name="search_scope" value="IZ_CI_AW" type="hidden" id=SearchScopeSetting />
+                                                 <input name="mode" value="basic" type="hidden" />
+                                                 <input name="highlight" value="true" type="hidden" />
+                                                 <input name="displayMode" value="full" type="hidden" />
+                                                 <input name="bulkSize" value="10" type="hidden" />
+                                                 <input name="dum" value="true" type="hidden" />
+                                                 <input name="displayField" value="all" type="hidden" />
+                                                 <input name="pcAvailabiltyMode" value="false" type="hidden" />
+                                                 <input name="query" id="primoQuery" type="hidden" />
+                                                 <h1 id="onesearch-header">
+                                                         <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
+                                                                 <img class="image-fail onesearchsubmit" src="https://libapps.s3.amazonaws.com/accounts/16298/images/onesearch_logo.png" alt="OneSearch" />
+                                                         </a>
+                                                 </h1>
+                                                 <div class="form-group">
+                                                         <div class="dropdown input-group zero-margin">
+                                                                 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                                                                         Define Your Search <span class="caret"></span>
+                                                                 </button>
+                                                                 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
+                                                                         <li>
+                                                                                 <div class="yamm-content yamm4">
+                                                                                         <div class="row" id="yamm4-margins">
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Books')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Books</strong>
+                                                                                                                 <p class="faux-card">Find print books and ebooks using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Articles')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item"> 
+                                                                                                                 <strong>Articles</strong>
+                                                                                                                  <p class="faux-card">Find articles in journals, newspapers and magazines using OneSearch</p>
+                                                                                                          </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Videos')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Videos</strong>
+                                                                                                                 <p class="faux-card">Find DVDs and streaming videos using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Books & more')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Books, articles and videos</strong>
+                                                                                                                 <p class="faux-card">Search for books, articles & videos using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&lang=en&mode=advanced" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Advanced Search</strong>
+                                                                                                                 <p class="faux-card">Use OneSearch's advanced interface</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Databases</strong>
+                                                                                                                 <p class="faux-card">See our A to Z list and find databases by subject</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Journals')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                  <strong>Journals</strong>
+                                                                                                                  <p class="faux-card">Find specific scholarly journals (peer reviewed)</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Newspapers')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Newspapers and magazines</strong>
+                                                                                                                 <p class="faux-card">Find specific newspapers and magazines</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Course Reserves')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Course reserves</strong>
+                                                                                                                 <p class="faux-card">Find reserve materials for your classes</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <!-- Old course reserves menu item
+                                                                                                 <a href="https://library.kbcc.cuny.edu/er.php?b=c" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Course reserves</strong>
+                                                                                                                 <p class="faux-card">Find reserve materials for your classes</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 -->
+                                                                                         </div>
+                                                                                 </div>
+                                                                         <li>
+                                                                 </ul>
+                                                         </div>
+                                                         <label class="sr-only" for="primoQueryTemp">Search terms</label>
+                                                         <div class="input-group zero-margin form-width">
+                                                                 <input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
+                                                         </div>
+                                                         <div class="input-group zero-margin">
+                                                                 <input type="submit" class="btn btn-default form-control onesearchsubmit" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
+                                                         </div>
+                                                 </div>
+                                         </form>
+
+                                 </div>
+                                 <div class="col-sm-4">
+                                         <div class="nav-by-jumbotron">
+                                                 <a class="ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron no-underline" id="bookastudyroom">
+                                                                 <h2><button id="eq_32886">Book A Study Room</button></h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Databases</h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://library.kbcc.cuny.edu/guides" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Research Guides</h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://kbcc-cuny.libwizard.com/f/feedback" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Send Us Feedback</h2>
+                                                         </div>
+                                                 </a>
+                                                 <!-- hide chat with a librarian 
+                                                 <a class="no-underline chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Chat with a Librarian!</h2>
+                                                         </div>
+                                                 </a>
+                                                 -->
+                                          </div>
+                                  </div>
+			</div>
+                        <div class="row">
+                                <div class="col-md-7 col-lg-6">
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Library Links</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       <div class="row">
+                                                               <div class="col-sm-6">
+                                                                       <ul class="link-list">
+                                                                               <li><a href="https://library.kbcc.cuny.edu/ENGLISH24">How to Use the Library</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/ebooks">Find eTextbooks and eBooks</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/social">Social Media</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/faq">FAQ</a></li>
+                                                                       </ul>
+                                                              </div>
+                                                              <div class="col-sm-6">
+                                                                       <ul class="link-list">
+                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=http://search.ebscohost.com/login.aspx?authtype=ip,uid&custid=s9000138&profile=ehost&defaultdb=a9h">Academic Search Complete</a></li>
+                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=https://search.proquest.com/usmajordailies/advanced/news/fromDatabasesLayer?accountid=38336">US Newspapers</a></li>
+                                                                               <li><a href="http://www.nytimes.com/passes">NY Times Free Pass</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/video">Video</a></li>
+                                                                       </ul>
+                                                               </div>
+                                                       </div>
+                                               </div>
+                                        </div>
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Upcoming Library Hours</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       <div class="row equal">
+                                                               <div class="col-xs-2 padding-0">
+                                                                        <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body">
+                                                                                      <span id="hours0" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body">
+                                                                                      <span id="hours1" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body">
+                                                                                       <span id="hours2" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body vertical-align">
+                                                                                       <div class="more-link"><a href="https://library.kbcc.cuny.edu/calendar">More Hours</a></div>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                        </div>
+                                               </div>
+                                        </div>
+                                </div>
+                                <div class="col-md-5 col-lg-6">
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Featured in the Library</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       {{content_boxes}}                             
+                                               </div>
+                                        </div>
+                                </div>
+                        </div>
+                </div>
+                <div class="container">
+                        <div class="row">
+	                        <!-- BEGIN: Page Footer -->
+	                        <div id="orange-line"></div>
+		                <div id="main-blue-footer">
+		                        <div id="lighthouse-logo">
+                                                <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.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://twitter.com/KBCCLibrary"><i class="fab fa-twitter"></i></a>
+		                                        <a href="https://www.instagram.com/kbcclibrary/"><i class="fab fa-instagram"></i></a>
+		                                        <a href="https://www.goodreads.com/user/show/51717966-kingsborough-library"><i class="fab fa-goodreads"></i></a>
+		                                        <a href="https://www.tiktok.com/@kbcclibrary?lang=en"><i class="fab fa-tiktok"></i></a>
+                                                </div>
+                                        </div>
+                                        <div id="cuny-logo">
+                                                <a href="https://www.cuny.edu"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" /></a>
+                                        </div>
+                                        <div class="whiteahrefs libapps">
+                                                <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a>
+                                        </div>
+                                        <div style="height:10px;"></div>
+	                        </div>
+                                <!-- END: Page Footer -->
+                        </div>
+		 </div>
+	</div>
+
+	<div id="s-lib-alert" title="">
+		<div id="s-lib-alert-content"></div>
+	</div>        
+	<div id="s-lib-popover-title" class="hide">
+		<span class="text-info"><strong>title</strong></span> 
+		<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
+	</div>
+	<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
+		<button class="btn btn-default btn-sm popclose" type="button">Close</button>
+	</div>        
+	<div id="s-lib-scroll-top" title="Back to Top">
+	    <span class="fa-stack fa-lg">
+	        <i class="fa fa-square-o fa-stack-2x"></i>
+	        <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
+	    </span>
+	</div>
+	<!-- BEGIN: Custom Footer -->
+	{{public_footer}}
+	<!-- END: Custom Footer -->
+        <!-- LibChat widget script -->
+        <script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
+</body>
@@ -0,0 +1,531 @@
+<body class="s-lib-public-body">
+        <!-- Google Tag Manager (noscript) -->
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXHWQX3"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+	<!-- BEGIN: content -->
+        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
+		<div id="s-lg-index-cols">
+                         <div class="row">
+                                <div class="col-xs-12" id="header-div">
+                                        <div class="dropdown" id="hamburger-container">
+                                                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
+                                                        <i class="fas fa-bars" style="font-size: 2em;"></i>
+                                                </button>
+                                                <ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
+                                                        <li>
+                                                                <a class="searchmenu" aria-label="OneSearch" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-search fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                <strong>OneSearch</strong>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                <strong>Databases A-Z</strong> 
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                <strong>Research Guides</strong>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                <strong>FAQ</strong>
+                                                                        </div>
+                                                               </a>
+                                                                <a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                <strong>Library Hours</strong>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Site Map" href="https://library.kbcc.cuny.edu/sitemap">
+                                                                        <div class="highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-location-arrow fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                <strong>Site Map</strong>
+                                                                        </div>
+                                                               </a>
+                                                       </li>
+                                               </ul>
+                                        </div>
+                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
+                                               <div id="login-text">Login</div>
+                                               <div id="login-icon"><i class="fas fa-user"></i></div>
+                                        </a>
+                                        <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
+                                         <div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
+                                                 <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
+                                         </div>
+                                 </div>
+                                 <!-- Modal -->
+                                 <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+                                         <div class="modal-dialog modal-sm" role="document">
+                                                 <div class="modal-content" style="border-radius: 3px;">
+                                                         <div class="modal-body">
+                                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 5px 5px 12px 12px;"><span aria-hidden="true">&times;</span></button>
+                                                                 <h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked  rules for visiting that campus.</h4>
+                                                         </div>
+                                                 </div>
+                                         </div>
+                                 </div>
+                                 <!-- End modal -->
+
+                         </div>
+                         <div class="row" id="hamburger-alternative">
+                                <div class="col-xs-12">
+                                        <nav class="navbar navbar-default yamm">
+                                                <div class="container-fluid">
+                                                        <ul class="nav navbar-nav" id="navbar-center">
+                                                                <li class="dropdown main-nav-dropdown">
+                                                                        <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                                                                                <div class="caret-text">Find It</div>
+                                                                                <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
+                                                                        </a>
+                                                                        <ul class="dropdown-menu fade dropdown-margin">
+                                                                                <li>
+                                                                                        <a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                                        <strong>Databases A-Z</strong> 
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Newspaper Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-newspaper fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Newspaper Search</strong> 
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Course Reserves" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves">
+                                                                                               <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-cloud-download-alt fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Course Reserves</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Journal Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-book fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Search for Specific Journals</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="CUNY Academic Works" href="https://library.kbcc.cuny.edu/academicworks" target="_blank">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-archive fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>CUNY Academic Works</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="KBCC Bookstore" href="https://www.bkstr.com/kingsboroughccstore/home" target="_blank">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-cash-register fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>KBCC Bookstore</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                </li>
+                                                                        </ul>
+                                                                </li>
+                                                                <li class="dropdown main-nav-dropdown">
+                                                                        <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                                                                                <div class="caret-text">Services </div>
+                                                                                <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
+                                                                        <ul class="dropdown-menu fade dropdown-margin">
+                                                                                <li>
+                                                                                        <a class="searchmenu" aria-label="Inter Library Loan" href="http://kbcc.cuny.illiad.oclc.org/illiad/logon.html" target="_blank">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-books fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Interlibrary Loan</strong> 
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Book a Library Instruction Session" href="https://library.kbcc.cuny.edu/libraryservices/informationliteracy">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-chalkboard-teacher fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Book a Library Instruction Session</strong> 
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Media Services" href="https://library.kbcc.cuny.edu/mediaservices">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-photo-video fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Media Services</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Suggest a Book for Purchase" href="https://kbcc-cuny.libwizard.com/f/bookrequest">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-shopping-basket fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                                        <strong>Suggest a Book for Purchase</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Suggest an Item to Add to Reserves" href="https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-bookmark fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Suggest an Item to Add to Reserves</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                </li>
+                                                                        </ul>
+                                                                </li>
+                                                                <li class="dropdown main-nav-dropdown">
+                                                                        <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                                                                                <div class="caret-text">About Us </div>
+                                                                                <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
+                                                                        <ul class="dropdown-menu fade dropdown-margin">
+                                                                                <li>
+                                                                                        <a class="searchmenu" aria-label="Faculty and Staff Directory" href="https://library.kbcc.cuny.edu/about-us/directory">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-address-book fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Faculty & Staff Directory</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="New Arrivals" href="https://library.kbcc.cuny.edu/newarrivals">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="far fa-mail-bulk fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>New Arrivals</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-theater-masks fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Subject Liaisons</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Social Media" href="https://library.kbcc.cuny.edu/social">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="far fa-hashtag fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Social Media</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                </li>
+                                                                        </ul>      
+                                                                </li>
+                                                                <li class="dropdown main-nav-dropdown">
+                                                                        <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                                                                                <div class="caret-text">Location & Hours </div>
+                                                                                <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
+                                                                        <ul class="dropdown-menu fade dropdown-margin">
+                                                                                <li>
+                                                                                        <a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                          <i class="fas fa-map-marked-alt fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                          <strong>Campus Map</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Library Hours</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                </li>
+                                                                        </ul>
+                                                                </li>
+                                                                <li class="dropdown main-nav-dropdown">
+                                                                        <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                                                                                <div class="caret-text">Help </div>
+                                                                                <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
+                                                                        <ul class="dropdown-menu fade dropdown-margin">
+                                                                                <li>
+                                                                                        <a class="searchmenu" aria-label="Ask A Librarian" href="https://library.kbcc.cuny.edu/askalibrarian">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                          <i class="fas fa-book-reader fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                          <strong>Ask A Librarian</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                                        <strong>FAQ</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
+                                                                                                        <strong>Research Guides and Tutorials</strong> 
+                                                                                                </div>
+                                                                                        </a>
+                                                                                        <a class="searchmenu" aria-label="How to Use the Library" href="https://library.kbcc.cuny.edu/ENGLISH24">
+                                                                                                <div class="bigger-fancy-text">
+                                                                                                        <i class="fas fa-question fa-fw bigger-icon" aria-hidden="true"></i> 
+                                                                                                        <strong>How to Use the Library</strong>
+                                                                                                </div>
+                                                                                        </a>
+                                                                                 </li>
+                                                                        </ul>
+                                                                </li>
+                                                        </ul>
+                                                </div>
+                                        </nav>
+                                </div>
+                        </div>
+                </div>
+                <div class="container" style="margin-top:14px;">
+			<div class="row kbcc-background-image">
+                                 <div class="col-sm-8">
+				         <form class="form-inline yamm onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8" id="formToAppendInputsTo">
+                                                 <!-- default is "everything"  option suggested from OLS widget builder -->
+                                                 <input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" />
+                                                 <input name="tab" value="Everything" type="hidden" id="tabSetting" />
+                                                 <input name="search_scope" value="IZ_CI_AW" type="hidden" id=SearchScopeSetting />
+                                                 <input name="mode" value="basic" type="hidden" />
+                                                 <input name="highlight" value="true" type="hidden" />
+                                                 <input name="displayMode" value="full" type="hidden" />
+                                                 <input name="bulkSize" value="10" type="hidden" />
+                                                 <input name="dum" value="true" type="hidden" />
+                                                 <input name="displayField" value="all" type="hidden" />
+                                                 <input name="pcAvailabiltyMode" value="false" type="hidden" />
+                                                 <input name="query" id="primoQuery" type="hidden" />
+                                                 <h1 id="onesearch-header">
+                                                         <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
+                                                                 <img class="image-fail onesearchsubmit" src="https://libapps.s3.amazonaws.com/accounts/16298/images/onesearch_logo.png" alt="OneSearch" />
+                                                         </a>
+                                                 </h1>
+                                                 <div class="form-group" id="flex-search-form">
+                                                         <div class="dropdown input-group zero-margin" id="blue-border1">
+                                                                 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                                                                         Define Your Search <span class="caret"></span>
+                                                                 </button>
+                                                                 <ul class="dropdown-menu fade" aria-labelledby="dropdownMenu1">
+                                                                         <li>
+                                                                                 <div class="yamm-content yamm4">
+                                                                                         <div class="row" id="yamm4-margins">
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Books')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Books</strong>
+                                                                                                                 <p class="faux-card">Find print books and ebooks using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Articles')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item"> 
+                                                                                                                 <strong>Articles</strong>
+                                                                                                                  <p class="faux-card">Find articles in journals, newspapers and magazines using OneSearch</p>
+                                                                                                          </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Videos')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Videos</strong>
+                                                                                                                 <p class="faux-card">Find DVDs and streaming videos using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Books & more')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Books, articles and videos</strong>
+                                                                                                                 <p class="faux-card">Search for books, articles & videos using OneSearch</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&lang=en&mode=advanced" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Advanced Search</strong>
+                                                                                                                 <p class="faux-card">Use OneSearch's advanced interface</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Databases</strong>
+                                                                                                                 <p class="faux-card">See our A to Z list and find databases by subject</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Journals')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                  <strong>Journals</strong>
+                                                                                                                  <p class="faux-card">Find specific scholarly journals (peer reviewed)</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Newspapers')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Newspapers and magazines</strong>
+                                                                                                                 <p class="faux-card">Find specific newspapers and magazines</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Course Reserves')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Course reserves</strong>
+                                                                                                                 <p class="faux-card">Find reserve materials for your classes</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                         </div>
+                                                                                 </div>
+                                                                         <li>
+                                                                 </ul>
+                                                         </div>
+                                                         <label class="sr-only" for="primoQueryTemp">Search terms</label>
+                                                         <div class="input-group zero-margin form-width" id="blue-border2">
+                                                                 <input class="form-control form-width inherit-height-from-flex" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
+                                                         </div>
+                                                         <div class="input-group zero-margin" id="blue-border3">
+                                                                 <input type="submit" class="btn btn-default form-control onesearchsubmit inherit-height-from-flex" value="Search" onclick="return addPrimoQuery(event);" />
+                                                         </div>
+                                                 </div>
+                                         </form>
+
+                                 </div>
+                                 <div class="col-sm-4">
+                                         <div class="nav-by-jumbotron">
+                                                 <a class="ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron no-underline" id="bookastudyroom">
+                                                                 <h2><button id="eq_32886">Book A Study Room</button></h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Databases</h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://library.kbcc.cuny.edu/guides" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Research Guides</h2>
+                                                         </div>
+                                                 </a>
+                                                 <a href="https://kbcc-cuny.libwizard.com/f/feedback" class="no-underline ga-by-jumbotron">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Send Us Feedback</h2>
+                                                         </div>
+                                                 </a>
+                                                 <!-- hide chat with a librarian 
+                                                 <a class="no-underline chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
+                                                         <div class="nav-divs-by-jumbotron">
+                                                                 <h2>Chat with a Librarian!</h2>
+                                                         </div>
+                                                 </a>
+                                                 -->
+                                          </div>
+                                  </div>
+			</div>
+                        <div class="row">
+                                <div class="col-md-7 col-lg-6">
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Library Links</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       <div class="row">
+                                                               <div class="col-sm-6">
+                                                                       <ul class="link-list">
+                                                                               <li><a href="https://library.kbcc.cuny.edu/ENGLISH24">How to Use the Library</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/ebooks">Find eTextbooks and eBooks</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/social">Social Media</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/faq">FAQ</a></li>
+                                                                       </ul>
+                                                              </div>
+                                                              <div class="col-sm-6">
+                                                                       <ul class="link-list">
+                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=http://search.ebscohost.com/login.aspx?authtype=ip,uid&custid=s9000138&profile=ehost&defaultdb=a9h" target="_blank">Academic Search Complete</a></li>
+                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=https://search.proquest.com/usmajordailies/advanced/news/fromDatabasesLayer?accountid=38336" target="_blank">US Newspapers</a></li>
+                                                                               <li><a href="http://www.nytimes.com/passes" target="_blank">NY Times Free Pass</a></li>
+                                                                               <li><a href="https://library.kbcc.cuny.edu/video">Streaming Video</a></li>
+                                                                       </ul>
+                                                               </div>
+                                                       </div>
+                                               </div>
+                                        </div>
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Upcoming Library Hours</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       <div class="row equal">
+                                                               <div class="col-xs-2 padding-0">
+                                                                        <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
+                                                                                      <span id="hours0" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
+                                                                                      <span id="hours1" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
+                                                                                       <span id="hours2" class="hours"></span>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                               <div class="col-xs-2 padding-0">
+                                                                       <div class="panel panel-default panel-outline-color">
+                                                                               <div class="panel-body vertical-align">
+                                                                                       <div class="more-link"><a href="https://library.kbcc.cuny.edu/calendar">More Hours</a></div>
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                        </div>
+                                               </div>
+                                        </div>
+                                </div>
+                                <div class="col-md-5 col-lg-6">
+                                       <div class="panel panel-default hide-body-border">
+                                               <div class="panel-heading show-panel">
+                                                       <span class="panel-title content-panel-title"><h2>Featured in the Library</h2></span>
+                                               </div>
+                                               <div class="panel-body">
+                                                       {{content_boxes}}                             
+                                               </div>
+                                        </div>
+                                </div>
+                        </div>
+                </div>
+                <div class="container">
+                        <div class="row">
+	                        <!-- BEGIN: Page Footer -->
+	                        <div id="orange-line"></div>
+		                <div id="main-blue-footer">
+		                        <div id="lighthouse-logo">
+                                                <a href="https://www.kbcc.cuny.edu"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.png" alt="Kingsborough Lighthouse logo" /></a>
+                                        </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 aria-label="Twitter" href="https://twitter.com/KBCCLibrary" target="_blank"><i aria-hidden="true" class="fab fa-twitter"></i></a>
+                                                        <a aria-label="Instagram" href="https://www.instagram.com/kbcclibrary/" target="_blank"><i aria-hidden="true" class="fab fa-instagram"></i></a>
+                                                        <a aria-label="Goodreads" href="https://www.goodreads.com/user/show/51717966-kingsborough-library" target="_blank"><i aria-hidden="true" class="fab fa-goodreads"></i></a>
+                                                        <a aria-label="TikTok" href="https://www.tiktok.com/@kbcclibrary?lang=en" target="_blank"><i aria-hidden="true" class="fab fa-tiktok"></i></a>
+                                                        <a aria-label= "YouTube" href="https://www.youtube.com/channel/UCpeJWrnzLXEizw8cMvVp-_Q/videos" target="_blank"><i aria-hidden="true" class="fab fa-youtube"></i></a>
+                                                        <a aria-label="Spotify" href="https://open.spotify.com/user/313lfmvr4ezmkb2mhodzd5ubzg4a" target="_blank"><i aria-hidden="true" class="fab fa-spotify"></i></a>
+                                                </div>
+                                        </div>
+                                        <div id="cuny-logo">
+                                                <a href="https://www.cuny.edu" target="_blank"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" alt="CUNY logo" /></a>
+                                        </div>
+                                        <div class="whiteahrefs libapps">
+                                                <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a>
+                                        </div>
+                                        <div style="height:10px;"></div>
+	                        </div>
+                                <!-- END: Page Footer -->
+                        </div>
+		 </div>
+	</div>
+
+	<div id="s-lib-alert" title="">
+		<div id="s-lib-alert-content"></div>
+	</div>        
+	<div id="s-lib-popover-title" class="hide">
+		<span class="text-info"><strong>title</strong></span> 
+		<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
+	</div>
+	<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
+		<button class="btn btn-default btn-sm popclose" type="button">Close</button>
+	</div>        
+	<div id="s-lib-scroll-top" title="Back to Top">
+	    <span class="fa-stack fa-lg">
+	        <i class="fa fa-square-o fa-stack-2x"></i>
+	        <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
+	    </span>
+	</div>
+	<!-- BEGIN: Custom Footer -->
+	{{public_footer}}
+	<!-- END: Custom Footer -->
+        <!-- LibChat widget script -->
+        <script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
+</body>
@@ -0,0 +1,135 @@
+<style>
+
+/* Fix the color of the "Search" button on the subject pages */
+form .btn.btn-info {
+    background-color:#003466;
+    border:1px solid #003466;
+}
+
+/* Make the badges KBCC blue so they doesn't clash
+.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
+    background-color:#003466;
+} */
+
+
+/* CSS to target buttons on the LibGuides homepage more specifically.
+    These had been broken by a LibGuides update, 9/6/2016 */
+
+.s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
+    background-color:#003466;
+    border:1px solid #003466;
+}
+
+/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
+.s-lg-guide-info-account {
+    display:none;
+}
+
+/* styling the header on the main page */
+#s-lg-hp-nav {     
+    background:url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ 
+    background-color:#258;     
+    background-size:100%;     
+    height:190px;
+}
+
+#s-lg-hp-nav-bottom {
+    background-color:rgba(255,255,255,0.55); 
+    border-radius:0;
+} 
+
+#nav-spacer {
+    height:55px;
+    width:400px;
+}
+
+#nav-title-spacer {
+    height:42px; 
+    width:400px; 
+    padding:0px 0px 0px 20px; 
+    margin-bottom:10px;
+    background-color:rgba(0,0,0,0.65);
+    color:white;
+}
+
+/* makes the heading smaller on very small screens */
+
+@media (max-width: 455px) {
+    h1 {
+        font-size: 25px;
+    }
+   #nav-title-spacer {
+        width: inherit;
+    }
+}
+
+/* Making the pills the right color */
+
+a.label.label-info:hover {
+    background-color:#003466;
+} 
+
+.label-info {
+   background-color:#003466;
+}
+
+/* new nav pills styling (11/17/2016) */
+
+.s-lg-index-nav-btn.active > .btn {
+   background-color:#003466;
+}
+
+.s-lg-index-nav-btn.active > .btn:focus {
+   background-color:#003466;
+}
+
+.s-lg-index-nav-btn.active > .btn:hover {
+   background-color:#003466;
+}
+
+ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
+    outline: none;
+}
+
+/* not sure what these are for */
+#spacer {
+        height:30px;
+}
+
+#s-lib-bc {
+       clear:both;
+}
+
+/* alternate fonts included to accommodate computers that do not have the defaults */
+body {
+        font-family: arial, sans-serif;
+}
+
+/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
+a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
+       margin-top:9px;
+}
+
+/* new banner 6/27/2021 */
+#bannercontainer {
+        width: %100;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+}
+
+@media only screen and (min-width: 1px) {
+        #newbanner {
+                width: 80%;
+        }
+} 
+
+@media only screen and (min-width: 992px) {
+        #newbanner {
+                width: 60%;
+        }
+}
+
+</style>
Author	SHA1	Message	Date
Mark Eaton	326fb8d26b	linting html	2022-07-28 14:25:44 -04:00
Mark Eaton	5eb05db245	values of 0 shouldn't have units specified	2022-07-28 14:07:26 -04:00
Mark Eaton	f7a5ba916a	fix 2 typos	2022-07-27 13:24:47 -04:00
Mark Eaton	fa9fa8724e	hide login-text on small screens	2022-07-27 11:36:11 -04:00
Mark Eaton	4a213893be	add icon to login link	2022-07-27 10:26:19 -04:00
MarkEEatonandGitHub	ff5f150826	update hamburger with real content	2022-07-26 17:53:53 -04:00
MarkEEatonandGitHub	52030e8875	update main nav menus	2022-07-26 17:39:11 -04:00
Mark Eaton	29d068b3e0	fix a small bug	2022-07-20 09:58:45 -04:00
Mark Eaton	a6eb71414a	make outbound links open in a new window	2022-07-20 09:54:25 -04:00
Mark Eaton	d210b3a646	form elements inherit height from flex	2022-07-13 12:22:50 -04:00
Mark Eaton	934833c042	make box-shadows line up on all screen resolutions	2022-07-13 12:14:05 -04:00
Mark Eaton	eab29704e2	change hamburger breakpoint; comment out menu hover functionality	2022-07-13 08:16:25 -04:00
Mark Eaton	4c4e85db00	fix formatting	2022-07-12 18:37:09 -04:00
Mark Eaton	2878ca1a36	remove double highlight in main nav	2022-07-12 18:26:34 -04:00
Mark Eaton	6f1a5e8c6a	reorganize main nav menu items	2022-07-12 18:06:40 -04:00
Mark Eaton	8e9fa47aab	changes from commttiee 7/12/22	2022-07-12 14:20:47 -04:00
Mark Eaton	d9b5de2af5	swap in some better icons	2022-06-29 15:29:09 -04:00
Mark Eaton	b3272aa20c	fix bugginess in dropdown hover	2022-06-29 11:35:51 -04:00
Mark Eaton	ecc16a19cd	remove faux-cards from hamburger menu	2022-06-28 22:38:02 -04:00
Mark Eaton	3f3828fcda	add aria-hidden to icons	2022-06-28 22:19:44 -04:00
Mark Eaton	9c9a0a6ac4	tweak carets; reorganize CSS re: dropdowns	2022-06-28 21:40:52 -04:00
Mark Eaton	f67ff891c8	fix slight alignment problem with carets	2022-06-28 21:29:45 -04:00
Mark Eaton	1e4370ac2a	switch to a better caret in main nav	2022-06-28 16:13:48 -04:00
Mark Eaton	3c06f133e2	make menu icons fix width; improve padding	2022-06-28 15:23:38 -04:00
Mark Eaton	f8d0ac3d40	remove yamm1, yamm2, yamm3	2022-06-28 15:05:33 -04:00
Mark Eaton	5e7971afb9	add aria-label to social media icons	2022-06-26 19:29:37 -04:00
Mark Eaton	122377944e	improve padding of hamburger menu	2022-06-24 11:26:54 -04:00
Mark Eaton	c518e03c6c	make mainnav dropdowns open on hover, with accommodations for tablets	2022-06-23 16:01:29 -04:00
Mark Eaton	e107598a09	bump carets down on menu open	2022-06-23 12:09:45 -04:00
Mark Eaton	af519966b9	add fade to dropdowns, clean up css	2022-06-23 11:42:55 -04:00
Mark Eaton	e8235daa10	improve mainnav; remove out-of-date classes	2022-06-23 09:35:27 -04:00
Mark Eaton	cbfbf69967	remove outline and background from hamburger	2022-06-23 08:57:29 -04:00
Mark Eaton	97bb8dc426	tweaks to hamburger	2022-06-22 16:28:51 -04:00
Mark Eaton	879404a3fe	add sample content to hamburger menu; remove unused bits	2022-06-22 16:03:48 -04:00
Mark Eaton	1b237bb385	improvements to hamburger	2022-06-22 15:43:55 -04:00
Mark Eaton	61dc58400b	first working hamburger	2022-06-22 14:57:59 -04:00
Mark Eaton	714b369693	make kibbee header the only one; clean up css	2022-06-21 17:00:33 -04:00
Mark Eaton	7a3c87f63c	more improvements on main nav for mobile	2022-06-17 02:01:47 -04:00
Mark Eaton	e4facc2af5	improve main nav on mobile	2022-06-17 01:27:24 -04:00
Mark Eaton	6e4b1cd297	improve main nav on mobile	2022-06-17 00:02:54 -04:00
Mark Eaton	2aeebc272f	add spotify icon to footer	2022-06-16 22:13:44 -04:00
Mark Eaton	782a03f4b1	switch to fa kit, add youtube icon to footer	2022-06-16 21:59:06 -04:00
Mark Eaton	55e8d2f86b	switch #111 to var(--text)	2022-06-16 21:10:40 -04:00
Mark Eaton	694ca7857a	switch #ff4e00 to var(--kbccorange)	2022-06-16 20:55:06 -04:00
Mark Eaton	2150ec3bcb	switch #003466 to var(--kbccblue)	2022-06-16 20:32:37 -04:00
Mark Eaton	03dff40a1d	tweak border width on search box	2022-06-16 00:09:57 -04:00
Mark Eaton	90880460d5	improve border on search box	2022-06-16 00:06:25 -04:00
Mark Eaton	5bb579f102	vertical align hours for mobile devices	2022-06-15 12:40:47 -04:00
Mark Eaton	a519967a0e	add blue border to OneSearch search	2022-06-15 11:43:29 -04:00
Mark Eaton	c21d6ca7f4	center the main nav	2022-06-14 15:31:01 -04:00
Mark Eaton	2766c69704	Bold the Define Your Search dropdown, move sign in to top right	2022-06-14 14:46:19 -04:00
Mark Eaton	7f18b3f6c1	add new css, js and html templates to home group	2022-06-14 11:07:39 -04:00
Mark Eaton	00d4a15a51	update README.md	2022-06-14 10:54:20 -04:00
Mark Eaton	9bfb32dcde	finish adding GA to blue nav	2022-05-30 15:55:48 -04:00
Mark Eaton	15181b57b2	add GA to main nav, most of blue nav	2022-05-30 03:26:25 -04:00
MarkEEatonandGitHub	12bbd631fc	fix the problem with having two window.onload	2022-05-03 19:39:46 -04:00
MarkEEatonandGitHub	13e286439b	Replace eReserves option under Find It with Course Reserves	2022-05-03 15:30:33 -04:00
MarkEEatonandGitHub	2f6bce3b5e	store facet and search terms in sessionStorage	2022-04-30 00:24:55 -04:00
MarkEEatonandGitHub	8f584dfa6b	Add new Course Reserves menu item	2022-04-29 21:35:24 -04:00
MarkEEatonandGitHub	8266ed54f5	Add Course Reserves search JS	2022-04-29 21:34:11 -04:00
MarkEEatonandGitHub	9aff7dcc33	add comments	2022-04-18 14:03:04 -04:00
MarkEEatonandGitHub	384ba5539c	add border radius to modal	2022-03-29 09:13:35 -04:00
MarkEEatonandGitHub	0bbc186aad	Delete LibAnswers-SlideOutChat.html	2022-03-29 09:12:39 -04:00
MarkEEatonandGitHub	3b9ca70f0d	Delete LibAnswers-2-template.html	2022-03-29 09:12:27 -04:00
MarkEEatonandGitHub	b2d727042e	add modal, change nav-by-jumbotron	2022-03-29 09:08:46 -04:00
MarkEEatonandGitHub	d0c89cc7f6	add missing file extension	2022-03-10 16:13:22 -05:00
MarkEEatonandGitHub	b1b4011aca	add modal for yellow banner	2022-03-10 16:12:24 -05:00
MarkEEatonandGitHub	2ed1c074dc	remove duplicate slide-out widget script	2022-03-03 15:24:32 -05:00
MarkEEatonandGitHub	8876aa79dd	add an id to make div clickable	2022-03-02 20:39:23 -05:00
MarkEEatonandGitHub	4de1676dde	Clicking anywhere in div triggers study room widget	2022-03-02 20:37:48 -05:00
MarkEEatonandGitHub	d661e49f97	css & js for book a study room widget also, condensed the css	2022-03-02 14:48:51 -05:00
MarkEEatonandGitHub	3054c0dfc4	add html for Book a Study Room widget also switch the wording from "textbooks" to "etextbooks"	2022-03-02 14:45:31 -05:00
Mark Eaton	666921b3a5	add slide-out chat	2022-03-02 13:20:44 -05:00
MarkEEatonandGitHub	ca10881346	JD created a new study hall LibGuide. Update link.	2022-02-28 15:15:47 -05:00
MarkEEatonandGitHub	4354ef9961	open OneSearch with Kingsborough/All CUNY dropdown visible	2022-02-25 10:53:01 -05:00
MarkEEatonandGitHub	5c48eae0db	add AtoZ	2022-02-09 13:43:07 -05:00
MarkEEatonandGitHub	6dd143e824	add GA to OneSearch logo	2022-02-07 09:46:40 -05:00
MarkEEatonandGitHub	aa42c65940	Update Primo widget, add GA	2022-01-24 08:57:17 -05:00
Mark Eaton	752c80feab	add guides group css	2022-01-21 20:17:06 -05:00
MarkEEatonandGitHub	8e797729b9	Change alert; add virtual study hall; change video link	2021-11-17 10:28:45 -05:00
MarkEEatonandGitHub	46c0736da4	Rename homepage13-js-css.html to LibAnswers-2-js-css.html	2021-11-05 15:28:49 -04:00
MarkEEatonandGitHub	9b2bd29cff	Rename homepage13-template.html to LibAnswers-2-template.html	2021-11-05 15:28:11 -04:00
MarkEEatonandGitHub	3d5786c424	update jsearch and npsearch URLs in YAMM	2021-11-04 12:47:12 -04:00
MarkEEatonandGitHub	fa6cfed317	Small fixes * add css to handle images failing to load * update URLs used by Newspaper and Journal searches	2021-11-04 12:10:37 -04:00
MarkEEatonandGitHub	3523a622ef	add a class for when images fail to load	2021-10-29 16:34:45 -04:00
MarkEEatonandGitHub	71b5b0b30f	add CSS for when images fail to load	2021-10-29 16:34:07 -04:00
MarkEEatonandGitHub	e60d7fcef7	Add alt text to banner logos	2021-10-29 15:41:50 -04:00
MarkEEatonandGitHub	91eafb9fd7	Update link to FAQ	2021-10-12 15:17:36 -04:00
MarkEEatonandGitHub	38f3e1c3c4	Small fix for appearance	2021-09-24 15:12:10 -04:00
MarkEEatonandGitHub	f164c1082c	fix bug introduced in `16638cd25e`	2021-09-24 14:48:42 -04:00
MarkEEatonandGitHub	a1aab15167	back button works as expected on redirect to error page	2021-09-24 11:29:19 -04:00
MarkEEatonandGitHub	0597cc1ae1	Send old Edge users to the oldbrowser error page	2021-09-24 11:18:39 -04:00
MarkEEatonandGitHub	9ca91140c8	Show error when user tries to chat with IE <= 11	2021-09-22 15:51:35 -04:00
MarkEEatonandGitHub	a88db26eb4	Update README.md	2021-09-22 08:40:52 -04:00
MarkEEatonandGitHub	99c2b0b52e	add FAQ links	2021-09-21 16:16:43 -04:00
MarkEEatonandGitHub	5f961490b5	add polyfill for .forEach	2021-09-17 10:23:01 -04:00
MarkEEatonandGitHub	d6d3cbac4d	make IE conditional code clearer	2021-09-17 09:14:33 -04:00
MarkEEatonandGitHub	16638cd25e	fix typos	2021-09-16 15:41:18 -04:00
MarkEEatonandGitHub	03972805ff	Create a version without ECMAscript 6 for IE	2021-09-16 13:15:44 -04:00
MarkEEatonandGitHub	6a07cf0391	add some links	2021-09-04 15:39:15 -04:00
MarkEEatonandGitHub	f4e03687ab	Update URLs to reflect new domain	2021-09-03 12:11:36 -04:00
Mark Eaton	71cdad280d	final changes before go-live	2021-08-25 16:33:06 -04:00
MarkEEatonandGitHub	f8a69328c9	add libchat widget to html	2021-07-20 12:00:53 -04:00
MarkEEatonandGitHub	85b45ed8d4	delete some out of date CSS	2021-06-27 13:31:08 -04:00
MarkEEatonandGitHub	48665976f7	CSS for new banner	2021-06-27 13:03:00 -04:00
MarkEEatonandGitHub	5aaaef9b80	Update banner.html	2021-06-27 13:01:59 -04:00
MarkEEatonandGitHub	80b69b051d	revert to standard LibGuides footer	2021-06-27 13:00:39 -04:00
MarkEEatonandGitHub	47c52b0d50	Change background image	2021-06-23 16:40:17 -04:00
Mark Eaton	2430b01a60	add social icons	2021-06-14 09:47:29 -04:00
Mark Eaton	81be3514a2	renaming directories	2021-05-19 16:05:21 -04:00
Mark Eaton	e883c98203	remove drafts	2021-05-19 15:03:49 -04:00
Mark Eaton	0a9dcb0489	tweaks to the proportions of the two logos	2021-05-10 15:50:13 -04:00
Mark Eaton	588cce7939	Merge branch 'main' of ssh://github.com/markeeaton/Kingsborough-Libguide	2021-05-09 20:55:16 -04:00
Mark Eaton	994eac5293	add homepage13	2021-05-09 20:54:26 -04:00
MarkEEatonandGitHub	d7daab2549	Improve styling on prototype 9	2021-04-30 15:36:44 -04:00
Mark Eaton	3331561966	add new homepages 9, 10, 11 & 12	2021-04-29 15:26:52 -04:00
Mark Eaton	ab1ca79227	adjust margins on header	2021-04-27 11:17:27 -04:00
Mark Eaton	6a6ba5eaf8	add homepage8	2021-04-27 11:01:35 -04:00
Mark Eaton	8429a74f05	add homepage7	2021-04-27 10:50:39 -04:00
Mark Eaton	6603e7e553	add homepage6	2021-04-27 10:31:20 -04:00
Mark Eaton	7f42212ca4	bring new-homepage-4 up to speed	2021-04-23 23:08:56 -04:00
Mark Eaton	9dbacdeb70	begin making covid alert inline with dropdowns	2021-04-23 22:40:33 -04:00
Mark Eaton	af3d990d6f	more css tweaks	2021-04-23 17:20:45 -04:00
Mark Eaton	5b350e5ed8	more minor css tweaks	2021-04-23 16:23:16 -04:00
Mark Eaton	3f1065c15d	make media queries mobile first	2021-04-23 16:10:56 -04:00
Mark Eaton	9a0cbc0558	handle logo at different screen sizes	2021-04-23 15:19:48 -04:00
Mark Eaton	1fd02faa01	add library logo; improve list of links	2021-04-23 14:47:31 -04:00
Mark Eaton	8ccb9a2c5e	changes suggested by website committee	2021-04-14 11:47:39 -04:00
Mark Eaton	34733051b8	move covid alert	2021-04-13 14:42:40 -04:00
Mark Eaton	1f1f3972eb	remove pre-faceted search menu items for now	2021-04-09 16:17:23 -04:00
Mark Eaton	866798219f	minor tweaks	2021-04-01 10:07:48 -04:00
Mark Eaton	797922acae	improve header appearance	2021-03-30 16:28:23 -04:00
Mark Eaton	47688eaa49	add provisional header image and library name	2021-03-30 15:44:04 -04:00
Mark Eaton	22608c7aaf	improve handling of weekdays at small screen sizes	2021-03-29 10:55:20 -04:00
Mark Eaton	3755276f22	abbreviate Wednesday; more titlecase	2021-03-29 10:20:38 -04:00
Mark Eaton	be980f152c	make fancy menus bigger; titlecase; update links list	2021-03-29 09:47:54 -04:00
Mark Eaton	b3cb86e8c9	adding more links	2021-03-24 16:06:02 -04:00
Mark Eaton	83fec767c2	wire up more hrefs	2021-03-24 15:38:41 -04:00
Mark Eaton	621bc75e7b	make footer smaller; update links; make alert larger	2021-03-24 13:26:14 -04:00
Mark Eaton	fad5b17984	fix some links	2021-03-22 13:45:34 -04:00
Mark Eaton	2e149b6a41	accessibility improvements	2021-03-17 12:52:40 -04:00
Mark Eaton	96bc26dc1b	add more icons to dropdowns	2021-03-16 16:19:52 -04:00
Mark Eaton	85b6db6ebb	add link hrefs	2021-03-16 16:02:35 -04:00
Mark Eaton	9b8df1fa8f	add fa icons, featured links	2021-03-15 14:15:10 -04:00
Mark Eaton	7a4e42abde	small fixes	2021-03-11 13:03:23 -05:00
Mark Eaton	f5ac14cf02	fix some margin issues	2021-03-10 16:39:45 -05:00
Mark Eaton	7c90661d38	first new working footer	2021-03-10 15:53:32 -05:00
Mark Eaton	b40087ba54	modify background image cover, opacity	2021-03-10 13:45:58 -05:00
Mark Eaton	fc96df68fb	first background image; improve naming of galley images	2021-03-10 13:13:12 -05:00
Mark Eaton	04ee32f531	improve hours display	2021-03-10 09:49:33 -05:00
Mark Eaton	f806752c2d	replace OneSearch h1 with logo	2021-03-09 18:20:02 -05:00
Mark Eaton	fe4d23f653	change menu colors	2021-03-09 16:48:29 -05:00
Mark Eaton	a6044f3428	more work on menu margins	2021-03-04 13:28:52 -05:00
Mark Eaton	9cf9839354	improve padding for dropdown menus	2021-03-04 13:09:24 -05:00
Mark Eaton	f09571d5f4	move alert to top of page; improve html & add urls to nav-by-jumbotron	2021-03-03 17:13:01 -05:00
Mark Eaton	c2f745bcfc	add a hrefs to nav by jumbotron	2021-03-03 15:54:17 -05:00
Mark Eaton	1851c3e3f2	add grey on hover over navbar menu items	2021-03-03 15:28:23 -05:00
Mark Eaton	f6416b705f	small fixes	2021-03-01 09:48:47 -05:00
Mark Eaton	8425112fb0	improve covid alert by removing max-width	2021-02-28 21:53:34 -05:00
Mark Eaton	071991a93a	add dismissable alert	2021-02-28 21:39:57 -05:00
Mark Eaton	fde187813e	small fixes	2021-02-28 03:10:13 -05:00
Mark Eaton	a04de57523	linting js	2021-02-28 02:41:46 -05:00
Mark Eaton	641b7077a2	handle placeholder if there is no dropdown selected	2021-02-27 21:36:19 -05:00
Mark Eaton	a6cf8038bc	prevent form submit if there is no dropdown item selected	2021-02-27 21:10:19 -05:00
Mark Eaton	a9aac6ac10	highlight dropdown items; add advanced search option	2021-02-26 22:36:36 -05:00
Mark Eaton	01b71ec887	media queries for small screens	2021-02-26 20:30:19 -05:00
Mark Eaton	fa58bd97a8	add media queries to form; center form on small screens	2021-02-26 20:16:18 -05:00
Mark Eaton	a05b42da38	add onesearch to prototype 3	2021-02-25 13:23:45 -05:00
Mark Eaton	6d9c7eadd5	tweaks based on feedback	2021-02-25 12:10:12 -05:00
Mark Eaton	66de5bf1dd	wrap whole dropdown search item in an a tag	2021-02-25 09:45:04 -05:00
Mark Eaton	410ae865e4	completed OneSearch widget functionality	2021-02-22 13:23:36 -05:00
Mark Eaton	f22337f064	delete facets from DOM when not in use	2021-02-21 19:46:50 -05:00
Mark Eaton	f4b7995d7e	first working rtype assignment	2021-02-21 17:45:24 -05:00
Mark Eaton	87025da7b0	first working search	2021-02-21 16:57:01 -05:00
Mark Eaton	7b3db52c93	minor tweaks	2021-02-21 03:24:28 -05:00
Mark Eaton	61bcff55c2	link dropdown name to specific facet	2021-02-21 02:44:39 -05:00
Mark Eaton	d193d05cbf	customize OneSearch dropdown	2021-02-21 01:56:48 -05:00
Mark Eaton	cbebdc5891	first yamm for onesearch	2021-02-20 01:24:40 -05:00
Mark Eaton	03d82de338	first OneSearch widget	2021-02-20 00:59:36 -05:00
Mark Eaton	bfa3bc59b2	add version 4	2021-02-19 21:41:57 -05:00
Mark Eaton	f8491f1017	cleanup	2021-02-13 01:52:35 -05:00
Mark Eaton	4151c02dd1	accessibility improvements	2021-02-13 00:19:04 -05:00
Mark Eaton	710047cddc	finish adding dropdowns	2021-02-12 22:27:34 -05:00
Mark Eaton	ce25c7da2b	add content and fix stacking of dropdown; add other content	2021-02-12 22:00:24 -05:00
Mark Eaton	3ff19e4607	make today red; make closed days grey; fix padding on gallery	2021-02-11 15:44:59 -05:00
Mark Eaton	f5073e3640	make header and footer container-fluid; tweak hours	2021-02-06 23:56:52 -05:00
Mark Eaton	013ef2bdf1	small changes for responsiveness	2021-02-05 17:12:32 -05:00
Mark Eaton	c0fb7c5a58	improve contrast, stacking on mobile	2021-02-05 03:11:58 -05:00
Mark Eaton	c8350ef0e8	add more hours panel	2021-02-05 00:32:01 -05:00
Mark Eaton	fb5deb1fed	make hours horizontal	2021-02-04 22:28:58 -05:00
Mark Eaton	0145f361e2	improve hours widget	2021-02-04 16:06:14 -05:00
Mark Eaton	5cbe754449	first working hours widget	2021-02-04 02:46:07 -05:00
Mark Eaton	cd41484de5	swap bootstrap carousel for libguides gallery	2021-02-04 00:01:00 -05:00
Mark Eaton	d5720ec697	changes for different sized screens; set better delay on carousel	2021-02-03 01:15:02 -05:00
Mark Eaton	d505d41f0c	remove unnecessary css rule	2021-02-03 00:11:05 -05:00
Mark Eaton	f2f2cde5bf	first working gallery	2021-02-02 23:59:00 -05:00
Mark Eaton	ab6a697be4	fix margin on yamm; move footer into bootstrap row	2021-01-30 16:16:53 -05:00
Mark Eaton	d995e795ac	apply Yamm to dropdown	2021-01-29 16:58:06 -05:00
Mark Eaton	1872c21c25	add navbar	2021-01-29 10:19:10 -05:00
Mark Eaton	bcecfcc247	add an hours placeholder	2021-01-29 09:41:13 -05:00
Mark Eaton	601a198c53	update README.md	2021-01-28 19:08:42 -05:00
Mark Eaton	b3851e0570	bring header into main body; add gallery placeholder	2021-01-28 18:07:16 -05:00
Mark Eaton	010960fa79	switch nav by jumbotron to a simpler list of divs	2021-01-28 17:01:01 -05:00
Mark Eaton	3814c185b2	add a nav to the right of the jumbotron	2021-01-28 16:24:19 -05:00
Mark Eaton	823846e737	add new-homepage-2	2021-01-27 15:24:43 -05:00
Mark Eaton	1e676f3d1c	change file extension to .html	2021-01-15 23:03:22 -05:00
Mark Eaton	0531988619	add new group js/css; add panels to new homepage	2021-01-15 22:24:43 -05:00
Mark Eaton	328196739e	Merge branch 'master' of ssh://github.com/markeeaton/Kingsborough-Libguide	2021-01-15 15:42:49 -05:00
Mark Eaton	561848c74f	first new (minimal) template	2021-01-15 15:42:10 -05:00
MarkEEatonandGitHub	a1e9d5c6e3	Update README.md	2021-01-13 11:46:27 -05:00
Mark Eaton	e5ae3c9c8b	baseline for redesign	2021-01-13 11:38:22 -05:00