Merge branch 'main' of tildegit.org:MarkEEaton/Kingsborough-LibGuide

groups/home/bootstrap5/home1.html

@@ -158,22 +158,22 @@
               <div class="row">
                 <div class="col-sm-6">
                   <ul class="link-list">
-                    <li>
+                    <!-- <li>
-                      <a
+                     <a
                         href="https://library.kbcc.cuny.edu/ENGLISH24"
                         class="ga-library-links"
                       >
                         How to Use the Library
                       </a>
-                    </li>
+                    </li> -->
-                    <li>
+                    <!-- <li>
                       <a
                         href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8155422080006129"
                         class="ga-library-links"
                       >
                         2024-2025 Textbooks
                       </a>
-                    </li>
+                    </li>-->
                     <li>
                       <a
                         href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150905740006129"
@@ -190,6 +190,14 @@
                         Comic Books &amp; Graphic Novels
                       </a>
                     </li>
+                    <li>
+                      <a
+                        href="https://kbcc.overdrive.com/"
+                        class="ga-library-links"
+                      >
+                        Ebooks and Audiobooks on Libby
+                      </a>
+                    </li>
                   </ul>
                 </div>
                 <div class="col-sm-6">
@@ -229,7 +237,7 @@
                     </li>
                     <li>
                       <a
-                        href="https://library.kbcc.cuny.edu/newarrivals/leisure"
+                        href="https://cuny-kb.primo.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8156195880006129&lang=en"
                         class="ga-library-links"
                       >
                         Leisure Reading Collection
@@ -393,5 +401,4 @@
     type="text/javascript"
     src="https://libapps.s3.amazonaws.com/sites/2365/include/home1.js"
   ></script>
-</body>
+</body>
-

groups/home/bootstrap5/home1.js

@@ -117,6 +117,7 @@ const onesearchComponent = {
       action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search"
       enctype="application/x-www-form-urlencoded; charset=utf-8"
       aria-label="Search the library catalog"
+      id="main-content"
   >
     <!-- default is "everything"  option suggested from OLS widget builder -->
     <input name="facet" :value="facet" type="hidden"/>

misc/system-wide-js-css.html

@@ -1,167 +0,0 @@
-<!-- Google Tag Manager -->
-<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-'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 -->
-
-<style>
-
-/* Fix the color of the "Search" button on the subject pages */
-form .btn.btn-info {
-    background-color:#003466;
-    border:1px solid #003466;
-}
-
-/* Make the badges KBCC blue so they doesn't clash
-.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
-    background-color:#003466;
-} */
-
-
-/* CSS to target buttons on the LibGuides homepage more specifically.
-    These had been broken by a LibGuides update, 9/6/2016 */
-
-.s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
-    background-color:#003466;
-    border:1px solid #003466;
-}
-
-/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
-.s-lg-guide-info-account {
-    display:none;
-}
-
-/* styling the header on the main page */
-#s-lg-hp-nav {     
-    background:url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ 
-    background-color:#258;     
-    background-size:100%;     
-    height:190px;
-}
-
-#s-lg-hp-nav-bottom {
-    background-color:rgba(255,255,255,0.55); 
-    border-radius:0;
-} 
-
-#nav-spacer {
-    height:55px;
-    width:400px;
-}
-
-#nav-title-spacer {
-    height:42px; 
-    width:400px; 
-    padding:0px 0px 0px 20px; 
-    margin-bottom:10px;
-    background-color:rgba(0,0,0,0.65);
-    color:white;
-}
-
-/* makes the heading smaller on very small screens */
-
-@media (max-width: 455px) {
-    h1 {
-        font-size: 25px;
-    }
-   #nav-title-spacer {
-        width: inherit;
-    }
-}
-
-/* Making the pills the right color */
-
-a.label.label-info:hover {
-    background-color:#003466;
-} 
-
-.label-info {
-   background-color:#003466;
-}
-
-/* new nav pills styling (11/17/2016) */
-
-.s-lg-index-nav-btn.active > .btn {
-   background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:focus {
-   background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:hover {
-   background-color:#003466;
-}
-
-ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
-    outline: none;
-}
-
-/* not sure what these are for */
-#spacer {
-        height:30px;
-}
-
-#s-lib-bc {
-       clear:both;
-}
-
-/* alternate fonts included to accommodate computers that do not have the defaults */
-body {
-        font-family: arial, sans-serif;
-}
-
-/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
-a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
-       margin-top:9px;
-}
-
-/* new banner 6/27/2021 */
-#bannercontainer {
-        width: %100;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: center;
-        align-items: center;
-}
-
-@media only screen and (min-width: 1px) {
-        #newbanner {
-                width: 80%;
-        }
-} 
-
-@media only screen and (min-width: 992px) {
-        #newbanner {
-                width: 60%;
-        }
-}
-</style>
-
-<!-- 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>

misc/system-wide.css

@@ -0,0 +1,75 @@
+<style>
+#bannercontainer {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        margin-bottom: -20px;
+}
+
+@media only screen and (min-width: 1px) {
+        #newbanner {
+                width: 80%;
+        }
+} 
+
+@media only screen and (min-width: 992px) {
+        #newbanner {
+                width: 60%;
+        }
+}
+
+/* this code makes the <a> tag that holds bannercontainer a block element,
+so that it can take up the full width of the screen */
+a:has(#bannercontainer) {
+    display: block;
+    width: 100%;
+}
+
+/* tighten up elements at the top of the AtoZ */
+#s-lib-public-header-desc { margin-top: -30px; }
+#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; }
+
+.btn.btn-info { color: #fff; }
+
+/* change the background color of the header on mobile */ 
+#az-public-mobile-filters { background-color: #003466; } 
+
+/* make the text in the header white, so that it shows up on the dark blue background */
+.select2 { background-color: white; }
+.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 */
+
+/* make keyboard focus outlines orange */
+:is(a, button, input, select, textarea, iframe, [tabindex]):focus-visible {
+  outline: 3px solid #ff4e00 !important;
+  outline-offset: 2px !important;
+  box-shadow: none !important;
+}
+
+/* make skiplink focus outline orange */
+.s-lg-guide-body #s-lg-public-skiplink:focus {
+  outline: 3px solid #ff4e00 !important;
+  outline-offset: 2px !important;
+  box-shadow: none !important;
+  border: 0;
+}
+
+/* fix the problem with vertical nav list items not displaying at 100% width */
+li.nav-item { width: 100%; }
+
+li.nav-item a {
+  display: block; 
+  width: 100%;
+}
+
+</style>

package.json

@@ -14,6 +14,6 @@
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-vue": "^10.0.0",
     "globals": "^17.3.0",
-    "prettier": "3.8.1"
+    "prettier": "3.8.2"
   }
 }