From a9aac6ac1097616178ce997b61ba9a8deb47f986 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Fri, 26 Feb 2021 22:36:36 -0500
Subject: [PATCH] highlight dropdown items; add advanced search option

---
 groups/new-homepage-3/homepage3-js-css.html   |  7 +++-
 groups/new-homepage-3/homepage3-template.html | 40 +++++++++++--------
 2 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index 1b8ff7c..ce3c2f8 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -50,6 +50,11 @@ a.searchmenu {
         color: #111;
 }
 
+.highlight-menu-item:hover {
+        background-color: #eee;
+        cursor: pointer;
+}
+
 /* style link list */
 .link-list {
         font-size: 2em;
@@ -188,7 +193,7 @@ img {
 }
 
 .yamm4 {
-        max-width: 450px;
+        max-width: 460px;
 }
 
 /* media queries */
diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index 48c2306..b058c92 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -203,51 +203,57 @@
                                                                                  <div class="yamm-content yamm4">
                                                                                          <div class="row">
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Books')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Books</strong>
                                                                                                                  <p class="faux-card">Find print books and ebooks using OneSearch</p>
                                                                                                          </div>
                                                                                                  </a>
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Articles')">
-                                                                                                         <div class="col-xs-12"> 
+                                                                                                         <div class="col-xs-12 highlight-menu-item"> 
                                                                                                                  <strong>Articles</strong>
-                                                                                                                  <p class="faux-card">Find articles in journals, newspapers and magazines</p>
+                                                                                                                  <p class="faux-card">Find articles in journals, newspapers and magazines using OneSearch</p>
                                                                                                           </div>
                                                                                                  </a>
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Videos')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Videos</strong>
-                                                                                                                 <p class="faux-card">Find DVDs and streaming videos</p>
+                                                                                                                 <p class="faux-card">Find DVDs and streaming videos using OneSearch</p>
                                                                                                          </div>
                                                                                                  </a>
-                                                                                                 <a class="searchmenu" onclick="customizeSearch('Everything')">
-                                                                                                         <div class="col-xs-12">
-                                                                                                                 <strong>Everything</strong>
-                                                                                                                 <p class="faux-card">Search for all items using OneSearch</p>
+                                                                                                 <a class="searchmenu" onclick="customizeSearch('Books & more')">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Books, articles and videos</strong>
+                                                                                                                 <p class="faux-card">Search for books, articles & videos using OneSearch</p>
                                                                                                          </div>
                                                                                                  </a>
-                                                                                                 <a href="https://kbcc.cuny.libguides.com/az.php" class="searchmenu" onclick="customizeSearch('Databases')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                 <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&lang=en&mode=advanced" class="searchmenu")">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
+                                                                                                                 <strong>Advanced Search</strong>
+                                                                                                                 <p class="faux-card">Use OneSearch's advanced interface</p>
+                                                                                                         </div>
+                                                                                                 </a>
+                                                                                                 <a href="https://kbcc.cuny.libguides.com/az.php" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Databases</strong>
-                                                                                                                 <p class="faux-card">Find A to Z list and find databases by subject</p>
+                                                                                                                 <p class="faux-card">See our A to Z list and find databases by subject</p>
                                                                                                          </div>
                                                                                                  </a>
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Journals')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                   <strong>Journals</strong>
                                                                                                                   <p class="faux-card">Find specific scholarly journals (peer reviewed)</p>
                                                                                                          </div>
                                                                                                  </a>
                                                                                                  <a class="searchmenu" onclick="customizeSearch('Newspapers')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Newspapers and magazines</strong>
                                                                                                                  <p class="faux-card">Find specific newspapers and magazines</p>
                                                                                                          </div>
                                                                                                  </a>
-                                                                                                 <a href="https://kbcc.cuny.libguides.com/er.php?b=c" class="searchmenu" onclick="customizeSearch('Reserves')">
-                                                                                                         <div class="col-xs-12">
+                                                                                                 <a href="https://kbcc.cuny.libguides.com/er.php?b=c" class="searchmenu">
+                                                                                                         <div class="col-xs-12 highlight-menu-item">
                                                                                                                  <strong>Course reserves</strong>
-                                                                                                                 <p class="faux-card">Find materials for your classes</p>
+                                                                                                                 <p class="faux-card">Find reserve materials for your classes</p>
                                                                                                          </div>
                                                                                                  </a>
                                                                                          </div>