ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:MarkEEaton/Kingsborough-LibGuide

Browse Source
This commit is contained in:
Mark Eaton
2024-08-14 12:16:25 -04:00
parent 26548a7054 84ecab1586
commit 96e48fea53
6 changed files with 159 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/home/bootstrap3/Vue3-v.4.html
+10 -11
View File
@@ -63,20 +63,19 @@
alt="Kibbee Library logo" alt="Kibbee Library logo"
src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg"
/> />
<!-- div <div
id="corona-alert" id="corona-alert"
type="button" type="button"
data-toggle="modal" data-toggle="modal"
data-target=".bs-example-modal-sm" data-target=".bs-example-modal-sm"
> >
<span id="corona-alert-text" <span id="corona-alert-text"
>No fines on KBCC books checked out before the pandemic! Just >Starting March 9th, the library will be closed on weekends</span
return them to any CUNY Library.</span
> >
</div> --> </div>
</div> </div>
<!-- end of header div --> <!-- end of header div -->
<!-- Modal --> <!-- Modal
<div <div
class="modal fade bs-example-modal-sm" class="modal fade bs-example-modal-sm"
tabindex="-1" tabindex="-1"
@@ -102,8 +101,8 @@
</h4> </h4>
</div> </div>
</div> </div>
</div> </div
</div> </div> -->
<!-- End of modal --> <!-- End of modal -->
</div> </div>
<!-- end of row --> <!-- end of row -->
@@ -126,14 +125,14 @@
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="nav-by-jumbotron"> <div class="nav-by-jumbotron">
<a class="ga-by-jumbotron"> <a class="ga-by-jumbotron ga-by-jumbotron-rooms">
<div class="nav-divs-by-jumbotron" id="bookastudyroom"> <div class="nav-divs-by-jumbotron" id="bookastudyroom">
<h2><button id="eq_32886">Book A Study Room</button></h2> <h2><button id="eq_32886">Book A Study Room</button></h2>
</div> </div>
</a> </a>
<a <a
href="https://library.kbcc.cuny.edu/az.php" href="https://library.kbcc.cuny.edu/az.php"
class="ga-by-jumbotron" class="ga-by-jumbotron ga-by-jumbotron-databases"
> >
<div class="nav-divs-by-jumbotron"> <div class="nav-divs-by-jumbotron">
<h2>Databases</h2> <h2>Databases</h2>
@@ -141,7 +140,7 @@
</a> </a>
<a <a
href="https://library.kbcc.cuny.edu/guides" href="https://library.kbcc.cuny.edu/guides"
class="ga-by-jumbotron" class="ga-by-jumbotron ga-by-jumbotron-guides"
> >
<div class="nav-divs-by-jumbotron"> <div class="nav-divs-by-jumbotron">
<h2>Research Guides</h2> <h2>Research Guides</h2>
@@ -149,7 +148,7 @@
</a> </a>
<a <a
href="https://kbcc-cuny.libanswers.com/faq/357033" href="https://kbcc-cuny.libanswers.com/faq/357033"
class="ga-by-jumbotron" class="ga-by-jumbotron ga-by-jumbotron-print"
> >
<div class="nav-divs-by-jumbotron"> <div class="nav-divs-by-jumbotron">
<h2>How Do I Print?</h2> <h2>How Do I Print?</h2>
groups/home/bootstrap3/src/main4.js
+1 -1
View File
@@ -331,7 +331,7 @@ const app1 = createApp({
id: 3, id: 3,
}, },
{ {
link: "https://kbcc-cuny.libwizard.com/f/bookrequest", link: "https://kbcc-cuny.libanswers.com/form?queue_id=6967",
icon: "fas fa-shopping-basket fa-fw bigger-icon", icon: "fas fa-shopping-basket fa-fw bigger-icon",
description: "Suggest a Book for Purchase", description: "Suggest a Book for Purchase",
target_blank: "", target_blank: "",
groups/home/bootstrap5/az/css.html
+8
View File
@@ -25,6 +25,9 @@
#s-lib-public-header-desc { margin-top: -30px; } #s-lib-public-header-desc { margin-top: -30px; }
#s-lib-public-main-searchbar { margin-top: -20px; } #s-lib-public-main-searchbar { margin-top: -20px; }
/* change search button color to Kingsborough orange */
.btn-primary, .btn-primary:hover, .btn-primary:active { border-color: #ff4e00 !important; background-color: #ff4e00 !important; }
/* change the background color of the header */ /* change the background color of the header */
.navbar-expand-lg { background-color: #003466 !important; } .navbar-expand-lg { background-color: #003466 !important; }
@@ -34,4 +37,9 @@
/* make the text in the header white, so that it shows up on the dark blue background */ /* make the text in the header white, so that it shows up on the dark blue background */
.select2 { background-color: white; } .select2 { background-color: white; }
.collapsible, .s-lg-az-reset { color: white !important; } .collapsible, .s-lg-az-reset { color: white !important; }
/* make nav items bigger */
textarea::placeholder, input::placeholder, .select2-selection__choice__display { font-size: 1.3em !important; }
.select2-container { overflow: visible; }
#col-search > .w-100 > input:not(:placeholder-shown) { font-size: 1em !important } /* fix text size on filled out text box */
</style> </style>
groups/home/bootstrap5/az/js.html
+6
View File
@@ -0,0 +1,6 @@
<script>
// to add a bootstrap width class to the text input on the nav
let myItem = document.getElementById("col-search")
let child = myItem.firstElementChild;
child.setAttribute("class", "w-100")
</script>
groups/minimum-viable/index1.html
+1 -1
View File
@@ -159,7 +159,7 @@
<a <a
class="searchmenu" class="searchmenu"
aria-label="Suggest a Book for Purchase" aria-label="Suggest a Book for Purchase"
href="https://kbcc-cuny.libwizard.com/f/bookrequest"> href="https://kbcc-cuny.libanswers.com/form?queue_id=6967">
<div class="bigger-fancy-text"> <div class="bigger-fancy-text">
<i <i
class="fas fa-shopping-basket fa-fw bigger-icon" class="fas fa-shopping-basket fa-fw bigger-icon"
misc/system-wide-js-css.html
+133 -100
View File
@@ -1,134 +1,167 @@
<style> <!-- Google Tag Manager -->
/* Fix the color of the "Search" button on the subject pages */ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
form .btn.btn-info { new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
background-color: #003466; j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
border: 1px solid #003466; 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
} })(window,document,'script','dataLayer','GTM-NXHWQX3');</script>
<!-- End Google Tag Manager -->
/* Make the badges KBCC blue so they doesn't clash <style>
/* Fix the color of the "Search" button on the subject pages */
form .btn.btn-info {
background-color:#003466;
border:1px solid #003466;
}
/* Make the badges KBCC blue so they doesn't clash
.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured { .s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
background-color:#003466; background-color:#003466;
} */ } */
/* CSS to target buttons on the LibGuides homepage more specifically.
/* CSS to target buttons on the LibGuides homepage more specifically.
These had been broken by a LibGuides update, 9/6/2016 */ These had been broken by a LibGuides update, 9/6/2016 */
.s-lg-hp-btn-section, .s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
.s-lg-hp-btn-section:hover, background-color:#003466;
.s-lg-hp-btn-section:focus { border:1px solid #003466;
background-color: #003466; }
border: 1px solid #003466;
}
/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */ /* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
.s-lg-guide-info-account { .s-lg-guide-info-account {
display: none; display:none;
} }
/* styling the header on the main page */ /* styling the header on the main page */
#s-lg-hp-nav { #s-lg-hp-nav {
background: url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ background:url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */
background-color: #258; background-color:#258;
background-size: 100%; background-size:100%;
height: 190px; height:190px;
} }
#s-lg-hp-nav-bottom { #s-lg-hp-nav-bottom {
background-color: rgba(255, 255, 255, 0.55); background-color:rgba(255,255,255,0.55);
border-radius: 0; border-radius:0;
} }
#nav-spacer { #nav-spacer {
height: 55px; height:55px;
width: 400px; width:400px;
} }
#nav-title-spacer { #nav-title-spacer {
height: 42px; height:42px;
width: 400px; width:400px;
padding: 0px 0px 0px 20px; padding:0px 0px 0px 20px;
margin-bottom: 10px; margin-bottom:10px;
background-color: rgba(0, 0, 0, 0.65); background-color:rgba(0,0,0,0.65);
color: white; color:white;
} }
/* makes the heading smaller on very small screens */ /* makes the heading smaller on very small screens */
@media (max-width: 455px) { @media (max-width: 455px) {
h1 { h1 {
font-size: 25px; font-size: 25px;
} }
#nav-title-spacer { #nav-title-spacer {
width: inherit; width: inherit;
} }
} }
/* Making the pills the right color */ /* Making the pills the right color */
a.label.label-info:hover { a.label.label-info:hover {
background-color: #003466; background-color:#003466;
} }
.label-info { .label-info {
background-color: #003466; background-color:#003466;
} }
/* new nav pills styling (11/17/2016) */ /* new nav pills styling (11/17/2016) */
.s-lg-index-nav-btn.active > .btn { .s-lg-index-nav-btn.active > .btn {
background-color: #003466; background-color:#003466;
} }
.s-lg-index-nav-btn.active > .btn:focus { .s-lg-index-nav-btn.active > .btn:focus {
background-color: #003466; background-color:#003466;
} }
.s-lg-index-nav-btn.active > .btn:hover { .s-lg-index-nav-btn.active > .btn:hover {
background-color: #003466; background-color:#003466;
} }
ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus { ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
outline: none; outline: none;
} }
/* not sure what these are for */ /* not sure what these are for */
#spacer { #spacer {
height: 30px; height:30px;
} }
#s-lib-bc { #s-lib-bc {
clear: both; 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 {
font-family: arial, sans-serif; font-family: arial, sans-serif;
} }
/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/ /* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section { a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
margin-top: 9px; margin-top:9px;
} }
/* new banner 6/27/2021 */ /* new banner 6/27/2021 */
#bannercontainer { #bannercontainer {
width: %100; width: %100;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@media only screen and (min-width: 1px) { @media only screen and (min-width: 1px) {
#newbanner { #newbanner {
width: 80%; width: 80%;
} }
} }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
#newbanner { #newbanner {
width: 60%; width: 60%;
} }
} }
</style>
<!-- scripts to replace Email Me buttons in profiles with LibAnswers widgets -->
<script>
$(document).ready(function() {
try {
document.querySelector("[id^='s-lib-profile-email-']").innerHTML = "<div id='s-la-widget-19393'></div>"
} catch (error) {
console.log("Email Me button not found on this page. No action taken. This is just a warning...")
};
});
</script>
<script src="https://kbcc-cuny.libanswers.com/1.0/widgets/19393"></script>
<!-- global style to replace Email Me buttons in profiles with LibAnswers widgets -->
<style>
#s-la-widget-19393 {
margin-bottom: 8px;
}
#s-la-widget-19393 > button {
background-color: #003466;
border: #003466;
color: #fff;
}
</style> </style>