From 879404a3feafa5e0053fc7b296750a7c65e95a79 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 22 Jun 2022 16:03:48 -0400
Subject: [PATCH] add sample content to hamburger menu; remove unused bits

---
 groups/home/LibAnswers-SlideOutChat-4.html | 71 ++++++++++++----------
 1 file changed, 40 insertions(+), 31 deletions(-)

diff --git a/groups/home/LibAnswers-SlideOutChat-4.html b/groups/home/LibAnswers-SlideOutChat-4.html
index 727aaca..38e0e12 100644
--- a/groups/home/LibAnswers-SlideOutChat-4.html
+++ b/groups/home/LibAnswers-SlideOutChat-4.html
@@ -13,11 +13,43 @@
                                                         <i class="fas fa-bars" style="font-size: 2em;"></i>
                                                 </button>
                                                 <ul class="dropdown-menu" aria-labelledby="hamburger">
-                                                        <li><a href="#">Action</a></li>
-                                                        <li><a href="#">Another action</a></li>
-                                                        <li><a href="#">Something else here</a></li>
-                                                        <li role="separator" class="divider"></li>
-                                                        <li><a href="#">Separated link</a></li>
+                                                        <li>
+                                                                <a class="searchmenu" aria-label="Faculty and Staff" href="https://library.kbcc.cuny.edu/about-us/directory">
+                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-address-book"></i>
+                                                                                <strong>Faculty & Staff</strong> 
+                                                                                <p class="faux-card">Meet the Kingsborough Library</p>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
+                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-theater-masks"></i>
+                                                                                <strong>Subject Liaisons</strong> 
+                                                                                <p class="faux-card">Find your library liaison</p>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
+                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-map-marked-alt"></i>
+                                                                                <strong>Campus Map</strong> 
+                                                                                <p class="faux-card">How to find us</p>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
+                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-clock"></i> 
+                                                                                <strong>Hours</strong> 
+                                                                                <p class="faux-card">See the library's opening hours</p>
+                                                                        </div>
+                                                                </a>
+                                                                <a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
+                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
+                                                                                <i class="fas fa-question-circle"></i> 
+                                                                                <strong>FAQ</strong> 
+                                                                                <p class="faux-card">Answers to frequently asked questions</p>
+                                                                        </div>
+                                                                </a>
+                                                       </li>
                                                </ul>
                                         </div>
                                         <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" class="no-underline" id="login-div">Renew / Request Items</a>
@@ -188,13 +220,6 @@
                                                                                                                                 <p class="faux-card">Find your library liaison</p>
                                                                                                                         </div>
                                                                                                                 </a>
-                                                                                                                <!-- <a class="searchmenu" aria-label="Library Departments" href="https://library.kbcc.cuny.edu/libraryservices">
-                                                                                                                        <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
-                                                                                                                                <i class="fas fa-inbox"></i> 
-                                                                                                                                <strong>Library Departments</strong> 
-                                                                                                                                <p class="faux-card">Explore the library's functions</p>
-                                                                                                                        </div>
-                                                                                                                </a>-->
                                                                                                                 <a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
                                                                                                                         <div class="col-xs-12 highlight-menu-item bigger-fancy-text">
                                                                                                                                 <i class="fas fa-map-marked-alt"></i>
@@ -219,18 +244,10 @@
                                                                                                         </div>
                                                                                                 </div>
                                                                                         </li>
-                                                                                </ul>
-                                                           
+                                                                                </ul>      
                                                                         </li>
-                                                                        <!-- Hide chat with a librarian 
-                                                                        <li>
-                                                                                <a class="no-underline chat1" 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;};})()">
-                                                                                                Chat with a Librarian
-                                                                                </a>
-                                                                       </li>
-                                                                       -->
                                                                </ul>
-                                               </div>
+                                                </div>
                                         </nav>
                                 </div>
                         </div>
@@ -259,7 +276,7 @@
                                                  <div class="form-group">
                                                          <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">
-                                                                         <strong>Define Your Search</strong> <span class="caret"></span>
+                                                                         Define Your Search <span class="caret"></span>
                                                                  </button>
                                                                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                                          <li>
@@ -319,14 +336,6 @@
                                                                                                                  <p class="faux-card">Find reserve materials for your classes</p>
                                                                                                          </div>
                                                                                                  </a>
-                                                                                                 <!-- Old course reserves menu item
-                                                                                                 <a href="https://library.kbcc.cuny.edu/er.php?b=c" class="searchmenu">
-                                                                                                         <div class="col-xs-12 highlight-menu-item">
-                                                                                                                 <strong>Course reserves</strong>
-                                                                                                                 <p class="faux-card">Find reserve materials for your classes</p>
-                                                                                                         </div>
-                                                                                                 </a>
-                                                                                                 -->
                                                                                          </div>
                                                                                  </div>
                                                                          <li>