From f2f2cde5bf9404ba6a4e69bbd64dcc2970fe0f52 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Tue, 2 Feb 2021 23:59:00 -0500
Subject: [PATCH] first working gallery

---
 groups/new-homepage-3/homepage3-js-css.html   | 22 ++++--------
 groups/new-homepage-3/homepage3-template.html | 36 ++++++++++++++-----
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index 5d7db2c..c2bae97 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -70,24 +70,14 @@
 }
 
 /* style the gallery */
-.gallery-div {
-       background-color: #bbb;
-       height: 300px;
+.s-lib-public-side-header {
+        display: none;
 }
 
-.gallery-text {
-      text-align: center;
-      padding-top: 100px;
-}
-
-.chevron-left {
-       margin-right: 80px;
-       font-weight: bold;
-}
-
-.chevron-right {
-        margin-left: 80px;
-        font-weight: bold;
+img {
+        border: solid black 3px;
+        max-height: 350px !important;
+        margin: auto;
 }
 
 /* style the hours div */
diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index 9639918..179bc16 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -146,13 +146,33 @@
                                                <div class="panel-heading show-panel">
                                                        <span class="panel-title content-panel-title">Gallery</span>
                                                </div>
-                                               <div class="panel-body">
-                                                      <div class="gallery-div">
-                                                              <div class="gallery-text">
-                                                                  <h2><span class="chevron-left"><</span>Gallery goes here<span class="chevron-right">></span></h2>
-                                                              </div>
-                                                      </div>
-                                               </div>
+                                               <div class="panel-body">                              
+                                               <!-- Gallery -->
+                                                       <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+                                                               <!-- Wrapper for slides -->
+                                                               <div class="carousel-inner" role="listbox"">
+                                                                       <div class="item active">
+                                                                               <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/44.65_SL1.jpg" />
+                                                                       </div>
+                                                                       <div class="item">
+                                                                               <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Breton.jpg" />
+                                                                       </div>
+                                                                       <div class="item">
+                                                                               <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/image4__1_.jpeg" />
+                                                                       </div>
+                                                               </div>
+                                                        <!-- Controls -->
+                                                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+                                                               <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                                                               <span class="sr-only">Previous</span>
+                                                        </a>
+                                                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+                                                               <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                                                               <span class="sr-only">Next</span>
+                                                        </a>
+                                                        </div>
+                                                </div>
+                                                <!-- end of gallery -->
                                         </div>
                                 </div>
                         </div>
@@ -167,7 +187,7 @@
 			                        <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>
 		                        </span>
 		                        <span style="clear:both" class="whiteahrefs">
-			                        718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> |
+			                        718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> | 
 		                                <a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
 		                        </span>
 	                        </div>