diff --git a/groups/home/Vue3-v.1-css.html b/groups/home/Vue3-v.1-css.html
index 30998ab..27935b3 100644
--- a/groups/home/Vue3-v.1-css.html
+++ b/groups/home/Vue3-v.1-css.html
@@ -1,461 +1,637 @@
 <style>
-
-:root {
-        --kbccblue: #003466;
-        --kbccorange: #ff4e00;
-        --text: #111;
-}
-
-body {
-        color: var(--text);
-        overflow-x: hidden;
-}
-
-a, a:hover { text-decoration: none; }
-
-/* style slide out chat */
-#lcs_slide_out_button-21944 { font-size: 1.5em; }
-
-/* style header */
-#header-div {
-        padding: 30px;
-}
-
-/* style the hamburger menu */
-#hamburger-container { float: left; }
-#hamburger, #hamburger:active { 
-        border: none;
-        outline: none;
-        background-color: #fff;
-        color: var(--kbccblue)
-}
-#hamburger-ul > li > .searchmenu { background-color: #fff; }
-#hamburger-ul { padding: 25px 0; }
-
-/* have bootstrap dropdowns fade in and out */
-.dropdown-menu.fade {
-        display: block;
-        opacity: 0;
-        pointer-events: none;
-}
-.open > .dropdown-menu.fade {
-        pointer-events: auto;
-        opacity: 1;
-}
-.fade {
-        -webkit-transition-duration: 5s; /* Safari */
-        transition-duration: 0.5s;
-}
-.dropdown:hover .dropdown-menu {
-        display: block;
-}
-
-/* style the login at the top right */
-#login-div {
-        float: right;
-        padding: 8px 15px 0 0;
-        color:var(--kbccblue);
-        font-size:1.5em;
-}
-#login-text {
-        display: inline-block;
-        vertical-align: -2px;
-}
-#login-icon {
-        display: inline-block;
-        margin-left: 5px;
-}
-
-/* style alert */
-#corona-alert {
-        text-align: center;
-        background-color: #faf870;
-        padding: 5px 50px;
-        cursor: pointer;
-}
-#corona-alert-text {
-        color: var(--text);
-        font-size: 1.5em;
-}
-
-/* style navbar */
-nav.navbar-default.main-nav-container {
-        background-color: white;
-        border: none;
-        font-size: 1.4em;
-        color: var(--text);
-        border-radius: 0;
-}
-.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
-        background-color: #fff;
-}
-.nav > li > a:hover {
-        outline: none;
-}
-.navbar-default .navbar-nav > li > a { color: var(--text); }
-#navbar-center {
-        display: flex;
-        justify-content: left;
-        float: none;
-}
-.ga-main-navbar { 
-        font-size: 1.3em;
-}
-#dropdownMenu1 { border-radius: 0; }
-a.searchmenu {
-        color: var(--text);
-}
-.highlight-menu-item { padding: 5px; }
-.highlight-menu-item:hover {
-        cursor: pointer;
-}
-
-/* style background image */
-.kbcc-background-image {
-        background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url("https://libapps.s3.amazonaws.com/accounts/16298/images/library_front_view.jpg");
-        background-position: 50% 71%;
-        padding: 20px 0;
-        border-radius: 5px;
-        background-size: cover;
-        margin: -30px 0 30px 0;
-}
-
-/* style jumbotron */
-.onesearch-jumbotron {
-        text-align: center;
-        margin-top: -40px;
-}
-#onesearch-header {
-        font-size: 10em;
-        margin-bottom: 0;
-}
-.zero-margin {
-        margin-left: -2px;
-        margin-right: -2px;
-}
-
-.zero-margin { margin: -2px; }
-
-/* add flex so that blue box-shadows line up */
-#flex-search-form {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-}
-.inherit-height-from-flex { height: inherit; }
- 
-/* shadow for the search bar */
-#blue-border1 {
-        box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
-}
-#blue-border2 {
-        box-shadow: 0 -5px 0 var(--kbccblue), 0 5px 0 var(--kbccblue);
-}
-#blue-border3 {
-        box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
-}
-
-/* style for nav by the jumbotron */
-.nav-divs-by-jumbotron {
-        text-align: center;
-        padding: 6px;
-        margin: 6px 0;
-        color: white;
-        background-color: var(--kbccblue);
-        border-radius: 3px;
-}
-.nav-divs-by-jumbotron > h2 {
-        font-size: 1.5em;
-        margin-bottom: 4px;
-        margin-top: 4px;
-}
-.nav-divs-by-jumbotron:hover { background-color: #444; }
-#eq_32886 { 
-        background-color: var(--kbccblue);
-        border: none;
-}
-.nav-divs-by-jumbotron:hover > h2 > #eq_32886, #eq_32886:hover { background-color: #444; }
-#bookastudyroom { cursor: pointer; }
-
-/* style link list */
-.link-list { font-size: 1.7em; }
-
-/* style the panels with the text content */
-.panel > .show-panel {
-        background-color: var(--kbccblue);
-        text-align: center;
-}
-.hide-body-border {
-       border: none;
-       box-shadow: none;
-}
-.glyphicon-panel-title { font-size: 2em; }
-.content-panel-title {
-        color: white;
-        font-size: 2em;
-}
-.content-panel-title > h2 {
-        margin: 7px 0;
-        font-size: 1em;
-}
-.panel-heading { padding: 2px; }
-
-/* style the gallery */
-.slick-slide img {
-        padding: 2px;
-        max-height: 350px !important;
-        object-fit: contain;
-        margin: 0;
-}
-.s-lib-public-side-header { display: none; }
-.slick-active { outline: 0; }
-
-/* style to make all imported boxes floating */
-.s-lib-box-title {display: none;}
- .s-lg-box {box-shadow: none !important;}
-.s-lib-box .s-lib-box-title {display: none;}
-.s-lib-box {box-shadow: none !important; border: 0 !important;}
-
-/* style the dropdown menus */
-.dropdown-margin { padding: 20px 0; }
-.bigger-fancy-text { font-size: 1.2em; padding: 5px; }
-.bigger-icon { font-size: 1.5em; margin-right: 8px; }
-.caret-text { display: inline-block; color: var(--kbccblue); font-weight: bold; }
-.fancy-caret { display: inline-block; margin-left: 8px; color: var(--kbccblue); }
-.open > a > .fancy-caret { margin-bottom: -4px; vertical-align: -4px; display: inline-block; }
-.open > a > .caret-text { vertical-align: -1px; }
-
-/* style footer */
-#orange-line {
-        height:10px; 
-        background-color: var(--kbccorange);
-}
-#main-blue-footer {
-        background-color: var(--kbccblue);
-        color: white; 
-        padding: 30px;
-}
-.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
-        color: white;
-}
-.whiteahrefs a i {
-        margin: 4px 5px 0 0;
-        font-size: 1.5em
-}
-.whiteahrefs { margin-top: 10px; }
-#lighthouse-logo > a > img { max-width: 150px; }
-
-/* media queries */
-
-@media only screen and (min-width: 1px)  {
-        #library-logo {
-               max-width: 100%;
-               max-height: 150px;
-        }
-        nav.navbar-default.main-nav-container { margin-top: -20px; }
-        .form-width { width: 40%; }
-        .nav-by-jumbotron { margin-top: 40px !important; }
-        #main-blue-footer { min-height: 450px; }
-        .library-address { float: left; }
-        #cuny-logo {
-                float: left;
-                clear: both;
-                margin-top: 10px;
-        }
-        .libapps {
-                float: left; 
-                clear: left;
-        }
-}
-
-@media only screen and (max-width: 768px) {
-        #login-text { display: none; }
-        #defineYourSearch { display: none; }
-}
-
-@media only screen and (min-width: 768px) {
-
-        .nav-by-jumbotron { margin-top: 0 !important; }
-        #lighthouse-logo {
-                display: inline-block;
-                float: left;
-        }
-        #main-blue-footer { min-height: 210px; }
-        .library-address {
-                display: inline-block;
-                margin: -10px 30px;
-                font-size: 1.1em;
-        }
-        #cuny-logo {
-                float: right;
-                clear: none;
-                margin: -10px 0;
-        }
-        .libapps {
-                float: right; 
-                clear: both;
-        }
-}
-
-@media only screen and (min-width: 1px) and (max-width: 992px) {
-        #hamburger-alternative { display: none; }
-}
-
-@media only screen and (min-width: 992px) {
-        #header-div { text-align: center; }
-        #hamburger, #hamburger-ul { display: none; }
-        #library-logo {
-               max-width: 100%;
-               max-height: 350px;
-        }
-       .form-width { width: 340px; }
-}
-
-@media only screen and (min-width: 1200px)  {
-         #library-logo { margin-top: -3px; }
-}
+  :root {
+    --kbccblue: #003466;
+    --kbccorange: #ff4e00;
+    --text: #111;
+  }
+
+  body {
+    color: var(--text);
+    overflow-x: hidden;
+  }
+
+  a,
+  a:hover {
+    text-decoration: none;
+  }
+
+  /* style slide out chat */
+  #lcs_slide_out_button-21944 {
+    font-size: 1.5em;
+  }
+
+  /* style header */
+  #header-div {
+    padding: 30px;
+  }
+
+  /* style the hamburger menu */
+  #hamburger-container {
+    float: left;
+  }
+  #hamburger,
+  #hamburger:active {
+    border: none;
+    outline: none;
+    background-color: #fff;
+    color: var(--kbccblue);
+  }
+  #hamburger-ul > li > .searchmenu {
+    background-color: #fff;
+  }
+  #hamburger-ul {
+    padding: 25px 0;
+  }
+
+  /* have bootstrap dropdowns fade in and out */
+  .dropdown-menu.fade {
+    display: block;
+    opacity: 0;
+    pointer-events: none;
+  }
+  .open > .dropdown-menu.fade {
+    pointer-events: auto;
+    opacity: 1;
+  }
+  .fade {
+    -webkit-transition-duration: 5s; /* Safari */
+    transition-duration: 0.5s;
+  }
+  .dropdown:hover .dropdown-menu {
+    display: block;
+  }
+
+  /* style the login at the top right */
+  #login-div {
+    float: right;
+    padding: 8px 15px 0 0;
+    color: var(--kbccblue);
+    font-size: 1.5em;
+  }
+  #login-text {
+    display: inline-block;
+    vertical-align: -2px;
+  }
+  #login-icon {
+    display: inline-block;
+    margin-left: 5px;
+  }
+
+  /* style alert */
+  #corona-alert {
+    text-align: center;
+    background-color: #faf870;
+    padding: 5px 50px;
+    cursor: pointer;
+  }
+  #corona-alert-text {
+    color: var(--text);
+    font-size: 1.5em;
+  }
+
+  /* style navbar */
+  nav.navbar-default.main-nav-container {
+    background-color: white;
+    border: none;
+    font-size: 1.4em;
+    color: var(--text);
+    border-radius: 0;
+  }
+  .nav .open > a,
+  .nav .open > a:focus,
+  .nav .open > a:hover {
+    background-color: #fff;
+  }
+  .nav > li > a:hover {
+    outline: none;
+  }
+  .navbar-default .navbar-nav > li > a {
+    color: var(--text);
+  }
+  #navbar-center {
+    display: flex;
+    justify-content: left;
+    float: none;
+  }
+  .ga-main-navbar {
+    font-size: 1.3em;
+  }
+  #dropdownMenu1 {
+    border-radius: 0;
+  }
+  a.searchmenu {
+    color: var(--text);
+  }
+  .highlight-menu-item {
+    padding: 5px;
+  }
+  .highlight-menu-item:hover {
+    cursor: pointer;
+  }
+
+  /* style background image */
+  .kbcc-background-image {
+    background: linear-gradient(
+        to bottom,
+        rgba(255, 255, 255, 0.6) 0%,
+        rgba(255, 255, 255, 0.6) 100%
+      ),
+      url("https://libapps.s3.amazonaws.com/accounts/16298/images/library_front_view.jpg");
+    background-position: 50% 71%;
+    padding: 20px 0;
+    border-radius: 5px;
+    background-size: cover;
+    margin: -30px 0 30px 0;
+  }
+
+  /* style jumbotron */
+  .onesearch-jumbotron {
+    text-align: center;
+    margin-top: -40px;
+  }
+  #onesearch-header {
+    font-size: 10em;
+    margin-bottom: 0;
+  }
+  .zero-margin {
+    margin-left: -2px;
+    margin-right: -2px;
+  }
+
+  .zero-margin {
+    margin: -2px;
+  }
+
+  /* add flex so that blue box-shadows line up */
+  #flex-search-form {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+  }
+  .inherit-height-from-flex {
+    height: inherit;
+  }
+
+  /* shadow for the search bar */
+  #blue-border1 {
+    box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue),
+      -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
+  }
+  #blue-border2 {
+    box-shadow: 0 -5px 0 var(--kbccblue), 0 5px 0 var(--kbccblue);
+  }
+  #blue-border3 {
+    box-shadow: 0 5px 0 var(--kbccblue), 0 -5px 0 var(--kbccblue),
+      5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
+  }
+
+  /* style for nav by the jumbotron */
+  .nav-divs-by-jumbotron {
+    text-align: center;
+    padding: 6px;
+    margin: 6px 0;
+    color: white;
+    background-color: var(--kbccblue);
+    border-radius: 3px;
+  }
+  .nav-divs-by-jumbotron > h2 {
+    font-size: 1.5em;
+    margin-bottom: 4px;
+    margin-top: 4px;
+  }
+  .nav-divs-by-jumbotron:hover {
+    background-color: #444;
+  }
+  #eq_32886 {
+    background-color: var(--kbccblue);
+    border: none;
+  }
+  .nav-divs-by-jumbotron:hover > h2 > #eq_32886,
+  #eq_32886:hover {
+    background-color: #444;
+  }
+  #bookastudyroom {
+    cursor: pointer;
+  }
+
+  /* style link list */
+  .link-list {
+    font-size: 1.7em;
+  }
+
+  /* style the panels with the text content */
+  .panel > .show-panel {
+    background-color: var(--kbccblue);
+    text-align: center;
+  }
+  .hide-body-border {
+    border: none;
+    box-shadow: none;
+  }
+  .glyphicon-panel-title {
+    font-size: 2em;
+  }
+  .content-panel-title {
+    color: white;
+    font-size: 2em;
+  }
+  .content-panel-title > h2 {
+    margin: 7px 0;
+    font-size: 1em;
+  }
+  .panel-heading {
+    padding: 2px;
+  }
+
+  /* style the gallery */
+  .slick-slide img {
+    padding: 2px;
+    max-height: 350px !important;
+    object-fit: contain;
+    margin: 0;
+  }
+  .s-lib-public-side-header {
+    display: none;
+  }
+  .slick-active {
+    outline: 0;
+  }
+
+  /* style to make all imported boxes floating */
+  .s-lib-box-title {
+    display: none;
+  }
+  .s-lg-box {
+    box-shadow: none !important;
+  }
+  .s-lib-box .s-lib-box-title {
+    display: none;
+  }
+  .s-lib-box {
+    box-shadow: none !important;
+    border: 0 !important;
+  }
+
+  /* style the dropdown menus */
+  .dropdown-margin {
+    padding: 20px 0;
+  }
+  .bigger-fancy-text {
+    font-size: 1.2em;
+    padding: 5px;
+  }
+  .bigger-icon {
+    font-size: 1.5em;
+    margin-right: 8px;
+  }
+  .caret-text {
+    display: inline-block;
+    color: var(--kbccblue);
+    font-weight: bold;
+  }
+  .fancy-caret {
+    display: inline-block;
+    margin-left: 8px;
+    color: var(--kbccblue);
+  }
+  .open > a > .fancy-caret {
+    margin-bottom: -4px;
+    vertical-align: -4px;
+    display: inline-block;
+  }
+  .open > a > .caret-text {
+    vertical-align: -1px;
+  }
+
+  /* style footer */
+  #orange-line {
+    height: 10px;
+    background-color: var(--kbccorange);
+  }
+  #main-blue-footer {
+    background-color: var(--kbccblue);
+    color: white;
+    padding: 30px;
+  }
+  .whiteahrefs a:link,
+  .whiteahrefs a:hover,
+  .whiteahrefs a:visited,
+  .whiteahrefs a:active {
+    color: white;
+  }
+  .whiteahrefs a i {
+    margin: 4px 5px 0 0;
+    font-size: 1.5em;
+  }
+  .whiteahrefs {
+    margin-top: 10px;
+  }
+  #lighthouse-logo > a > img {
+    max-width: 150px;
+  }
+
+  /* media queries */
+
+  @media only screen and (min-width: 1px) {
+    #library-logo {
+      max-width: 100%;
+      max-height: 150px;
+    }
+    nav.navbar-default.main-nav-container {
+      margin-top: -20px;
+    }
+    .form-width {
+      width: 40%;
+    }
+    .nav-by-jumbotron {
+      margin-top: 40px !important;
+    }
+    #main-blue-footer {
+      min-height: 450px;
+    }
+    .library-address {
+      float: left;
+    }
+    #cuny-logo {
+      float: left;
+      clear: both;
+      margin-top: 10px;
+    }
+    .libapps {
+      float: left;
+      clear: left;
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    #login-text {
+      display: none;
+    }
+    #defineYourSearch {
+      display: none;
+    }
+  }
+
+  @media only screen and (min-width: 768px) {
+    .nav-by-jumbotron {
+      margin-top: 0 !important;
+    }
+    #lighthouse-logo {
+      display: inline-block;
+      float: left;
+    }
+    #main-blue-footer {
+      min-height: 210px;
+    }
+    .library-address {
+      display: inline-block;
+      margin: -10px 30px;
+      font-size: 1.1em;
+    }
+    #cuny-logo {
+      float: right;
+      clear: none;
+      margin: -10px 0;
+    }
+    .libapps {
+      float: right;
+      clear: both;
+    }
+  }
+
+  @media only screen and (min-width: 1px) and (max-width: 992px) {
+    #hamburger-alternative {
+      display: none;
+    }
+  }
+
+  @media only screen and (min-width: 992px) {
+    #header-div {
+      text-align: center;
+    }
+    #hamburger,
+    #hamburger-ul {
+      display: none;
+    }
+    #library-logo {
+      max-width: 100%;
+      max-height: 350px;
+    }
+    .form-width {
+      width: 340px;
+    }
+  }
+
+  @media only screen and (min-width: 1200px) {
+    #library-logo {
+      margin-top: -3px;
+    }
+  }
 </style>
 
 <!-- scripts to make the Book a Study Room widget run -->
 <script src="https://kbcc-cuny.libcal.com/js/equipment.min.js"></script>
 <script>
-jQuery(function(){
-   jQuery("#eq_32886, #bookastudyroom").LibCalEquipmentBooking({iid: 5570, gid: 32886, eid: 0, width: 560, height: 680});
-});
+  jQuery(function () {
+    jQuery("#eq_32886, #bookastudyroom").LibCalEquipmentBooking({
+      iid: 5570,
+      gid: 32886,
+      eid: 0,
+      width: 560,
+      height: 680,
+    });
+  });
 </script>
 
 <!-- polyfills to make .forEach and .includes work in IE10 and IE11 -->
 <script type="text/javascript">
-if (window.NodeList && !NodeList.prototype.forEach) {
+  if (window.NodeList && !NodeList.prototype.forEach) {
     NodeList.prototype.forEach = Array.prototype.forEach;
-}
+  }
 
-String.prototype.includes = function(match) {
+  String.prototype.includes = function (match) {
     return this.indexOf(match) !== -1;
-}
+  };
 </script>
 
-
 <!-- script to make OneSearch dropdown work -->
 <!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
 <script type="text/javascript">
-function customizeSearch(facet) {
-        // re-render the dropdown menu with the current pick
-        document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
-        document.getElementById("primoQueryTemp").setAttribute("placeholder", "Enter search term here");      
-        
-        // reset any previously selected facets
-        document.querySelectorAll('.deleteWithDropdownChange').forEach( function(e) { e.remove(); });
-        document.getElementById("formToAppendInputsTo").setAttribute("action", "https://cuny-kb.primo.exlibrisgroup.com/discovery/search");
-        document.getElementById("tabSetting").setAttribute("value", "Everything");
-        document.getElementById("SearchScopeSetting").setAttribute("value", "IZ_CI_AW");
-
-        // add the facet that matches the user's dropdown selection
-        if (facet === "Books") {
-                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />');
-        } else if (facet === "Articles") {
-                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="facet" value="tlevel,include,peer_reviewed" type="hidden" class="deleteWithDropdownChange" />');
-        } else if (facet === "Videos") {
-                document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,videos" type="hidden" class="deleteWithDropdownChange" />');
-        } else if (facet === "Journals") {
-                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch');
-                document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
-        } else if (facet === "Newspapers") {
-                document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch');
-        } else if (facet === "Reserves") {
-                document.getElementById("tabSetting").setAttribute("value", "CourseReserves");
-                document.getElementById("SearchScopeSetting").setAttribute("value", "CourseReserves");
-        } else {
-                console.log("no match");
-        }
-
-        // store the facet, for use on page reload
-        sessionStorage.facet = facet;
-}
-
-// if the stored facet exists on page load, render the dropdown with that facet, then clear the stored facet
-function sessionFunction() {
-        if (sessionStorage.facet && sessionStorage.searchTerms) {
-               stored_terms = sessionStorage.searchTerms;
-               document.getElementById("primoQueryTemp").value = stored_terms;
-               stored_facet = sessionStorage.facet;
-               customizeSearch(stored_facet);
-        }
-        sessionStorage.clear();
-};
+  function customizeSearch(facet) {
+    // re-render the dropdown menu with the current pick
+    document.getElementById("dropdownMenu1").innerHTML =
+      facet + ' <span class="caret"></span>';
+    document
+      .getElementById("primoQueryTemp")
+      .setAttribute("placeholder", "Enter search term here");
+
+    // reset any previously selected facets
+    document
+      .querySelectorAll(".deleteWithDropdownChange")
+      .forEach(function (e) {
+        e.remove();
+      });
+    document
+      .getElementById("formToAppendInputsTo")
+      .setAttribute(
+        "action",
+        "https://cuny-kb.primo.exlibrisgroup.com/discovery/search"
+      );
+    document.getElementById("tabSetting").setAttribute("value", "Everything");
+    document
+      .getElementById("SearchScopeSetting")
+      .setAttribute("value", "IZ_CI_AW");
+
+    // add the facet that matches the user's dropdown selection
+    if (facet === "Books") {
+      document
+        .getElementById("formToAppendInputsTo")
+        .insertAdjacentHTML(
+          "afterbegin",
+          '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />'
+        );
+    } else if (facet === "Articles") {
+      document
+        .getElementById("formToAppendInputsTo")
+        .insertAdjacentHTML(
+          "afterbegin",
+          '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="facet" value="tlevel,include,peer_reviewed" type="hidden" class="deleteWithDropdownChange" />'
+        );
+    } else if (facet === "Videos") {
+      document
+        .getElementById("formToAppendInputsTo")
+        .insertAdjacentHTML(
+          "afterbegin",
+          '<input name="facet" value="rtype,include,videos" type="hidden" class="deleteWithDropdownChange" />'
+        );
+    } else if (facet === "Journals") {
+      document
+        .getElementById("formToAppendInputsTo")
+        .setAttribute(
+          "action",
+          "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch"
+        );
+      document
+        .getElementById("tabSetting")
+        .setAttribute("value", "jsearch_slot");
+    } else if (facet === "Newspapers") {
+      document
+        .getElementById("formToAppendInputsTo")
+        .setAttribute(
+          "action",
+          "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch"
+        );
+    } else if (facet === "Reserves") {
+      document
+        .getElementById("tabSetting")
+        .setAttribute("value", "CourseReserves");
+      document
+        .getElementById("SearchScopeSetting")
+        .setAttribute("value", "CourseReserves");
+    } else {
+      console.log("no match");
+    }
+
+    // store the facet, for use on page reload
+    sessionStorage.facet = facet;
+  }
+
+  // if the stored facet exists on page load, render the dropdown with that facet, then clear the stored facet
+  function sessionFunction() {
+    if (sessionStorage.facet && sessionStorage.searchTerms) {
+      stored_terms = sessionStorage.searchTerms;
+      document.getElementById("primoQueryTemp").value = stored_terms;
+      stored_facet = sessionStorage.facet;
+      customizeSearch(stored_facet);
+    }
+    sessionStorage.clear();
+  }
 </script>
 
 <!-- OneSearch widget script from OLS, modified -->
 <!-- please forgive the old-timey JS; it is there because we need to support IE10 & IE11 -->
 <script type="text/javascript">
-
-function addPrimoQuery(e) {
-        // prevent the user from submitting the form if no dropdown item has been selected. Added by ME.
-        e.preventDefault();
-        e.stopPropagation();
-        if (document.getElementById("dropdownMenu1").innerHTML.includes('Define') === true) {
-                $("#dropdownMenu1").trigger('click.bs.dropdown.data-api');
-                document.getElementById("primoQueryTemp").value = "";
-                document.getElementById("primoQueryTemp").setAttribute("placeholder", "Please make a selection");
-                return true;
-        };
-
-       // save the search terms, for use on page reload
-       sessionStorage.searchTerms = document.getElementById("primoQueryTemp").value;
-
-       // original OLS widget
-       document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
-       // If you changed the form name at the top, change it below to match
-       document.forms.searchPrimoForm1.submit();
-}
+  function addPrimoQuery(e) {
+    // prevent the user from submitting the form if no dropdown item has been selected. Added by ME.
+    e.preventDefault();
+    e.stopPropagation();
+    if (
+      document.getElementById("dropdownMenu1").innerHTML.includes("Define") ===
+      true
+    ) {
+      $("#dropdownMenu1").trigger("click.bs.dropdown.data-api");
+      document.getElementById("primoQueryTemp").value = "";
+      document
+        .getElementById("primoQueryTemp")
+        .setAttribute("placeholder", "Please make a selection");
+      return true;
+    }
+
+    // save the search terms, for use on page reload
+    sessionStorage.searchTerms =
+      document.getElementById("primoQueryTemp").value;
+
+    // original OLS widget
+    document.getElementById("primoQuery").value =
+      "any,contains," +
+      document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
+    // If you changed the form name at the top, change it below to match
+    document.forms.searchPrimoForm1.submit();
+  }
 </script>
 
 <!-- If browser is pre-ES6, show a warning-->
 <script>
-      window.isES6 = false;
-</script>
-<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;
+  window.isES6 = false;
 </script>
+<script>
+  <!-- test ES6 functionality -->
+  // Arrow functions support
+  () => {};
 
-<script type="text/javascript">
-window.onload = function () {
+  // Class support
+  class __ES6FeatureDetectionTest {}
+
+  // Object initializer property and method shorthands
+  let es6a = true;
+  let es6b = {
+    es6a,
+    es6c() {
+      return true;
+    },
+    es6d: [1, 2, 3],
+  };
 
-        <!-- run the sessionStorage stuff on load -->
-        sessionFunction();
+  // Object destructuring
+  let { es6c, es6d } = es6b;
 
-        <!-- 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>';
-       }
-}
+  // Spread operator
+  let es6e = [...es6d, 4];
+
+  // ternary operator
+  let es6f = es6a ? "ternary" : "no ternary";
+
+  // nullish coalescing
+  es6a ??= 10;
+
+  window.isES6 = true;
+</script>
+
+<script type="text/javascript">
+  window.onload = function () {
+    <!-- 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 -->
-<script src="https://kit.fontawesome.com/4c28f38a07.js" crossorigin="anonymous"></script>
+<script
+  src="https://kit.fontawesome.com/4c28f38a07.js"
+  crossorigin="anonymous"
+></script>
diff --git a/groups/home/Vue3-v.1.html b/groups/home/Vue3-v.1.html
index 5a56cd8..bede619 100644
--- a/groups/home/Vue3-v.1.html
+++ b/groups/home/Vue3-v.1.html
@@ -1,278 +1,533 @@
 <body class="s-lib-public-body">
-        <!-- Google Tag Manager (noscript) -->
-        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXHWQX3"
-        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-        <!-- End Google Tag Manager (noscript) -->
-	<!-- BEGIN: content -->
-        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
-		<div id="s-lg-index-cols">
-                 <div id="app"><!-- vue app -->
-                         <div class="row">
-                                <div id="obsolete_browser_alert">
-                                </div>
-                                <div class="col-xs-12" id="header-div">
-                                        <div class="dropdown" id="hamburger-container">
-                                                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" aria-label="Hamburger Menu" id="hamburger">
-                                                        <i class="fas fa-bars" style="font-size: 2em;"></i>
-                                                </button>
-                                                <ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
-                                                        <li>
-                                                                <a v-for="item in hamburger" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
-                                                                        <menus-component v-bind:item="item"></menus-component>
-                                                                </a>
-                                                       </li>
-                                               </ul>
-                                        </div><!-- end of hamburger container -->
-                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" aria-labelledby="login-text">
-                                               <div id="login-text">Login</div>
-                                               <div id="login-icon"><i class="fas fa-user"></i></div>
-                                        </a>
-                                        <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
-                                         <div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
-                                                 <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
-                                         </div>
-                                 </div><!-- end of header div -->
-                                 <!-- Modal -->
-                                 <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-                                         <div class="modal-dialog modal-sm" role="document">
-                                                 <div class="modal-content" style="border-radius: 3px;">
-                                                         <div class="modal-body">
-                                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 5px 5px 12px 12px;"><span aria-hidden="true">&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-->
+  <!-- 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 class="container" style="margin-top:14px;">
-			<div class="row kbcc-background-image">
-                                 <div class="col-sm-8">
-				         <form class="form-inline onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8" id="formToAppendInputsTo">
-                                                 <!-- default is "everything"  option suggested from OLS widget builder -->
-                                                 <input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" />
-                                                 <input name="tab" value="Everything" type="hidden" id="tabSetting" />
-                                                 <input name="search_scope" value="IZ_CI_AW" type="hidden" id=SearchScopeSetting />
-                                                 <input name="mode" value="basic" type="hidden" />
-                                                 <input name="highlight" value="true" type="hidden" />
-                                                 <input name="displayMode" value="full" type="hidden" />
-                                                 <input name="bulkSize" value="10" type="hidden" />
-                                                 <input name="dum" value="true" type="hidden" />
-                                                 <input name="displayField" value="all" type="hidden" />
-                                                 <input name="pcAvailabiltyMode" value="false" type="hidden" />
-                                                 <input name="query" id="primoQuery" type="hidden" />
-                                                 <h1 id="onesearch-header">
-                                                         <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
-                                                                 <img class="image-fail onesearchsubmit" src="https://libapps.s3.amazonaws.com/accounts/16298/images/onesearch_logo.png" alt="OneSearch" />
-                                                         </a>
-                                                 </h1>
-                                                 <div class="form-group" id="flex-search-form">
-                                                         <div class="dropdown input-group zero-margin" id="blue-border1">
-                                                                 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" aria-label="Define Your Search">
-                                                                         <span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
-                                                                 </button>
-                                                                 <ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">
-                                                                         <li>
-                                                                                 <a class="searchmenu" onclick="customizeSearch('Books')">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text">
-                                                                                                 <strong>Books</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                                 <a class="searchmenu" onclick="customizeSearch('Articles')">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text"> 
-                                                                                                 <strong>Articles (Peer reviewed)</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                                 <a class="searchmenu" onclick="customizeSearch('Reserves')">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text">
-                                                                                                 <strong>Course reserves</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                                 <a class="searchmenu" onclick="customizeSearch('Newspapers')">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text">
-                                                                                                 <strong>Newspapers and magazines</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                                 <a class="searchmenu" onclick="customizeSearch('Journals')">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text">
-                                                                                                  <strong>Journals</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                                 <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&lang=en&mode=advanced" class="searchmenu">
-                                                                                         <div class="highlight-menu-item bigger-fancy-text">
-                                                                                                 <strong>Advanced search</strong>
-                                                                                         </div>
-                                                                                 </a>
-                                                                         <li>
-                                                                 </ul>
-                                                         </div>
-                                                         <label class="sr-only" for="primoQueryTemp">Search terms</label>
-                                                         <div class="input-group zero-margin form-width" id="blue-border2">
-                                                                 <input class="form-control form-width inherit-height-from-flex" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
-                                                         </div>
-                                                         <div class="input-group zero-margin" id="blue-border3">
-                                                                 <input type="submit" class="btn btn-default form-control onesearchsubmit inherit-height-from-flex" value="Search" onclick="return addPrimoQuery(event);" />
-                                                         </div>
-                                                 </div>
-                                         </form>
+              </div>
+            </div>
+          </div>
+          <!-- End of modal -->
+        </div>
+        <!-- end of row -->
+        <div class="row" id="hamburger-alternative">
+          <div class="col-xs-12">
+            <nav class="navbar navbar-default main-nav-container">
+              <div class="container-fluid">
+                <ul class="nav navbar-nav" id="navbar-center">
+                  <li
+                    v-for="(navmenu, navkey) in navListOfMenus"
+                    class="dropdown main-nav-dropdown"
+                  >
+                    <nav-component
+                      v-bind:navmenu="navmenu"
+                      v-bind:navkey="navkey"
+                    ></nav-component>
+                  </li>
+                </ul>
+              </div>
+              <!-- end of container-fluid -->
+            </nav>
+            <!-- end of main-nav-container -->
+          </div>
+          <!-- end of col-xs-12 -->
+        </div>
+        <!--end of row-->
+      </div>
+      <!--end of Vue app-->
+    </div>
+    <div class="container" style="margin-top: 14px">
+      <div class="row kbcc-background-image">
+        <div class="col-sm-8">
+          <form
+            class="form-inline onesearch-jumbotron"
+            name="searchPrimoForm1"
+            role="search"
+            method="get"
+            action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search"
+            onsubmit="addPrimoQuery();"
+            enctype="application/x-www-form-urlencoded; charset=utf-8"
+            id="formToAppendInputsTo"
+          >
+            <!-- default is "everything"  option suggested from OLS widget builder -->
+            <input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" />
+            <input
+              name="tab"
+              value="Everything"
+              type="hidden"
+              id="tabSetting"
+            />
+            <input
+              name="search_scope"
+              value="IZ_CI_AW"
+              type="hidden"
+              id="SearchScopeSetting"
+            />
+            <input name="mode" value="basic" type="hidden" />
+            <input name="highlight" value="true" type="hidden" />
+            <input name="displayMode" value="full" type="hidden" />
+            <input name="bulkSize" value="10" type="hidden" />
+            <input name="dum" value="true" type="hidden" />
+            <input name="displayField" value="all" type="hidden" />
+            <input name="pcAvailabiltyMode" value="false" type="hidden" />
+            <input name="query" id="primoQuery" type="hidden" />
+            <h1 id="onesearch-header">
+              <a
+                href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en"
+              >
+                <img
+                  class="image-fail onesearchsubmit"
+                  src="https://libapps.s3.amazonaws.com/accounts/16298/images/onesearch_logo.png"
+                  alt="OneSearch"
+                />
+              </a>
+            </h1>
+            <div class="form-group" id="flex-search-form">
+              <div class="dropdown input-group zero-margin" id="blue-border1">
+                <button
+                  class="btn btn-default dropdown-toggle"
+                  type="button"
+                  id="dropdownMenu1"
+                  data-toggle="dropdown"
+                  aria-haspopup="true"
+                  aria-expanded="true"
+                  aria-label="Define Your Search"
+                >
+                  <span id="defineYourSearch">Define Your Search </span
+                  ><span class="caret"></span>
+                </button>
+                <ul
+                  class="dropdown-menu fade dropdown-margin"
+                  aria-labelledby="dropdownMenu1"
+                >
+                  <li>
+                    <a class="searchmenu" onclick="customizeSearch('Books')">
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Books</strong>
+                      </div>
+                    </a>
+                    <a class="searchmenu" onclick="customizeSearch('Articles')">
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Articles (Peer reviewed)</strong>
+                      </div>
+                    </a>
+                    <a class="searchmenu" onclick="customizeSearch('Reserves')">
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Course reserves</strong>
+                      </div>
+                    </a>
+                    <a
+                      class="searchmenu"
+                      onclick="customizeSearch('Newspapers')"
+                    >
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Newspapers and magazines</strong>
+                      </div>
+                    </a>
+                    <a class="searchmenu" onclick="customizeSearch('Journals')">
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Journals</strong>
+                      </div>
+                    </a>
+                    <a
+                      href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&lang=en&mode=advanced"
+                      class="searchmenu"
+                    >
+                      <div class="highlight-menu-item bigger-fancy-text">
+                        <strong>Advanced search</strong>
+                      </div>
+                    </a>
+                  </li>
 
-                                 </div>
-                                 <div class="col-sm-4">
-                                         <div class="nav-by-jumbotron">
-                                                 <a class="ga-by-jumbotron">
-                                                         <div class="nav-divs-by-jumbotron" id="bookastudyroom">
-                                                                 <h2><button id="eq_32886">Book A Study Room</button></h2>
-                                                         </div>
-                                                 </a>
-                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="ga-by-jumbotron">
-                                                         <div class="nav-divs-by-jumbotron">
-                                                                 <h2>Databases</h2>
-                                                         </div>
-                                                 </a>
-                                                 <a href="https://library.kbcc.cuny.edu/guides" class="ga-by-jumbotron">
-                                                         <div class="nav-divs-by-jumbotron">
-                                                                 <h2>Research Guides</h2>
-                                                         </div>
-                                                 </a>
-                                                 <a href="https://kbcc-cuny.libwizard.com/f/feedback" class="ga-by-jumbotron">
-                                                         <div class="nav-divs-by-jumbotron">
-                                                                 <h2>Send Us Feedback</h2>
-                                                         </div>
-                                                 </a>
-                                                 <!-- hide chat with a librarian 
+                  <li></li>
+                </ul>
+              </div>
+              <label class="sr-only" for="primoQueryTemp">Search terms</label>
+              <div class="input-group zero-margin form-width" id="blue-border2">
+                <input
+                  class="form-control form-width inherit-height-from-flex"
+                  name="queryTemp"
+                  id="primoQueryTemp"
+                  type="search"
+                  value=""
+                  placeholder="Enter search term here"
+                />
+              </div>
+              <div class="input-group zero-margin" id="blue-border3">
+                <input
+                  type="submit"
+                  class="btn btn-default form-control onesearchsubmit inherit-height-from-flex"
+                  value="Search"
+                  onclick="return addPrimoQuery(event);"
+                />
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="col-sm-4">
+          <div class="nav-by-jumbotron">
+            <a class="ga-by-jumbotron">
+              <div class="nav-divs-by-jumbotron" id="bookastudyroom">
+                <h2><button id="eq_32886">Book A Study Room</button></h2>
+              </div>
+            </a>
+            <a
+              href="https://library.kbcc.cuny.edu/az.php"
+              class="ga-by-jumbotron"
+            >
+              <div class="nav-divs-by-jumbotron">
+                <h2>Databases</h2>
+              </div>
+            </a>
+            <a
+              href="https://library.kbcc.cuny.edu/guides"
+              class="ga-by-jumbotron"
+            >
+              <div class="nav-divs-by-jumbotron">
+                <h2>Research Guides</h2>
+              </div>
+            </a>
+            <a
+              href="https://kbcc-cuny.libwizard.com/f/feedback"
+              class="ga-by-jumbotron"
+            >
+              <div class="nav-divs-by-jumbotron">
+                <h2>Send Us Feedback</h2>
+              </div>
+            </a>
+            <!-- hide chat with a librarian 
                                                  <a class="chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
                                                          <div class="nav-divs-by-jumbotron">
                                                                  <h2>Chat with a Librarian!</h2>
                                                          </div>
                                                  </a>
                                                  -->
-                                          </div>
-                                  </div>
-			</div>
-                        <div class="row">
-                                <div class="col-md-7 col-lg-6">
-                                       <div class="panel panel-default hide-body-border">
-                                               <div class="panel-heading show-panel">
-                                                       <span class="panel-title content-panel-title"><h2>Library Links</h2></span>
-                                               </div>
-                                               <div class="panel-body">
-                                                       <div class="row">
-                                                               <div class="col-sm-6">
-                                                                       <ul class="link-list">
-                                                                               <li><a href="https://library.kbcc.cuny.edu/ENGLISH24" class="ga-library-links">How to Use the Library</a></li>
-                                                                               <li><a href="https://library.kbcc.cuny.edu/ebooks" class="ga-library-links">Find eTextbooks and eBooks</a></li>
-                                                                               <li><a href="https://library.kbcc.cuny.edu/video" class="ga-library-links">Streaming Video</a></li>
-                                                                               <li><a href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129" class="ga-library-links">Comic Books & Graphic Novels</a></li>
-                                                                       </ul>
-                                                              </div>
-                                                              <div class="col-sm-6">
-                                                                       <ul class="link-list">
-                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=http://search.ebscohost.com/login.aspx?authtype=ip,uid&custid=s9000138&profile=ehost&defaultdb=a9h" target="_blank" class="ga-library-links">Academic Search Complete</a></li>
-                                                                               <li><a href="http://kbcc.ezproxy.cuny.edu:2048/login?url=https://search.proquest.com/usmajordailies/advanced/news/fromDatabasesLayer?accountid=38336" target="_blank" class="ga-library-links">US Newspapers</a></li>
-                                                                               <li><a href="http://www.nytimes.com/passes" target="_blank" class="ga-library-links">NY Times Free Pass</a></li>
-                                                                               <li><a href="https://library.kbcc.cuny.edu/newarrivals/leisure" class="ga-library-links">Leisure Reading Collection</a></li>
-                                                                       </ul>
-                                                               </div>
-                                                       </div>
-                                               </div>
-                                        </div>
-                                       <div class="panel panel-default hide-body-border">
-                                               <div class="panel-heading show-panel">
-                                                       <span class="panel-title content-panel-title"><h2>Today's Library Hours</h2></span>
-                                               </div>
-                                               <div class="panel-body">
-                                                      {{content_box_29248590}}
-                                               </div>
-                                        </div>
-                                </div>
-                                <div class="col-md-5 col-lg-6">
-                                       <div class="panel panel-default hide-body-border">
-                                               <div class="panel-heading show-panel">
-                                                       <span class="panel-title content-panel-title"><h2>Featured in the Library</h2></span>
-                                               </div>
-                                               <div class="panel-body">
-                                                       {{content_box_25912431}}                             
-                                               </div>
-                                        </div>
-                                </div>
-                        </div>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-7 col-lg-6">
+          <div class="panel panel-default hide-body-border">
+            <div class="panel-heading show-panel">
+              <span class="panel-title content-panel-title"
+                ><h2>Library Links</h2></span
+              >
+            </div>
+            <div class="panel-body">
+              <div class="row">
+                <div class="col-sm-6">
+                  <ul class="link-list">
+                    <li>
+                      <a
+                        href="https://library.kbcc.cuny.edu/ENGLISH24"
+                        class="ga-library-links"
+                        >How to Use the Library</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="https://library.kbcc.cuny.edu/ebooks"
+                        class="ga-library-links"
+                        >Find eTextbooks and eBooks</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="https://library.kbcc.cuny.edu/video"
+                        class="ga-library-links"
+                        >Streaming Video</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB&collectionId=8150765860006129"
+                        class="ga-library-links"
+                        >Comic Books & Graphic Novels</a
+                      >
+                    </li>
+                  </ul>
                 </div>
-                <div class="container">
-                        <div class="row">
-	                        <!-- BEGIN: Page Footer -->
-	                        <div id="orange-line"></div>
-		                <div id="main-blue-footer">
-		                        <div id="lighthouse-logo">
-                                                <a href="https://www.kbcc.cuny.edu"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.png" alt="Kingsborough Lighthouse logo" loading="lazy" /></a>
-                                        </div>
-                                        <div class="library-address">
-                                                <div class="whiteahrefs">
-			                                <strong>Robert J. Kibbee Library</strong><br />
-                                                        2001 Oriental Blvd<br />
-                                                        Brooklyn, NY, 11209<br />
-			                                <a href="tel:+1-718-368-5632">718-368-5632</a>
-                                                </div>
-                                                <div class="whiteahrefs">
-                                                        <a href="https://kbcc-cuny.libwizard.com/f/reference">reference.desk@kbcc.cuny.edu</a>
-                                                        <br />
-                                                        <a aria-label="Twitter" href="https://twitter.com/KBCCLibrary" target="_blank"><i aria-hidden="true" class="fab fa-twitter"></i></a>
-                                                        <a aria-label="Instagram" href="https://www.instagram.com/kbcclibrary/" target="_blank"><i aria-hidden="true" class="fab fa-instagram"></i></a>
-                                                        <a aria-label="Goodreads" href="https://www.goodreads.com/user/show/51717966-kingsborough-library" target="_blank"><i aria-hidden="true" class="fab fa-goodreads"></i></a>
-                                                        <a aria-label="TikTok" href="https://www.tiktok.com/@kbcclibrary?lang=en" target="_blank"><i aria-hidden="true" class="fab fa-tiktok"></i></a>
-                                                        <a aria-label= "YouTube" href="https://www.youtube.com/channel/UCpeJWrnzLXEizw8cMvVp-_Q/videos" target="_blank"><i aria-hidden="true" class="fab fa-youtube"></i></a>
-                                                        <a aria-label="Spotify" href="https://open.spotify.com/user/313lfmvr4ezmkb2mhodzd5ubzg4a" target="_blank"><i aria-hidden="true" class="fab fa-spotify"></i></a>
-                                                </div>
-                                        </div>
-                                        <div id="cuny-logo">
-                                                <a href="https://www.cuny.edu" target="_blank"><img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" alt="CUNY logo" loading="lazy" /></a>
-                                        </div>
-                                        <div class="whiteahrefs libapps">
-                                                <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Log in to LibApps</a> | <a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML">Alma</a>
-                                        </div>
-                                        <div style="height:10px;"></div>
-	                        </div>
-                                <!-- END: Page Footer -->
-                        </div>
-		 </div>
-	</div>
-
-	<div 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>
+                <div class="col-sm-6">
+                  <ul class="link-list">
+                    <li>
+                      <a
+                        href="http://kbcc.ezproxy.cuny.edu:2048/login?url=http://search.ebscohost.com/login.aspx?authtype=ip,uid&custid=s9000138&profile=ehost&defaultdb=a9h"
+                        target="_blank"
+                        class="ga-library-links"
+                        >Academic Search Complete</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="http://kbcc.ezproxy.cuny.edu:2048/login?url=https://search.proquest.com/usmajordailies/advanced/news/fromDatabasesLayer?accountid=38336"
+                        target="_blank"
+                        class="ga-library-links"
+                        >US Newspapers</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="http://www.nytimes.com/passes"
+                        target="_blank"
+                        class="ga-library-links"
+                        >NY Times Free Pass</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="https://library.kbcc.cuny.edu/newarrivals/leisure"
+                        class="ga-library-links"
+                        >Leisure Reading Collection</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="panel panel-default hide-body-border">
+            <div class="panel-heading show-panel">
+              <span class="panel-title content-panel-title"
+                ><h2>Today's Library Hours</h2></span
+              >
+            </div>
+            <div class="panel-body">{{content_box_29248590}}</div>
+          </div>
+        </div>
+        <div class="col-md-5 col-lg-6">
+          <div class="panel panel-default hide-body-border">
+            <div class="panel-heading show-panel">
+              <span class="panel-title content-panel-title"
+                ><h2>Featured in the Library</h2></span
+              >
+            </div>
+            <div class="panel-body">{{content_box_25912431}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container">
+      <div class="row">
+        <!-- BEGIN: Page Footer -->
+        <div id="orange-line"></div>
+        <div id="main-blue-footer">
+          <div id="lighthouse-logo">
+            <a href="https://www.kbcc.cuny.edu"
+              ><img
+                src="https://libapps.s3.amazonaws.com/accounts/16298/images/Orange_Vector_Mac_Building.png"
+                alt="Kingsborough Lighthouse logo"
+                loading="lazy"
+            /></a>
+          </div>
+          <div class="library-address">
+            <div class="whiteahrefs">
+              <strong>Robert J. Kibbee Library</strong><br />
+              2001 Oriental Blvd<br />
+              Brooklyn, NY, 11209<br />
+              <a href="tel:+1-718-368-5632">718-368-5632</a>
+            </div>
+            <div class="whiteahrefs">
+              <a href="https://kbcc-cuny.libwizard.com/f/reference"
+                >reference.desk@kbcc.cuny.edu</a
+              >
+              <br />
+              <a
+                aria-label="Twitter"
+                href="https://twitter.com/KBCCLibrary"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-twitter"></i
+              ></a>
+              <a
+                aria-label="Instagram"
+                href="https://www.instagram.com/kbcclibrary/"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-instagram"></i
+              ></a>
+              <a
+                aria-label="Goodreads"
+                href="https://www.goodreads.com/user/show/51717966-kingsborough-library"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-goodreads"></i
+              ></a>
+              <a
+                aria-label="TikTok"
+                href="https://www.tiktok.com/@kbcclibrary?lang=en"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-tiktok"></i
+              ></a>
+              <a
+                aria-label="YouTube"
+                href="https://www.youtube.com/channel/UCpeJWrnzLXEizw8cMvVp-_Q/videos"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-youtube"></i
+              ></a>
+              <a
+                aria-label="Spotify"
+                href="https://open.spotify.com/user/313lfmvr4ezmkb2mhodzd5ubzg4a"
+                target="_blank"
+                ><i aria-hidden="true" class="fab fa-spotify"></i
+              ></a>
+            </div>
+          </div>
+          <div id="cuny-logo">
+            <a href="https://www.cuny.edu" target="_blank"
+              ><img
+                src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png"
+                alt="CUNY logo"
+                loading="lazy"
+            /></a>
+          </div>
+          <div class="whiteahrefs libapps">
+            <a
+              href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365"
+              >Log in to LibApps</a
+            >
+            |
+            <a href="https://cuny-kb.alma.exlibrisgroup.com/mng/login?auth=SAML"
+              >Alma</a
+            >
+          </div>
+          <div style="height: 10px"></div>
+        </div>
+        <!-- END: Page Footer -->
+      </div>
+    </div>
+  </div>
 
-        <!-- LibChat widget script -->
-        <script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
+  <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>
 
-        <!-- add Vue scripts -->
-        <!-- <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> --><!-- development -->
-        <script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script><!--production -->
-        <script type="text/javascript" src="https://libapps.s3.amazonaws.com/sites/2365/include/main2.js"></script>
+  <!-- LibChat widget script -->
+  <script src="https://kbcc-cuny.libanswers.com/load_chat.php?hash=f7d1629a91e178fd0f799322e803b6e7"></script>
 
+  <!-- add Vue scripts -->
+  <!-- <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> --><!-- development -->
+  <script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
+  <!--production -->
+  <script
+    type="text/javascript"
+    src="https://libapps.s3.amazonaws.com/sites/2365/include/main2.js"
+  ></script>
 </body>