21 Commits
Author SHA1 Message Date
MarkEEatonandGitHub 4692236c40 switch to production Vue script 2023-03-08 14:39:03 -05:00
MarkEEatonandGitHub 9d72ad8183 fix typo 2023-03-06 12:17:55 -05:00
MarkEEatonandGitHub d014887cc7 test for ternary operator and nullish coalescing 2023-03-03 14:09:32 -05:00
MarkEEatonandGitHub d42dbe09d8 switch from browser detection to feature detection 2023-03-03 11:36:28 -05:00
Mark Eaton 1e7839d97f fix small spacing issue 2023-02-17 15:31:42 -05:00
Mark Eaton 1ca311211f remove outline and bg-color from active nav item 2023-02-17 15:23:30 -05:00
Mark Eaton 23bace0b0b add versioning to main.js filenames 2023-02-17 12:25:05 -05:00
Mark Eaton da6494483b move main to main-old; add new main 2023-02-17 11:52:20 -05:00
Mark Eaton 5ce23f56f5 switch to production Vue, v3 2023-02-17 11:45:25 -05:00
Mark Eaton 558f8c7fce delete some old html/css 2023-02-17 11:33:49 -05:00
Mark Eaton 868b0ff780 move to Vue3 2023-02-17 11:31:49 -05:00
MarkEEatonandGitHub 71112a5729 remove old banner CSS; make font bigger for slide-out 2023-02-16 12:48:11 -05:00
MarkEEatonandGitHub ebd1fc95dd add Alma link 2023-01-12 13:12:41 -05:00
MarkEEatonandGitHub d4ebe6c8be remove unused code for menu on hover 2022-10-21 21:34:26 -04:00
MarkEEatonandGitHub 7618ff6225 Create LibAnswers-8-js-css.html 2022-10-21 21:30:02 -04:00
MarkEEatonandGitHub 2ec1cc953c Create LibAnswers-SlideOutChat-8.html 2022-10-21 21:28:18 -04:00
MarkEEatonandGitHub 32053bc594 reduce resolution of background image 2022-10-12 20:50:37 -04:00
MarkEEatonandGitHub 0a216f8c9e add aria labels 2022-10-12 15:13:38 -04:00
MarkEEatonandGitHub e2ea445ae2 actually remove no-underline class 2022-10-12 14:56:50 -04:00
MarkEEatonandGitHub 259b2b2dd8 remove no-underline class; lazy-load some images 2022-10-12 14:50:48 -04:00
Mark Eaton 7d3eb7f3b0 fix search form overflowing on some mobile devices 2022-09-24 00:29:18 -04:00
11 changed files with 886 additions and 1198 deletions
+245
View File
@@ -0,0 +1,245 @@
const navComponent = {
template:
`<a>
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">{{ navkey }}</div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
</a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a v-for="item in navmenu" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
<div class="bigger-fancy-text">
<i v-bind:class="item.icon" aria-hidden="true"></i>
<strong>{{ item.description }}</strong>
</div>
</a>
</li>
</ul>
</a>`,
props: ['navmenu', 'navkey']
}
const menusComponent = {
template:
`<div class="bigger-fancy-text">
<i v-bind:class="item.icon" aria-hidden="true"></i>
<strong>{{ item.description }}</strong>
</div>`,
props: ['item']
}
const { createApp } = Vue
createApp({
components: {
'nav-component': navComponent,
'menus-component': menusComponent
},
data() {
return {
hamburger: [
{
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en",
icon: "fas fa-search fa-fw bigger-icon",
description: "OneSearch",
target_blank: "",
id: 1
},
{
link: "https://library.kbcc.cuny.edu/az.php",
icon: "fas fa-database fa-fw bigger-icon",
description: "Databases A to Z",
target_blank: "",
id: 2
},
{
link: "https://library.kbcc.cuny.edu/guides",
icon: "fas fa-telescope fa-fw bigger-icon",
description: "Research Guides",
target_blank: "",
id: 3
},
{
link: "https://library.kbcc.cuny.edu/faq",
icon: "fas fa-question-circle fa-fw bigger-icon",
description: "FAQ",
target_blank: "",
id: 4
},
{
link: "https://library.kbcc.cuny.edu/calendar",
icon: "fas fa-clock fa-fw bigger-icon",
description: "Library Hours",
target_blank: "",
id: 5
},
{
link: "https://library.kbcc.cuny.edu/sitemap",
icon: "fas fa-location-arrow fa-fw bigger-icon",
description: "Site Map",
target_blank: "",
id: 6
}
],
navListOfMenus: {
"Find It": [
{
link: "https://library.kbcc.cuny.edu/az.php",
icon: "fas fa-database fa-fw bigger-icon",
description: "Databases A to Z",
target_blank: "",
id: 1
},
{
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all",
icon: "fas fa-newspaper fa-fw bigger-icon",
description: "Newspaper Search",
target_blank: "",
id: 2
},
{
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves",
icon: "fas fa-cloud-download-alt fa-fw bigger-icon",
description: "Course Reserves",
target_blank: "",
id: 3
},
{
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB",
icon: "fas fa-book fa-fw bigger-icon",
description: "Search for Specific Journals",
target_blank: "",
id: 4
},
{
link: "https://library.kbcc.cuny.edu/academicworks",
icon: "fas fa-archive fa-fw bigger-icon",
description: "CUNY Academic Works",
target_blank: "_blank",
id: 5
},
{
link: "https://www.bkstr.com/kingsboroughccstore/home",
icon: "fas fa-cash-register fa-fw bigger-icon",
description: "KBCC Bookstore",
target_blank: "_blank",
id: 6
}
],
"Services": [
{
link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
icon: "fas fa-books fa-fw bigger-icon",
description: "Interlibrary Loan",
target_blank: "_blank",
id: 1
},
{
link: "https://library.kbcc.cuny.edu/libraryservices/informationliteracy",
icon: "fas fa-chalkboard-teacher fa-fw bigger-icon",
description: "Book a Library Instruction Session" ,
target_blank: "",
id: 2
},
{
link: "https://library.kbcc.cuny.edu/mediaservices",
icon: "fas fa-photo-video fa-fw bigger-icon",
description: "Media Services",
target_blank: "",
id: 3
},
{
link: "https://kbcc-cuny.libwizard.com/f/bookrequest",
icon: "fas fa-shopping-basket fa-fw bigger-icon",
description: "Suggest a Book for Purchase",
target_blank: "",
id: 4
},
{
link: "https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406",
icon: "fas fa-bookmark fa-fw bigger-icon",
description: "Suggest an Item to Add to Reserves",
target_blank: "",
id: 5
}
],
"About Us": [
{
link: "https://library.kbcc.cuny.edu/about-us/directory",
icon: "fas fa-address-book fa-fw bigger-icon",
description: "Faculty & Staff Directory",
target_blank: "",
id: 1
},
{
link: "https://library.kbcc.cuny.edu/newarrivals",
icon: "far fa-mail-bulk fa-fw bigger-icon",
description: "New Arrivals",
target_blank: "",
id: 2
},
{
link: "https://library.kbcc.cuny.edu/about-us/liaisons",
icon: "fas fa-theater-masks fa-fw bigger-icon",
description: "Subject Liaisons",
target_blank: "",
id: 3
},
{
link: "https://library.kbcc.cuny.edu/social",
icon: "far fa-hashtag fa-fw bigger-icon",
description: "Social Media",
target_blank: "",
id: 4
}
],
"Location & Hours": [
{
link: "https://tour.kingsborough.edu/",
icon: "fas fa-map-marked-alt fa-fw bigger-icon",
description: "Campus Map",
target_blank: "",
id: 1
},
{
link: "https://library.kbcc.cuny.edu/calendar",
icon: "fas fa-clock fa-fw bigger-icon",
description: "Library Hours",
target_blank: "",
id: 2
}
],
"Help": [
{
link: "https://library.kbcc.cuny.edu/askalibrarian",
icon: "fas fa-book-reader fa-fw bigger-icon",
description: "Ask A Librarian",
target_blank: "",
id: 1
},
{
link: "https://library.kbcc.cuny.edu/faq",
icon: "fas fa-question-circle fa-fw bigger-icon",
description: "FAQ",
target_blank: "",
id: 2
},
{
link: "https://library.kbcc.cuny.edu/guides",
icon: "fas fa-telescope fa-fw bigger-icon",
description: "Research Guides and Tutorials",
target_blank: "",
id: 3
},
{
link: "https://library.kbcc.cuny.edu/ENGLISH24",
icon: "fas fa-question fa-fw bigger-icon",
description: "How to Use the Library",
target_blank: "",
id: 4
}
]
}
}
}
}).mount('#app');
+3 -56
View File
@@ -11,6 +11,9 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
text-decoration:none; text-decoration:none;
} }
/* style slide out chat */
#lcs_slide_out_button-21944 { font-size: 1.5em; }
/* Fix the color of the "Search" button on the subject pages */ /* Fix the color of the "Search" button on the subject pages */
form .btn.btn-info { form .btn.btn-info {
background-color:#003466; background-color:#003466;
@@ -105,62 +108,6 @@ ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
outline: none; outline: none;
} }
/* New CSS for the Kingsborough banner that was developed by Kwatei */
#bannerwrap {
top:10px;
width:100%;
height:100px;
position:relative;
margin:0px auto;
float:none;
clear:none;
}
#bannerleft {
background:url(https://libapps.s3.amazonaws.com/accounts/16298/images/KCC_Offical_Logo.jpg);
background-size:contain;
width:367px;
height:105px;
margin:0px auto;
position:relative;
float:left;
clear:none;
}
#bannerx {
height:105px;
background-image:url(https://libapps.s3.amazonaws.com/accounts/16298/images/logo_x_new.png);
background-size:contain;
background-repeat: repeat-x;
}
#innerbannercont {
width:660px;
float:right;
clear:left;
height:33px;
position:relative;
z-index:12;
font-size:12px;
text-align:right;
color:#fff;
margin:3px;
}
#innerbannercont a {
color:#fff;
text-decoration:none;
}
#spacer {
height:30px;
}
#s-lib-bc {
clear:both;
}
/* alternate fonts included to accommodate computers that do not have the defaults */ /* alternate fonts included to accommodate computers that do not have the defaults */
body { body {
+2 -2
View File
@@ -107,7 +107,7 @@ a.searchmenu {
/* style background image */ /* style background image */
.kbcc-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: 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%; background-position: 50% 71%;
padding: 20px 0; padding: 20px 0;
border-radius: 5px; border-radius: 5px;
@@ -248,7 +248,7 @@ a.searchmenu {
max-height: 150px; max-height: 150px;
} }
nav.navbar-default.main-nav-container { margin-top: -20px; } nav.navbar-default.main-nav-container { margin-top: -20px; }
.form-width { width: 210px; } .form-width { width: 40%; }
.nav-by-jumbotron { margin-top: 40px !important; } .nav-by-jumbotron { margin-top: 40px !important; }
#main-blue-footer { min-height: 450px; } #main-blue-footer { min-height: 450px; }
.library-address { float: left; } .library-address { float: left; }
@@ -11,6 +11,8 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
a, a:hover { text-decoration: none; }
/* style slide out chat */ /* style slide out chat */
#lcs_slide_out_button-21944 { font-size: 1.5em; } #lcs_slide_out_button-21944 { font-size: 1.5em; }
@@ -97,7 +99,6 @@ nav.navbar-default.main-nav-container {
#dropdownMenu1 { border-radius: 0; } #dropdownMenu1 { border-radius: 0; }
a.searchmenu { a.searchmenu {
color: var(--text); color: var(--text);
text-decoration: none;
} }
.highlight-menu-item { padding: 5px; } .highlight-menu-item { padding: 5px; }
.highlight-menu-item:hover { .highlight-menu-item:hover {
@@ -163,7 +164,6 @@ a.searchmenu {
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 4px; margin-top: 4px;
} }
a.no-underline { text-decoration: none; }
.nav-divs-by-jumbotron:hover { background-color: #444; } .nav-divs-by-jumbotron:hover { background-color: #444; }
#eq_32886 { #eq_32886 {
background-color: var(--kbccblue); background-color: var(--kbccblue);
@@ -211,39 +211,6 @@ a.no-underline { text-decoration: none; }
.s-lib-box .s-lib-box-title {display: none;} .s-lib-box .s-lib-box-title {display: none;}
.s-lib-box {box-shadow: none !important; border: 0 !important;} .s-lib-box {box-shadow: none !important; border: 0 !important;}
/* style the hours */
.hours { text-align:center; }
.hours-panel-body { padding: 10px 5px 0 5px; }
.padding-0 {
padding-left: 4px;
padding-right: 4px;
flex:1 1 auto;
display: flex;
}
.equal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.panel { flex:1 0 100%; }
.panel-outline-color {
border: solid #555 1px;
font-size: 1.2em;
line-height: 1.4em;
}
.vertical-align {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.more-link {
text-align: center;
width: 100%;
}
/* style the dropdown menus */ /* style the dropdown menus */
.dropdown-margin { padding: 20px 0; } .dropdown-margin { padding: 20px 0; }
.bigger-fancy-text { font-size: 1.2em; padding: 5px; } .bigger-fancy-text { font-size: 1.2em; padding: 5px; }
@@ -265,7 +232,6 @@ a.no-underline { text-decoration: none; }
} }
.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { .whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active {
color: white; color: white;
text-decoration:none;
} }
.whiteahrefs a i { .whiteahrefs a i {
margin: 4px 5px 0 0; margin: 4px 5px 0 0;
@@ -282,7 +248,7 @@ a.no-underline { text-decoration: none; }
max-height: 150px; max-height: 150px;
} }
nav.navbar-default.main-nav-container { margin-top: -20px; } nav.navbar-default.main-nav-container { margin-top: -20px; }
.form-width { width: 210px; } .form-width { width: 40%; }
.nav-by-jumbotron { margin-top: 40px !important; } .nav-by-jumbotron { margin-top: 40px !important; }
#main-blue-footer { min-height: 450px; } #main-blue-footer { min-height: 450px; }
.library-address { float: left; } .library-address { float: left; }
@@ -345,27 +311,6 @@ a.no-underline { text-decoration: none; }
} }
</style> </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 --> <!-- scripts to make the Book a Study Room widget run -->
<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script> <script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
<script> <script>
@@ -412,7 +357,7 @@ function customizeSearch(facet) {
document.getElementById("tabSetting").setAttribute("value", "jsearch_slot"); document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
} else if (facet === "Newspapers") { } else if (facet === "Newspapers") {
document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch'); document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch');
} else if (facet === "Course Reserves") { } else if (facet === "Reserves") {
document.getElementById("tabSetting").setAttribute("value", "CourseReserves"); document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves"); document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
} else { } else {
@@ -461,22 +406,17 @@ function addPrimoQuery(e) {
</script> </script>
<!-- run the sessionStorage stuff on load --> <!-- run the sessionStorage stuff on load -->
<script> <!-- 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>';
}
} }
</script> </script>
<!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) -->
<!--<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">-->
<!--<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>-->
<!-- FontAwesome --> <!-- FontAwesome -->
<script src="https://kit.fontawesome.com/4c28f38a07.js" crossorigin="anonymous"></script> <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>
-501
View File
@@ -1,501 +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 class="row">
<div class="col-xs-12" id="header-div">
<div class="dropdown" id="hamburger-container">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
<i class="fas fa-bars" style="font-size: 2em;"></i>
</button>
<ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
<li>
<a class="searchmenu" aria-label="OneSearch" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-search fa-fw bigger-icon" aria-hidden="true"></i>
<strong>OneSearch</strong>
</div>
</a>
<a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Databases A-Z</strong>
</div>
</a>
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Research Guides</strong>
</div>
</a>
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
<strong>FAQ</strong>
</div>
</a>
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Library Hours</strong>
</div>
</a>
<a class="searchmenu" aria-label="Site Map" href="https://library.kbcc.cuny.edu/sitemap">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-location-arrow fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Site Map</strong>
</div>
</a>
</li>
</ul>
</div>
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
<div id="login-text">Login</div>
<div id="login-icon"><i class="fas fa-user"></i></div>
</a>
<img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
<div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
<span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
</div>
</div>
<!-- Modal -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content" style="border-radius: 3px;">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 5px 5px 12px 12px;"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked rules for visiting that campus.</h4>
</div>
</div>
</div>
</div>
<!-- End modal -->
</div>
<div class="row" id="hamburger-alternative">
<div class="col-xs-12">
<nav class="navbar navbar-default main-nav-container">
<div class="container-fluid">
<ul class="nav navbar-nav" id="navbar-center">
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Find It</div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
</a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
<div class="bigger-fancy-text">
<i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Databases A-Z</strong>
</div>
</a>
<a class="searchmenu" aria-label="Newspaper Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all">
<div class="bigger-fancy-text">
<i class="fas fa-newspaper fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Newspaper Search</strong>
</div>
</a>
<a class="searchmenu" aria-label="Course Reserves" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves">
<div class="bigger-fancy-text">
<i class="fas fa-cloud-download-alt fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Course Reserves</strong>
</div>
</a>
<a class="searchmenu" aria-label="Journal Search" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB">
<div class="bigger-fancy-text">
<i class="fas fa-book fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Search for Specific Journals</strong>
</div>
</a>
<a class="searchmenu" aria-label="CUNY Academic Works" href="https://library.kbcc.cuny.edu/academicworks" target="_blank">
<div class="bigger-fancy-text">
<i class="fas fa-archive fa-fw bigger-icon" aria-hidden="true"></i>
<strong>CUNY Academic Works</strong>
</div>
</a>
<a class="searchmenu" aria-label="KBCC Bookstore" href="https://www.bkstr.com/kingsboroughccstore/home" target="_blank">
<div class="bigger-fancy-text">
<i class="fas fa-cash-register fa-fw bigger-icon" aria-hidden="true"></i>
<strong>KBCC Bookstore</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Services </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Inter Library Loan" href="http://kbcc.cuny.illiad.oclc.org/illiad/logon.html" target="_blank">
<div class="bigger-fancy-text">
<i class="fas fa-books fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Interlibrary Loan</strong>
</div>
</a>
<a class="searchmenu" aria-label="Book a Library Instruction Session" href="https://library.kbcc.cuny.edu/libraryservices/informationliteracy">
<div class="bigger-fancy-text">
<i class="fas fa-chalkboard-teacher fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Book a Library Instruction Session</strong>
</div>
</a>
<a class="searchmenu" aria-label="Media Services" href="https://library.kbcc.cuny.edu/mediaservices">
<div class="bigger-fancy-text">
<i class="fas fa-photo-video fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Media Services</strong>
</div>
</a>
<a class="searchmenu" aria-label="Suggest a Book for Purchase" href="https://kbcc-cuny.libwizard.com/f/bookrequest">
<div class="bigger-fancy-text">
<i class="fas fa-shopping-basket fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Suggest a Book for Purchase</strong>
</div>
</a>
<a class="searchmenu" aria-label="Suggest an Item to Add to Reserves" href="https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406">
<div class="bigger-fancy-text">
<i class="fas fa-bookmark fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Suggest an Item to Add to Reserves</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">About Us </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Faculty and Staff Directory" href="https://library.kbcc.cuny.edu/about-us/directory">
<div class="bigger-fancy-text">
<i class="fas fa-address-book fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Faculty & Staff Directory</strong>
</div>
</a>
<a class="searchmenu" aria-label="New Arrivals" href="https://library.kbcc.cuny.edu/newarrivals">
<div class="bigger-fancy-text">
<i class="far fa-mail-bulk fa-fw bigger-icon" aria-hidden="true"></i>
<strong>New Arrivals</strong>
</div>
</a>
<a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
<div class="bigger-fancy-text">
<i class="fas fa-theater-masks fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Subject Liaisons</strong>
</div>
</a>
<a class="searchmenu" aria-label="Social Media" href="https://library.kbcc.cuny.edu/social">
<div class="bigger-fancy-text">
<i class="far fa-hashtag fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Social Media</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Location & Hours </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
<div class="bigger-fancy-text">
<i class="fas fa-map-marked-alt fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Campus Map</strong>
</div>
</a>
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
<div class="bigger-fancy-text">
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Library Hours</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Help </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Ask A Librarian" href="https://library.kbcc.cuny.edu/askalibrarian">
<div class="bigger-fancy-text">
<i class="fas fa-book-reader fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Ask A Librarian</strong>
</div>
</a>
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
<div class="bigger-fancy-text">
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
<strong>FAQ</strong>
</div>
</a>
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
<div class="bigger-fancy-text">
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Research Guides and Tutorials</strong>
</div>
</a>
<a class="searchmenu" aria-label="How to Use the Library" href="https://library.kbcc.cuny.edu/ENGLISH24">
<div class="bigger-fancy-text">
<i class="fas fa-question fa-fw bigger-icon" aria-hidden="true"></i>
<strong>How to Use the Library</strong>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="container" style="margin-top:14px;">
<div class="row kbcc-background-image">
<div class="col-sm-8">
<form class="form-inline 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">
<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('Course 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 no-underline" id="bookastudyroom">
<h2><button id="eq_32886">Book A Study Room</button></h2>
</div>
</a>
<a href="https://library.kbcc.cuny.edu/az.php" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Databases</h2>
</div>
</a>
<a href="https://library.kbcc.cuny.edu/guides" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Research Guides</h2>
</div>
</a>
<a href="https://kbcc-cuny.libwizard.com/f/feedback" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Send Us Feedback</h2>
</div>
</a>
<!-- hide chat with a librarian
<a class="no-underline chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
<div class="nav-divs-by-jumbotron">
<h2>Chat with a Librarian!</h2>
</div>
</a>
-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel">
<span class="panel-title content-panel-title"><h2>Library Links</h2></span>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<ul class="link-list">
<li><a href="https://library.kbcc.cuny.edu/ENGLISH24" 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>
</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>
</ul>
</div>
</div>
</div>
</div>
<div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel">
<span class="panel-title content-panel-title"><h2>Upcoming Library Hours</h2></span>
</div>
<div class="panel-body">
<div class="row equal">
<div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body vertical-align">
<span id="hours0" class="hours"></span>
</div>
</div>
</div>
<div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body vertical-align">
<span id="hours1" class="hours"></span>
</div>
</div>
</div>
<div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body vertical-align">
<span id="hours2" class="hours"></span>
</div>
</div>
</div>
<div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body vertical-align">
<div class="more-link"><a href="https://library.kbcc.cuny.edu/calendar">More Hours</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-lg-6">
<div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel">
<span class="panel-title content-panel-title"><h2>Featured in the Library</h2></span>
</div>
<div class="panel-body">
{{content_boxes}}
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!-- BEGIN: Page Footer -->
<div id="orange-line"></div>
<div id="main-blue-footer">
<div id="lighthouse-logo">
<a href="https://www.kbcc.cuny.edu"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.png" alt="Kingsborough Lighthouse logo" /></a>
</div>
<div class="library-address">
<div 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" /></a>
</div>
<div class="whiteahrefs libapps">
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a>
</div>
<div style="height:10px;"></div>
</div>
<!-- END: Page Footer -->
</div>
</div>
</div>
<div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<div id="s-lib-popover-title" class="hide">
<span class="text-info"><strong>title</strong></span>
<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button>
</div>
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
</div>
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
<!-- LibChat widget script -->
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
</body>
-445
View File
@@ -1,445 +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 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 id="app">
<div class="col-xs-12" id="header-div">
<div class="dropdown" id="hamburger-container">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
<i class="fas fa-bars" style="font-size: 2em;"></i>
</button>
<ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
<li>
<a class="searchmenu" aria-label="OneSearch" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-search fa-fw bigger-icon" aria-hidden="true"></i>
<strong>OneSearch</strong>
</div>
</a>
<a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Databases A-Z</strong>
</div>
</a>
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Research Guides</strong>
</div>
</a>
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
<strong>FAQ</strong>
</div>
</a>
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Library Hours</strong>
</div>
</a>
<a class="searchmenu" aria-label="Site Map" href="https://library.kbcc.cuny.edu/sitemap">
<div class="highlight-menu-item bigger-fancy-text">
<i class="fas fa-location-arrow fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Site Map</strong>
</div>
</a>
</li>
</ul>
</div>
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
<div id="login-text">Login</div>
<div id="login-icon"><i class="fas fa-user"></i></div>
</a>
<img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
<div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
<span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
</div>
</div>
<!-- Modal -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content" style="border-radius: 3px;">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 5px 5px 12px 12px;"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked rules for visiting that campus.</h4>
</div>
</div>
</div>
</div>
<!-- End modal -->
</div>
<div class="row" id="hamburger-alternative">
<div class="col-xs-12">
<nav class="navbar navbar-default main-nav-container">
<div class="container-fluid">
<ul class="nav navbar-nav" id="navbar-center">
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Find It</div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
</a>
<ul class="dropdown-menu fade dropdown-margin">
<li v-for="item in findIt">
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Services </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Inter Library Loan" href="http://kbcc.cuny.illiad.oclc.org/illiad/logon.html" target="_blank">
<div class="bigger-fancy-text">
<i class="fas fa-books fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Interlibrary Loan</strong>
</div>
</a>
<a class="searchmenu" aria-label="Book a Library Instruction Session" href="https://library.kbcc.cuny.edu/libraryservices/informationliteracy">
<div class="bigger-fancy-text">
<i class="fas fa-chalkboard-teacher fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Book a Library Instruction Session</strong>
</div>
</a>
<a class="searchmenu" aria-label="Media Services" href="https://library.kbcc.cuny.edu/mediaservices">
<div class="bigger-fancy-text">
<i class="fas fa-photo-video fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Media Services</strong>
</div>
</a>
<a class="searchmenu" aria-label="Suggest a Book for Purchase" href="https://kbcc-cuny.libwizard.com/f/bookrequest">
<div class="bigger-fancy-text">
<i class="fas fa-shopping-basket fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Suggest a Book for Purchase</strong>
</div>
</a>
<a class="searchmenu" aria-label="Suggest an Item to Add to Reserves" href="https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406">
<div class="bigger-fancy-text">
<i class="fas fa-bookmark fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Suggest an Item to Add to Reserves</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">About Us </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Faculty and Staff Directory" href="https://library.kbcc.cuny.edu/about-us/directory">
<div class="bigger-fancy-text">
<i class="fas fa-address-book fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Faculty & Staff Directory</strong>
</div>
</a>
<a class="searchmenu" aria-label="New Arrivals" href="https://library.kbcc.cuny.edu/newarrivals">
<div class="bigger-fancy-text">
<i class="far fa-mail-bulk fa-fw bigger-icon" aria-hidden="true"></i>
<strong>New Arrivals</strong>
</div>
</a>
<a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
<div class="bigger-fancy-text">
<i class="fas fa-theater-masks fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Subject Liaisons</strong>
</div>
</a>
<a class="searchmenu" aria-label="Social Media" href="https://library.kbcc.cuny.edu/social">
<div class="bigger-fancy-text">
<i class="far fa-hashtag fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Social Media</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Location & Hours </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
<div class="bigger-fancy-text">
<i class="fas fa-map-marked-alt fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Campus Map</strong>
</div>
</a>
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
<div class="bigger-fancy-text">
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Library Hours</strong>
</div>
</a>
</li>
</ul>
</li>
<li class="dropdown main-nav-dropdown">
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div class="caret-text">Help </div>
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
<ul class="dropdown-menu fade dropdown-margin">
<li>
<a class="searchmenu" aria-label="Ask A Librarian" href="https://library.kbcc.cuny.edu/askalibrarian">
<div class="bigger-fancy-text">
<i class="fas fa-book-reader fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Ask A Librarian</strong>
</div>
</a>
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
<div class="bigger-fancy-text">
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
<strong>FAQ</strong>
</div>
</a>
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
<div class="bigger-fancy-text">
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
<strong>Research Guides and Tutorials</strong>
</div>
</a>
<a class="searchmenu" aria-label="How to Use the Library" href="https://library.kbcc.cuny.edu/ENGLISH24">
<div class="bigger-fancy-text">
<i class="fas fa-question fa-fw bigger-icon" aria-hidden="true"></i>
<strong>How to Use the Library</strong>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div><!-- end Vue app -->
</div>
</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">
<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('Course 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 no-underline" id="bookastudyroom">
<h2><button id="eq_32886">Book A Study Room</button></h2>
</div>
</a>
<a href="https://library.kbcc.cuny.edu/az.php" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Databases</h2>
</div>
</a>
<a href="https://library.kbcc.cuny.edu/guides" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Research Guides</h2>
</div>
</a>
<a href="https://kbcc-cuny.libwizard.com/f/feedback" class="no-underline ga-by-jumbotron">
<div class="nav-divs-by-jumbotron">
<h2>Send Us Feedback</h2>
</div>
</a>
<!-- hide chat with a librarian
<a class="no-underline chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
<div class="nav-divs-by-jumbotron">
<h2>Chat with a Librarian!</h2>
</div>
</a>
-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="panel panel-default hide-body-border">
<div class="panel-heading show-panel">
<span class="panel-title content-panel-title"><h2>Library Links</h2></span>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<ul class="link-list">
<li><a href="https://library.kbcc.cuny.edu/ENGLISH24" 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>
</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>
</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" /></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" /></a>
</div>
<div class="whiteahrefs libapps">
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a>
</div>
<div style="height:10px;"></div>
</div>
<!-- END: Page Footer -->
</div>
</div>
</div>
<div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<div id="s-lib-popover-title" class="hide">
<span class="text-info"><strong>title</strong></span>
<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button>
</div>
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
</div>
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
<!-- LibChat widget script -->
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
<!-- add Vue scripts -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script>
<script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/seed.js"></script>
<script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main.js"></script>
</body>
+7 -9
View File
@@ -9,11 +9,9 @@
<div id="app"><!-- vue app --> <div id="app"><!-- vue app -->
<div class="row"> <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 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="col-xs-12" id="header-div">
<div class="dropdown" id="hamburger-container"> <div class="dropdown" id="hamburger-container">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger"> <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> <i class="fas fa-bars" style="font-size: 2em;"></i>
</button> </button>
<ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul"> <ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
@@ -24,7 +22,7 @@
</li> </li>
</ul> </ul>
</div><!-- end of hamburger container --> </div><!-- end of hamburger container -->
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div"> <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-text">Login</div>
<div id="login-icon"><i class="fas fa-user"></i></div> <div id="login-icon"><i class="fas fa-user"></i></div>
</a> </a>
@@ -83,7 +81,7 @@
</h1> </h1>
<div class="form-group" id="flex-search-form"> <div class="form-group" id="flex-search-form">
<div class="dropdown input-group zero-margin" id="blue-border1"> <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"> <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> <span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
</button> </button>
<ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">
@@ -218,7 +216,7 @@
<div id="orange-line"></div> <div id="orange-line"></div>
<div id="main-blue-footer"> <div id="main-blue-footer">
<div id="lighthouse-logo"> <div id="lighthouse-logo">
<a href="https://www.kbcc.cuny.edu"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.png" alt="Kingsborough Lighthouse logo" /></a> <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>
<div class="library-address"> <div class="library-address">
<div class="whiteahrefs"> <div class="whiteahrefs">
@@ -239,7 +237,7 @@
</div> </div>
</div> </div>
<div id="cuny-logo"> <div id="cuny-logo">
<a href="https://www.cuny.edu" target="_blank"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" alt="CUNY logo" /></a> <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>
<div class="whiteahrefs libapps"> <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://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a>
@@ -272,8 +270,8 @@
<script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script> <script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
<!-- add Vue scripts --> <!-- 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/dist/vue.js"></script> --> <!-- development -->
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.8"></script> --> <!--production --> <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> <script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main.js"></script>
</body> </body>
+278
View File
@@ -0,0 +1,278 @@
<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">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked rules for visiting that campus.</h4>
</div>
</div>
</div>
</div><!-- End 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> | <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')">&times;</button>
</div>
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
</div>
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div>
<!-- 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>
@@ -11,6 +11,8 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
a, a:hover { text-decoration: none; }
/* style slide out chat */ /* style slide out chat */
#lcs_slide_out_button-21944 { font-size: 1.5em; } #lcs_slide_out_button-21944 { font-size: 1.5em; }
@@ -59,7 +61,10 @@ body {
display: inline-block; display: inline-block;
vertical-align: -2px; vertical-align: -2px;
} }
#login-icon { display: inline-block; } #login-icon {
display: inline-block;
margin-left: 5px;
}
/* style alert */ /* style alert */
#corona-alert { #corona-alert {
@@ -81,9 +86,11 @@ nav.navbar-default.main-nav-container {
color: var(--text); color: var(--text);
border-radius: 0; border-radius: 0;
} }
.dropdown > .ga-main-navbar, .dropdown > .ga-main-navbar:hover, .dropdown > .ga-main-navbar:active { .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #fff;
}
.nav > li > a:hover {
outline: none; outline: none;
border: none;
} }
.navbar-default .navbar-nav > li > a { color: var(--text); } .navbar-default .navbar-nav > li > a { color: var(--text); }
#navbar-center { #navbar-center {
@@ -97,7 +104,6 @@ nav.navbar-default.main-nav-container {
#dropdownMenu1 { border-radius: 0; } #dropdownMenu1 { border-radius: 0; }
a.searchmenu { a.searchmenu {
color: var(--text); color: var(--text);
text-decoration: none;
} }
.highlight-menu-item { padding: 5px; } .highlight-menu-item { padding: 5px; }
.highlight-menu-item:hover { .highlight-menu-item:hover {
@@ -163,7 +169,6 @@ a.searchmenu {
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 4px; margin-top: 4px;
} }
a.no-underline { text-decoration: none; }
.nav-divs-by-jumbotron:hover { background-color: #444; } .nav-divs-by-jumbotron:hover { background-color: #444; }
#eq_32886 { #eq_32886 {
background-color: var(--kbccblue); background-color: var(--kbccblue);
@@ -205,45 +210,18 @@ a.no-underline { text-decoration: none; }
.s-lib-public-side-header { display: none; } .s-lib-public-side-header { display: none; }
.slick-active { outline: 0; } .slick-active { outline: 0; }
/* style the hours */ /* style to make all imported boxes floating */
.hours { text-align:center; } .s-lib-box-title {display: none;}
.hours-panel-body { padding: 10px 5px 0 5px; } .s-lg-box {box-shadow: none !important;}
.padding-0 { .s-lib-box .s-lib-box-title {display: none;}
padding-left: 4px; .s-lib-box {box-shadow: none !important; border: 0 !important;}
padding-right: 4px;
flex:1 1 auto;
display: flex;
}
.equal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.panel { flex:1 0 100%; }
.panel-outline-color {
border: solid #555 1px;
font-size: 1.2em;
line-height: 1.4em;
}
.vertical-align {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.more-link {
text-align: center;
width: 100%;
}
/* style the dropdown menus */ /* style the dropdown menus */
.dropdown-margin { padding: 20px 0; } .dropdown-margin { padding: 20px 0; }
.bigger-fancy-text { font-size: 1.2em; padding: 5px; } .bigger-fancy-text { font-size: 1.2em; padding: 5px; }
.bigger-icon { font-size: 1.5em; margin-right: 8px; } .bigger-icon { font-size: 1.5em; margin-right: 8px; }
.caret-text { display: inline-block; color: var(--kbccblue); font-weight: bold; } .caret-text { display: inline-block; color: var(--kbccblue); font-weight: bold; }
.fancy-caret { display: inline-block; margin-left: 2px; color: var(--kbccblue); } .fancy-caret { display: inline-block; margin-left: 8px; color: var(--kbccblue); }
.open > a > .fancy-caret { margin-bottom: -4px; vertical-align: -4px; display: inline-block; } .open > a > .fancy-caret { margin-bottom: -4px; vertical-align: -4px; display: inline-block; }
.open > a > .caret-text { vertical-align: -1px; } .open > a > .caret-text { vertical-align: -1px; }
@@ -259,7 +237,6 @@ a.no-underline { text-decoration: none; }
} }
.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { .whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active {
color: white; color: white;
text-decoration:none;
} }
.whiteahrefs a i { .whiteahrefs a i {
margin: 4px 5px 0 0; margin: 4px 5px 0 0;
@@ -276,7 +253,7 @@ a.no-underline { text-decoration: none; }
max-height: 150px; max-height: 150px;
} }
nav.navbar-default.main-nav-container { margin-top: -20px; } nav.navbar-default.main-nav-container { margin-top: -20px; }
.form-width { width: 210px; } .form-width { width: 40%; }
.nav-by-jumbotron { margin-top: 40px !important; } .nav-by-jumbotron { margin-top: 40px !important; }
#main-blue-footer { min-height: 450px; } #main-blue-footer { min-height: 450px; }
.library-address { float: left; } .library-address { float: left; }
@@ -339,27 +316,6 @@ a.no-underline { text-decoration: none; }
} }
</style> </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 --> <!-- scripts to make the Book a Study Room widget run -->
<script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script> <script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
<script> <script>
@@ -368,42 +324,6 @@ jQuery(function(){
}); });
</script> </script>
<!-- the configuration file for the hours widget -->
<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/hours-babel.js"></script>
<!-- the code for the hours widget -->
<!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
<script type="text/javascript">
function hoursFunction() {
const h = JSON.parse(hours);
const options_weekday = { weekday: 'long' };
const options_weekday_short = { weekday: 'short' };
const options_date = { month: 'short', day: 'numeric' };
for (var i = 0; i < h.length; i++) {
let targetDate = new Date(h[i].Date + "T00:00:00.000-05:00");
let today = new Date();
if (window.innerWidth < 500) {
weekday = targetDate.toLocaleDateString("en-US", options_weekday_short)
} else {
weekday = targetDate.toLocaleDateString("en-US", options_weekday)
}
if (targetDate.getFullYear() === today.getFullYear() &&
targetDate.getMonth() === today.getMonth() &&
targetDate.getDate() === today.getDate()) {
document.getElementById('hours0').innerHTML = "<p><strong>Today</strong><br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
var start = true;
var count = 1;
} else if (start === true && count < 3 && h[i].Hours === "Closed" ) {
document.getElementById('hours' + count).innerHTML = "<span style='color:#666;'><p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p></span>";
count++;
} else if (start === true && count < 3 && h[i].Hours != "Closed") {
document.getElementById('hours' + count).innerHTML = "<p>" + weekday + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
count++;
}
}
};
</script>
<!-- polyfills to make .forEach and .includes work in IE10 and IE11 --> <!-- polyfills to make .forEach and .includes work in IE10 and IE11 -->
<script type="text/javascript"> <script type="text/javascript">
if (window.NodeList && !NodeList.prototype.forEach) { if (window.NodeList && !NodeList.prototype.forEach) {
@@ -442,7 +362,7 @@ function customizeSearch(facet) {
document.getElementById("tabSetting").setAttribute("value", "jsearch_slot"); document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
} else if (facet === "Newspapers") { } else if (facet === "Newspapers") {
document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch'); document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch');
} else if (facet === "Course Reserves") { } else if (facet === "Reserves") {
document.getElementById("tabSetting").setAttribute("value", "CourseReserves"); document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves"); document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
} else { } else {
@@ -490,24 +410,52 @@ function addPrimoQuery(e) {
} }
</script> </script>
<!-- run the hours widget and the sessionStorage stuff on load --> <!-- If browser is pre-ES6, show a warning-->
<script> <script>
window.onload = function () { window.isES6 = false;
hoursFunction() </script>
sessionFunction() <script><!-- test ES6 functionality -->
} // Arrow functions support
() => { };
// Class support
class __ES6FeatureDetectionTest { };
// Object initializer property and method shorthands
let es6a = true;
let es6b = {
es6a,
es6c() { return true; },
es6d: [1,2,3],
};
// Object destructuring
let { es6c, es6d } = es6b;
// Spread operator
let es6e = [...es6d, 4];
// ternary operator
let es6f = es6a ? "ternary" : "no ternary";
// nullish coalescing
es6a ??= 10;
window.isES6 = true;
</script> </script>
<!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) --> <script type="text/javascript">
<!--<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">--> window.onload = function () {
<!--<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>-->
<!-- run the sessionStorage stuff on load -->
sessionFunction();
<!-- display the error message if feature detection flags old browser -->
if (window.isES6 == false) {
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 an old browser.<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 --> <!-- FontAwesome -->
<script src="https://kit.fontawesome.com/4c28f38a07.js" crossorigin="anonymous"></script> <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>
+278
View File
@@ -0,0 +1,278 @@
<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">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Before returning books to another CUNY library, please make sure you have updated your vaccine information to Cleared4 or checked rules for visiting that campus.</h4>
</div>
</div>
</div>
</div><!-- End 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> | <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')">&times;</button>
</div>
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
</div>
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div>
<!-- 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>