Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Mark Eaton
|
2cfe290896 | ||
|
Mark Eaton
|
5dd245dfd4 | ||
|
Mark Eaton
|
5f3590ea59 | ||
|
Mark Eaton
|
8f8d81309c | ||
|
Mark Eaton
|
9b25c851da | ||
|
Mark Eaton
|
d3d8afd1cd | ||
|
Mark Eaton
|
ccf1b80fd6 | ||
|
Mark EatonandGitHub
|
e085498330 | ||
|
Mark Eaton
|
cf3fd91468 | ||
|
Mark Eaton
|
f204be41df | ||
|
Mark Eaton
|
38c5fcec44 |
@@ -0,0 +1,20 @@
|
||||
module.exports = {
|
||||
env: {
|
||||
browser: true,
|
||||
es2021: true,
|
||||
},
|
||||
extends: [
|
||||
'plugin:vue/vue3-essential',
|
||||
'airbnb-base',
|
||||
],
|
||||
overrides: [],
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
sourceType: 'module',
|
||||
},
|
||||
plugins: [
|
||||
'vue',
|
||||
],
|
||||
rules: {
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
{}
|
||||
@@ -1,106 +0,0 @@
|
||||
<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')">×</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>
|
||||
@@ -1,3 +0,0 @@
|
||||
<div id="bannercontainer">
|
||||
<img id="newbanner" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
|
||||
</div>
|
||||
@@ -1,444 +0,0 @@
|
||||
<style>
|
||||
|
||||
:root {
|
||||
--kbccblue: #003466;
|
||||
--kbccorange: #ff4e00;
|
||||
--text: #111;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
a, a:hover { text-decoration: none; }
|
||||
|
||||
/* 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 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#corona-alert-text {
|
||||
color: var(--text);
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/* style navbar */
|
||||
nav.navbar-default.main-nav-container {
|
||||
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;
|
||||
}
|
||||
#dropdownMenu1 { border-radius: 0; }
|
||||
a.searchmenu {
|
||||
color: var(--text);
|
||||
}
|
||||
.highlight-menu-item { padding: 5px; }
|
||||
.highlight-menu-item:hover {
|
||||
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_md.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;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.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 to make all imported boxes floating */
|
||||
.s-lib-box-title {display: none;}
|
||||
.s-lg-box {box-shadow: none !important;}
|
||||
.s-lib-box .s-lib-box-title {display: none;}
|
||||
.s-lib-box {box-shadow: none !important; border: 0 !important;}
|
||||
|
||||
/* 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; }
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.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.main-nav-container { margin-top: -20px; }
|
||||
.form-width { width: 40%; }
|
||||
.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; }
|
||||
#defineYourSearch { display: none; }
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
|
||||
.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; }
|
||||
}
|
||||
|
||||
@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; }
|
||||
}
|
||||
</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>
|
||||
|
||||
<!-- 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="facet" value="tlevel,include,peer_reviewed" 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 === "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 sessionStorage stuff on load -->
|
||||
<script>
|
||||
window.onload = function () {
|
||||
sessionFunction()
|
||||
}
|
||||
</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>
|
||||
@@ -1,422 +1,597 @@
|
||||
<style>
|
||||
:root {
|
||||
--kbccblue: #003466;
|
||||
--kbccorange: #ff4e00;
|
||||
--text: #111;
|
||||
}
|
||||
|
||||
:root {
|
||||
--kbccblue: #003466;
|
||||
--kbccorange: #ff4e00;
|
||||
--text: #111;
|
||||
}
|
||||
body {
|
||||
color: var(--text);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
a,
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a, a:hover { text-decoration: none; }
|
||||
/* style slide out chat */
|
||||
#lcs_slide_out_button-21944 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/* style slide out chat */
|
||||
#lcs_slide_out_button-21944 { font-size: 1.5em; }
|
||||
/* style header */
|
||||
#header-div {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* 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 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 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#corona-alert-text {
|
||||
color: var(--text);
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/* style alert */
|
||||
#corona-alert {
|
||||
text-align: center;
|
||||
background-color: #faf870;
|
||||
padding: 5px 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#corona-alert-text {
|
||||
color: var(--text);
|
||||
font-size: 1.5em;
|
||||
}
|
||||
/* style navbar */
|
||||
nav.navbar-default.main-nav-container {
|
||||
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;
|
||||
}
|
||||
#dropdownMenu1 {
|
||||
border-radius: 0;
|
||||
}
|
||||
a.searchmenu {
|
||||
color: var(--text);
|
||||
}
|
||||
.highlight-menu-item {
|
||||
padding: 5px;
|
||||
}
|
||||
.highlight-menu-item:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* style navbar */
|
||||
nav.navbar-default.main-nav-container {
|
||||
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;
|
||||
}
|
||||
#dropdownMenu1 { border-radius: 0; }
|
||||
a.searchmenu {
|
||||
color: var(--text);
|
||||
}
|
||||
.highlight-menu-item { padding: 5px; }
|
||||
.highlight-menu-item:hover {
|
||||
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 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 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;
|
||||
}
|
||||
.zero-margin {
|
||||
margin: -2px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* 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);
|
||||
}
|
||||
/* 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);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.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 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;
|
||||
}
|
||||
.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 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 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 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 to make all imported boxes floating */
|
||||
.s-lib-box-title {display: none;}
|
||||
.s-lg-box {box-shadow: none !important;}
|
||||
.s-lib-box .s-lib-box-title {display: none;}
|
||||
.s-lib-box {box-shadow: none !important; border: 0 !important;}
|
||||
/* style to make all imported boxes floating */
|
||||
.s-lib-box-title {
|
||||
display: none;
|
||||
}
|
||||
.s-lg-box {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.s-lib-box .s-lib-box-title {
|
||||
display: none;
|
||||
}
|
||||
.s-lib-box {
|
||||
box-shadow: none !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
/* 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; }
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.whiteahrefs a i {
|
||||
margin: 4px 5px 0 0;
|
||||
font-size: 1.5em
|
||||
}
|
||||
.whiteahrefs { margin-top: 10px; }
|
||||
#lighthouse-logo > a > img { max-width: 150px; }
|
||||
/* 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;
|
||||
}
|
||||
.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 queries */
|
||||
|
||||
@media only screen and (min-width: 1px) {
|
||||
#library-logo {
|
||||
max-width: 100%;
|
||||
max-height: 150px;
|
||||
}
|
||||
nav.navbar-default.main-nav-container { margin-top: -20px; }
|
||||
.form-width { width: 40%; }
|
||||
.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: 1px) {
|
||||
#library-logo {
|
||||
max-width: 100%;
|
||||
max-height: 150px;
|
||||
}
|
||||
nav.navbar-default.main-nav-container {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.form-width {
|
||||
width: 40%;
|
||||
}
|
||||
.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; }
|
||||
#defineYourSearch { display: none; }
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
#login-text {
|
||||
display: none;
|
||||
}
|
||||
#defineYourSearch {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
@media only screen and (min-width: 768px) {
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1px) and (max-width: 992px) {
|
||||
#hamburger-alternative { display: none; }
|
||||
}
|
||||
@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: 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; }
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
#library-logo {
|
||||
margin-top: -3px;
|
||||
}
|
||||
}
|
||||
</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});
|
||||
});
|
||||
jQuery(function () {
|
||||
jQuery("#eq_32886, #bookastudyroom").LibCalEquipmentBooking({
|
||||
iid: 5570,
|
||||
gid: 32886,
|
||||
eid: 0,
|
||||
width: 560,
|
||||
height: 680,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- polyfills to make .forEach and .includes work in IE10 and IE11 -->
|
||||
<script type="text/javascript">
|
||||
if (window.NodeList && !NodeList.prototype.forEach) {
|
||||
if (window.NodeList && !NodeList.prototype.forEach) {
|
||||
NodeList.prototype.forEach = Array.prototype.forEach;
|
||||
}
|
||||
}
|
||||
|
||||
String.prototype.includes = function(match) {
|
||||
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");
|
||||
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");
|
||||
|
||||
// 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="facet" value="tlevel,include,peer_reviewed" 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 === "Reserves") {
|
||||
document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
|
||||
document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
|
||||
} else {
|
||||
console.log("no match");
|
||||
}
|
||||
// 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");
|
||||
|
||||
// store the facet, for use on page reload
|
||||
sessionStorage.facet = facet;
|
||||
}
|
||||
// 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="facet" value="tlevel,include,peer_reviewed" 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 === "Reserves") {
|
||||
document
|
||||
.getElementById("tabSetting")
|
||||
.setAttribute("value", "CourseReserves");
|
||||
document
|
||||
.getElementById("SearchScopeSetting")
|
||||
.setAttribute("value", "CourseReserves");
|
||||
} else {
|
||||
console.log("no match");
|
||||
}
|
||||
|
||||
// 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();
|
||||
};
|
||||
// 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;
|
||||
}
|
||||
|
||||
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;
|
||||
|
||||
// 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();
|
||||
}
|
||||
// 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 sessionStorage stuff on load -->
|
||||
<!-- If browser is IE, show a warning-->
|
||||
<script type="text/javascript">
|
||||
window.onload = function () {
|
||||
window.onload = function () {
|
||||
sessionFunction();
|
||||
|
||||
sessionFunction();
|
||||
|
||||
if (window.document.documentMode) {
|
||||
document.getElementById('obsolete_browser_alert').innerHTML = '<div class="alert alert-danger" style="text-align: center;"><strong>WARNING! Unsupported browser!</strong><br />It looks like you\'re using Internet Explorer 11 or older.<br />This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge.<br />If you continue with this browser, many parts of this site will not work and you will see unexpected results.</div>';
|
||||
}
|
||||
}
|
||||
if (window.document.documentMode) {
|
||||
document.getElementById("obsolete_browser_alert").innerHTML =
|
||||
'<div class="alert alert-danger" style="text-align: center;"><strong>WARNING! Unsupported browser!</strong><br />It looks like you\'re using Internet Explorer 11 or older.<br />This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge.<br />If you continue with this browser, many parts of this site will not work and you will see unexpected results.</div>';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- FontAwesome -->
|
||||
<script src="https://kit.fontawesome.com/4c28f38a07.js" crossorigin="anonymous"></script>
|
||||
<script
|
||||
src="https://kit.fontawesome.com/4c28f38a07.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
@@ -1,277 +0,0 @@
|
||||
<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 id="app"><!-- vue app -->
|
||||
<div class="row">
|
||||
<!--<div id="obsolete_browser_alert" class="alert alert-danger obsolete_browser_alert">It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.</div>-->
|
||||
<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" aria-label="Hamburger Menu" 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 v-for="item in hamburger" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of hamburger container -->
|
||||
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" aria-labelledby="login-text">
|
||||
<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><!-- end of header 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">×</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 of modal -->
|
||||
</div><!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav navbar-nav" id="navbar-center">
|
||||
<li v-for="(navmenu, navkey) in navListOfMenus" class="dropdown main-nav-dropdown">
|
||||
<nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of container-fluid -->
|
||||
</nav><!-- end of main-nav-container -->
|
||||
</div><!-- end of col-xs-12 -->
|
||||
</div><!--end of row-->
|
||||
</div><!--end of Vue app-->
|
||||
</div>
|
||||
<div class="container" style="margin-top:14px;">
|
||||
<div class="row kbcc-background-image">
|
||||
<div class="col-sm-8">
|
||||
<form class="form-inline 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" aria-label="Define Your Search">
|
||||
<span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">
|
||||
<li>
|
||||
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Books</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Articles (Peer reviewed)</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Course reserves</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Newspapers')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Newspapers and magazines</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Journals</strong>
|
||||
</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="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Advanced search</strong>
|
||||
</div>
|
||||
</a>
|
||||
<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" 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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Databases</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://library.kbcc.cuny.edu/guides" class="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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Send Us Feedback</h2>
|
||||
</div>
|
||||
</a>
|
||||
<!-- hide chat with a librarian
|
||||
<a class="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" class="ga-library-links">How to Use the Library</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/ebooks" class="ga-library-links">Find eTextbooks and eBooks</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/video" class="ga-library-links">Streaming Video</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129" class="ga-library-links">Comic Books & Graphic Novels</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" class="ga-library-links">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" class="ga-library-links">US Newspapers</a></li>
|
||||
<li><a href="http://www.nytimes.com/passes" target="_blank" class="ga-library-links">NY Times Free Pass</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8147703140006129" class="ga-library-links">Leisure Reading Collection</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>Today's Library Hours</h2></span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{{content_box_29248590}}
|
||||
</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_box_25912431}}
|
||||
</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" loading="lazy" /></a>
|
||||
</div>
|
||||
<div class="library-address">
|
||||
<div class="whiteahrefs">
|
||||
<strong>Robert J. Kibbee Library</strong><br />
|
||||
2001 Oriental Blvd<br />
|
||||
Brooklyn, NY, 11209<br />
|
||||
<a href="tel:+1-718-368-5632">718-368-5632</a>
|
||||
</div>
|
||||
<div class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libwizard.com/f/reference">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" loading="lazy" /></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')">×</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>
|
||||
|
||||
<!-- LibChat widget script -->
|
||||
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
|
||||
|
||||
<!-- add Vue scripts -->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script> --> <!-- development -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.8"></script> <!--production -->
|
||||
<script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main.js"></script>
|
||||
|
||||
</body>
|
||||
@@ -1,278 +1,534 @@
|
||||
<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 id="app"><!-- vue app -->
|
||||
<div class="row">
|
||||
<div id="obsolete_browser_alert">
|
||||
</div>
|
||||
<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" aria-label="Hamburger Menu" 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 v-for="item in hamburger" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of hamburger container -->
|
||||
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" aria-labelledby="login-text">
|
||||
<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><!-- end of header 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">×</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 of modal -->
|
||||
</div><!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav navbar-nav" id="navbar-center">
|
||||
<li v-for="(navmenu, navkey) in navListOfMenus" class="dropdown main-nav-dropdown">
|
||||
<nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of container-fluid -->
|
||||
</nav><!-- end of main-nav-container -->
|
||||
</div><!-- end of col-xs-12 -->
|
||||
</div><!--end of row-->
|
||||
</div><!--end of Vue app-->
|
||||
<!-- 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 id="app">
|
||||
<!-- vue app -->
|
||||
<div class="row">
|
||||
<div id="obsolete_browser_alert"></div>
|
||||
<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"
|
||||
aria-label="Hamburger Menu"
|
||||
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
|
||||
v-for="item in hamburger"
|
||||
v-bind:key="item.id"
|
||||
class="searchmenu"
|
||||
v-bind:aria-label="item.description"
|
||||
v-bind:href="item.link"
|
||||
v-bind:target="item.target_blank"
|
||||
>
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end of hamburger container -->
|
||||
<a
|
||||
href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB"
|
||||
id="login-div"
|
||||
aria-labelledby="login-text"
|
||||
>
|
||||
<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>
|
||||
<!-- end of header 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">×</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 class="container" style="margin-top:14px;">
|
||||
<div class="row kbcc-background-image">
|
||||
<div class="col-sm-8">
|
||||
<form class="form-inline 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" aria-label="Define Your Search">
|
||||
<span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">
|
||||
<li>
|
||||
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Books</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Articles (Peer reviewed)</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Course reserves</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Newspapers')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Newspapers and magazines</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Journals</strong>
|
||||
</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="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Advanced search</strong>
|
||||
</div>
|
||||
</a>
|
||||
<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>
|
||||
</div>
|
||||
<!-- End of modal -->
|
||||
</div>
|
||||
<!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav navbar-nav" id="navbar-center">
|
||||
<li
|
||||
v-for="(navmenu, navkey) in navListOfMenus"
|
||||
class="dropdown main-nav-dropdown"
|
||||
>
|
||||
<nav-component
|
||||
v-bind:navmenu="navmenu"
|
||||
v-bind:navkey="navkey"
|
||||
></nav-component>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end of container-fluid -->
|
||||
</nav>
|
||||
<!-- end of main-nav-container -->
|
||||
</div>
|
||||
<!-- end of col-xs-12 -->
|
||||
</div>
|
||||
<!--end of row-->
|
||||
</div>
|
||||
<!--end of Vue app-->
|
||||
</div>
|
||||
<div class="container" style="margin-top: 14px">
|
||||
<div class="row kbcc-background-image">
|
||||
<div class="col-sm-8">
|
||||
<form
|
||||
class="form-inline 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"
|
||||
aria-label="Define Your Search"
|
||||
>
|
||||
<span id="defineYourSearch">Define Your Search </span
|
||||
><span class="caret"></span>
|
||||
</button>
|
||||
<ul
|
||||
class="dropdown-menu fade dropdown-margin"
|
||||
aria-labelledby="dropdownMenu1"
|
||||
>
|
||||
<li>
|
||||
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Books</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Articles (Peer reviewed)</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Course reserves</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="searchmenu"
|
||||
onclick="customizeSearch('Newspapers')"
|
||||
>
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Newspapers and magazines</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Journals</strong>
|
||||
</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="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Advanced search</strong>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="nav-by-jumbotron">
|
||||
<a class="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron" 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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Databases</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://library.kbcc.cuny.edu/guides" class="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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Send Us Feedback</h2>
|
||||
</div>
|
||||
</a>
|
||||
<!-- hide chat with a librarian
|
||||
<li></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" 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="ga-by-jumbotron"
|
||||
>
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Databases</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/guides"
|
||||
class="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="ga-by-jumbotron"
|
||||
>
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Send Us Feedback</h2>
|
||||
</div>
|
||||
</a>
|
||||
<!-- hide chat with a librarian
|
||||
<a class="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" class="ga-library-links">How to Use the Library</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/ebooks" class="ga-library-links">Find eTextbooks and eBooks</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/video" class="ga-library-links">Streaming Video</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129" class="ga-library-links">Comic Books & Graphic Novels</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" class="ga-library-links">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" class="ga-library-links">US Newspapers</a></li>
|
||||
<li><a href="http://www.nytimes.com/passes" target="_blank" class="ga-library-links">NY Times Free Pass</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8147703140006129" class="ga-library-links">Leisure Reading Collection</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>Today's Library Hours</h2></span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{{content_box_29248590}}
|
||||
</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_box_25912431}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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"
|
||||
class="ga-library-links"
|
||||
>How to Use the Library</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/ebooks"
|
||||
class="ga-library-links"
|
||||
>Find eTextbooks and eBooks</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/video"
|
||||
class="ga-library-links"
|
||||
>Streaming Video</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129"
|
||||
class="ga-library-links"
|
||||
>Comic Books & Graphic Novels</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</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" loading="lazy" /></a>
|
||||
</div>
|
||||
<div class="library-address">
|
||||
<div class="whiteahrefs">
|
||||
<strong>Robert J. Kibbee Library</strong><br />
|
||||
2001 Oriental Blvd<br />
|
||||
Brooklyn, NY, 11209<br />
|
||||
<a href="tel:+1-718-368-5632">718-368-5632</a>
|
||||
</div>
|
||||
<div class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libwizard.com/f/reference">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" loading="lazy" /></a>
|
||||
</div>
|
||||
<div class="whiteahrefs libapps">
|
||||
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a> | <a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML">Alma</a>
|
||||
</div>
|
||||
<div style="height:10px;"></div>
|
||||
</div>
|
||||
<!-- END: Page Footer -->
|
||||
</div>
|
||||
</div>
|
||||
</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"
|
||||
class="ga-library-links"
|
||||
>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"
|
||||
class="ga-library-links"
|
||||
>US Newspapers</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="http://www.nytimes.com/passes"
|
||||
target="_blank"
|
||||
class="ga-library-links"
|
||||
>NY Times Free Pass</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8147703140006129"
|
||||
class="ga-library-links"
|
||||
>Leisure Reading Collection</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>Today's Library Hours</h2></span
|
||||
>
|
||||
</div>
|
||||
<div class="panel-body">{{content_box_29248590}}</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_box_25912431}}</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"
|
||||
loading="lazy"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="library-address">
|
||||
<div class="whiteahrefs">
|
||||
<strong>Robert J. Kibbee Library</strong><br />
|
||||
2001 Oriental Blvd<br />
|
||||
Brooklyn, NY, 11209<br />
|
||||
<a href="tel:+1-718-368-5632">718-368-5632</a>
|
||||
</div>
|
||||
<div class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libwizard.com/f/reference"
|
||||
>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"
|
||||
loading="lazy"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="whiteahrefs libapps">
|
||||
<a
|
||||
href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365"
|
||||
>Log in to LibApps</a
|
||||
>
|
||||
|
|
||||
<a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML"
|
||||
>Alma</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')">×</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>
|
||||
<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')"
|
||||
>
|
||||
×
|
||||
</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>
|
||||
|
||||
<!-- LibChat widget script -->
|
||||
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
|
||||
|
||||
<!-- add Vue scripts -->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script> --> <!-- development -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.8"></script> <!--production -->
|
||||
<script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main.js"></script>
|
||||
<!-- LibChat widget script -->
|
||||
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
|
||||
|
||||
<!-- add Vue scripts -->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script> -->
|
||||
<!-- development -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.8"></script>
|
||||
<!--production -->
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="https://libapps.s3.amazonaws.com/sites/2365/include/main.js"
|
||||
></script>
|
||||
</body>
|
||||
|
||||
+566
-390
File diff suppressed because it is too large
Load Diff
+519
-264
@@ -1,278 +1,533 @@
|
||||
<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 id="app"><!-- vue app -->
|
||||
<div class="row">
|
||||
<div id="obsolete_browser_alert">
|
||||
</div>
|
||||
<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" aria-label="Hamburger Menu" 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 v-for="item in hamburger" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of hamburger container -->
|
||||
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" aria-labelledby="login-text">
|
||||
<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><!-- end of header 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">×</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 of modal -->
|
||||
</div><!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav navbar-nav" id="navbar-center">
|
||||
<li v-for="(navmenu, navkey) in navListOfMenus" class="dropdown main-nav-dropdown">
|
||||
<nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end of container-fluid -->
|
||||
</nav><!-- end of main-nav-container -->
|
||||
</div><!-- end of col-xs-12 -->
|
||||
</div><!--end of row-->
|
||||
</div><!--end of Vue app-->
|
||||
<!-- 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 id="app">
|
||||
<!-- vue app -->
|
||||
<div class="row">
|
||||
<div id="obsolete_browser_alert"></div>
|
||||
<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"
|
||||
aria-label="Hamburger Menu"
|
||||
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
|
||||
v-for="item in hamburger"
|
||||
v-bind:key="item.id"
|
||||
class="searchmenu"
|
||||
v-bind:aria-label="item.description"
|
||||
v-bind:href="item.link"
|
||||
v-bind:target="item.target_blank"
|
||||
>
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end of hamburger container -->
|
||||
<a
|
||||
href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB"
|
||||
id="login-div"
|
||||
aria-labelledby="login-text"
|
||||
>
|
||||
<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>
|
||||
<!-- end of header 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">×</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 class="container" style="margin-top:14px;">
|
||||
<div class="row kbcc-background-image">
|
||||
<div class="col-sm-8">
|
||||
<form class="form-inline 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" aria-label="Define Your Search">
|
||||
<span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">
|
||||
<li>
|
||||
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Books</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Articles (Peer reviewed)</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Course reserves</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Newspapers')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Newspapers and magazines</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Journals</strong>
|
||||
</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="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Advanced search</strong>
|
||||
</div>
|
||||
</a>
|
||||
<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>
|
||||
</div>
|
||||
<!-- End of modal -->
|
||||
</div>
|
||||
<!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav navbar-nav" id="navbar-center">
|
||||
<li
|
||||
v-for="(navmenu, navkey) in navListOfMenus"
|
||||
class="dropdown main-nav-dropdown"
|
||||
>
|
||||
<nav-component
|
||||
v-bind:navmenu="navmenu"
|
||||
v-bind:navkey="navkey"
|
||||
></nav-component>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end of container-fluid -->
|
||||
</nav>
|
||||
<!-- end of main-nav-container -->
|
||||
</div>
|
||||
<!-- end of col-xs-12 -->
|
||||
</div>
|
||||
<!--end of row-->
|
||||
</div>
|
||||
<!--end of Vue app-->
|
||||
</div>
|
||||
<div class="container" style="margin-top: 14px">
|
||||
<div class="row kbcc-background-image">
|
||||
<div class="col-sm-8">
|
||||
<form
|
||||
class="form-inline 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"
|
||||
aria-label="Define Your Search"
|
||||
>
|
||||
<span id="defineYourSearch">Define Your Search </span
|
||||
><span class="caret"></span>
|
||||
</button>
|
||||
<ul
|
||||
class="dropdown-menu fade dropdown-margin"
|
||||
aria-labelledby="dropdownMenu1"
|
||||
>
|
||||
<li>
|
||||
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Books</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Articles (Peer reviewed)</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Course reserves</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="searchmenu"
|
||||
onclick="customizeSearch('Newspapers')"
|
||||
>
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Newspapers and magazines</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Journals</strong>
|
||||
</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="highlight-menu-item bigger-fancy-text">
|
||||
<strong>Advanced search</strong>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="nav-by-jumbotron">
|
||||
<a class="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron" 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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Databases</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://library.kbcc.cuny.edu/guides" class="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="ga-by-jumbotron">
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Send Us Feedback</h2>
|
||||
</div>
|
||||
</a>
|
||||
<!-- hide chat with a librarian
|
||||
<li></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" 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="ga-by-jumbotron"
|
||||
>
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Databases</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/guides"
|
||||
class="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="ga-by-jumbotron"
|
||||
>
|
||||
<div class="nav-divs-by-jumbotron">
|
||||
<h2>Send Us Feedback</h2>
|
||||
</div>
|
||||
</a>
|
||||
<!-- hide chat with a librarian
|
||||
<a class="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" class="ga-library-links">How to Use the Library</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/ebooks" class="ga-library-links">Find eTextbooks and eBooks</a></li>
|
||||
<li><a href="https://library.kbcc.cuny.edu/video" class="ga-library-links">Streaming Video</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129" class="ga-library-links">Comic Books & Graphic Novels</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" class="ga-library-links">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" class="ga-library-links">US Newspapers</a></li>
|
||||
<li><a href="http://www.nytimes.com/passes" target="_blank" class="ga-library-links">NY Times Free Pass</a></li>
|
||||
<li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8147703140006129" class="ga-library-links">Leisure Reading Collection</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>Today's Library Hours</h2></span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{{content_box_29248590}}
|
||||
</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_box_25912431}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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"
|
||||
class="ga-library-links"
|
||||
>How to Use the Library</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/ebooks"
|
||||
class="ga-library-links"
|
||||
>Find eTextbooks and eBooks</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/video"
|
||||
class="ga-library-links"
|
||||
>Streaming Video</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129"
|
||||
class="ga-library-links"
|
||||
>Comic Books & Graphic Novels</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</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" loading="lazy" /></a>
|
||||
</div>
|
||||
<div class="library-address">
|
||||
<div class="whiteahrefs">
|
||||
<strong>Robert J. Kibbee Library</strong><br />
|
||||
2001 Oriental Blvd<br />
|
||||
Brooklyn, NY, 11209<br />
|
||||
<a href="tel:+1-718-368-5632">718-368-5632</a>
|
||||
</div>
|
||||
<div class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libwizard.com/f/reference">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" loading="lazy" /></a>
|
||||
</div>
|
||||
<div class="whiteahrefs libapps">
|
||||
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a> | <a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML">Alma</a>
|
||||
</div>
|
||||
<div style="height:10px;"></div>
|
||||
</div>
|
||||
<!-- END: Page Footer -->
|
||||
</div>
|
||||
</div>
|
||||
</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"
|
||||
class="ga-library-links"
|
||||
>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"
|
||||
class="ga-library-links"
|
||||
>US Newspapers</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="http://www.nytimes.com/passes"
|
||||
target="_blank"
|
||||
class="ga-library-links"
|
||||
>NY Times Free Pass</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://library.kbcc.cuny.edu/newarrivals/leisure"
|
||||
class="ga-library-links"
|
||||
>Leisure Reading Collection</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>Today's Library Hours</h2></span
|
||||
>
|
||||
</div>
|
||||
<div class="panel-body">{{content_box_29248590}}</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_box_25912431}}</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"
|
||||
loading="lazy"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="library-address">
|
||||
<div class="whiteahrefs">
|
||||
<strong>Robert J. Kibbee Library</strong><br />
|
||||
2001 Oriental Blvd<br />
|
||||
Brooklyn, NY, 11209<br />
|
||||
<a href="tel:+1-718-368-5632">718-368-5632</a>
|
||||
</div>
|
||||
<div class="whiteahrefs">
|
||||
<a href="https://kbcc-cuny.libwizard.com/f/reference"
|
||||
>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"
|
||||
loading="lazy"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="whiteahrefs libapps">
|
||||
<a
|
||||
href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365"
|
||||
>Log in to LibApps</a
|
||||
>
|
||||
|
|
||||
<a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML"
|
||||
>Alma</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')">×</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>
|
||||
<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')"
|
||||
>
|
||||
×
|
||||
</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>
|
||||
|
||||
<!-- LibChat widget script -->
|
||||
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
|
||||
|
||||
<!-- add Vue scripts -->
|
||||
<!-- <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> --><!-- development -->
|
||||
<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script><!--production -->
|
||||
<script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main2.js"></script>
|
||||
<!-- LibChat widget script -->
|
||||
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
|
||||
|
||||
<!-- add Vue scripts -->
|
||||
<!-- <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> --><!-- development -->
|
||||
<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
|
||||
<!--production -->
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="https://libapps.s3.amazonaws.com/sites/2365/include/main2.js"
|
||||
></script>
|
||||
</body>
|
||||
|
||||
+115
@@ -0,0 +1,115 @@
|
||||
<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')"
|
||||
>
|
||||
×
|
||||
</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,6 @@
|
||||
<div id="bannercontainer">
|
||||
<img
|
||||
id="newbanner"
|
||||
src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -0,0 +1,134 @@
|
||||
<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>
|
||||
Generated
+3988
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "kingsborough-libguide",
|
||||
"version": "1.0.0",
|
||||
"description": "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",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"eslint": "^8.40.0",
|
||||
"eslint-config-airbnb-base": "^15.0.0",
|
||||
"eslint-config-prettier": "^8.8.0",
|
||||
"eslint-plugin-import": "^2.27.5",
|
||||
"eslint-plugin-vue": "^9.12.0",
|
||||
"prettier": "2.8.8"
|
||||
}
|
||||
}
|
||||
@@ -1,135 +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(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>
|
||||
Reference in New Issue
Block a user