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

groups/home/bootstrap3/Vue3-v.4.html

@@ -63,20 +63,19 @@
               alt="Kibbee Library logo"
               src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg"
             />
-            <!-- div
+            <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
+                >Starting March 9th, the library will be closed on weekends</span
               >
-            </div> -->
+            </div>
           </div>
           <!-- end of header div -->
-          <!-- Modal -->
+          <!-- Modal 
           <div
             class="modal fade bs-example-modal-sm"
             tabindex="-1"
@@ -102,8 +101,8 @@
                   </h4>
                 </div>
               </div>
-            </div>
-          </div>
+            </div
+          </div> -->
           <!-- End of modal -->
         </div>
         <!-- end of row -->
@@ -126,14 +125,14 @@
         </div>
         <div class="col-sm-4">
           <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">
                 <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"
+              class="ga-by-jumbotron ga-by-jumbotron-databases"
             >
               <div class="nav-divs-by-jumbotron">
                 <h2>Databases</h2>
@@ -141,7 +140,7 @@
             </a>
             <a
               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">
                 <h2>Research Guides</h2>
@@ -149,7 +148,7 @@
             </a>
             <a
               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">
                 <h2>How Do I Print?</h2>

groups/home/bootstrap3/src/main4.js

@@ -331,7 +331,7 @@ const app1 = createApp({
               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",
               description: "Suggest a Book for Purchase",
               target_blank: "",

groups/home/bootstrap5/az/css.html

@@ -25,6 +25,9 @@
 #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; }
+
 /* change the background color of the header */
 .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 */
 .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 */
 </style>

groups/home/bootstrap5/az/js.html

@@ -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>