Merge pull request #49 from TauferLab/web_changes

[add] carousel SC2023

gallery.html

@@ -50,6 +50,9 @@
   <link
     href="https://fonts.googleapis.com/css?family=Exo+2:400,200,300,400italic,500,700,900&amp;subset=latin,greek,cyrillic"
     rel="stylesheet" type="text/css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   <!-- #####End load google fonts-->
   <title>GCLab Gallery</title>
 </head>
@@ -153,18 +156,81 @@ <h1 class="title">Gallery</h1>
           <section class="section slim-container">
             <div class="container">
               <h1 align="center">Welcome to the Global Computing Lab Gallery</h1>
+              <div class="container">
+                <h3 align="center">Global Computing Lab at SC2023</h3>
+                <div id="myCarousel" class="carousel slide" data-ride="carousel">
+                  <!-- Wrapper for slides -->
+                  <div class="carousel-inner">
+                    <div class="item active">
+                      <img src="assets/gcl-images/sc2023/IMG_1132.jpg" style="width:80%;">
+                    </div>
+
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_8583.jpg" style="width:80%;">
+                    </div>
+                    <div class="item ">
+                      <img src="assets/gcl-images/sc2023/IMG_0085.jpg" style="width:80%;">
+                    </div>
+
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_0087.jpg" style="width:80%;">
+                    </div>
+
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1113.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1114.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1116.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1118.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1120.jpg" style="width:80%;">
+                    </div>
+
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1152.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1163.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1221.jpg" style="width:80%;">
+                    </div>
+                    <div class="item">
+                      <img src="assets/gcl-images/sc2023/IMG_1222.jpg" style="width:80%;">
+                    </div>
+                  </div>
+
+                  <!-- Left and right controls -->
+                  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
+                    <span class="glyphicon glyphicon-chevron-left"></span>
+                    <span class="sr-only">Previous</span>
+                  </a>
+                  <a class="right carousel-control" href="#myCarousel" data-slide="next">
+                    <span class="glyphicon glyphicon-chevron-right"></span>
+                    <span class="sr-only">Next</span>
+                  </a>
+                </div>
+              </div>
               <div class="container">
                 <h3 align="center">Global Computing Lab at UTK (2023)</h3>
                 <img src="assets/gcl-images/AHM_2023.jpg" align="center" width=515 border=0 class="round-box"> </img>
                 <h4 align="center">
-                  <font face="Courier New" size="2"> Dr. Taufer, Paula, Jack, Blake, Brandan, Gabriel, Lauren, Ian, Ria, Heberth, Nigel, Jay, Andrew </font>
+                  <font face="Courier New" size="2"> Dr. Taufer, Paula, Jack, Blake, Brandan, Gabriel, Lauren, Ian,
+                    Ria,
+                    Heberth, Nigel, Jay, Andrew </font>
                 </h4>
                 </p>
               </div>
               <div class="container">
                 <h3 align="center">Global Computing Lab at UTK (2022)</h3>
-                <img src="assets/gcl-images/gcl_gatlinburg_2022_0.JPG" align="center" width=515 border=0 class="round-box"
-                  onmouseover="this.src='assets/gcl-images/gcl_gatlinburg_2022_1.JPG';" ;
+                <img src="assets/gcl-images/gcl_gatlinburg_2022_0.JPG" align="center" width=515 border=0
+                  class="round-box" onmouseover="this.src='assets/gcl-images/gcl_gatlinburg_2022_1.JPG';" ;
                   onmouseout="this.src='assets/gcl-images/gcl_gatlinburg_2022_0.JPG';"> </img>
                 <h4 align="center">
                   <font face="Courier New" size="2"> Jakob, Dr. Taufer, Silvina, Camila, Naweiluo, Georgia, Jack, Ria,
@@ -179,7 +245,8 @@ <h3 align="center">Global Computing Lab at UTK (2021)</h3>
                   onmouseover="this.src='assets/gcl-images/gcl_Knoxville_covid_2021.jpg';" ;
                   onmouseout="this.src='assets/gcl-images/gcl_Knoxville_2021.jpg';"> </img>
                 <h4 align="center">
-                  <font face="Courier New" size="2">Kae, Paula, Silvina, Dr. Taufer, Ross, Brandan, Ariel, Jacob, Nigel,
+                  <font face="Courier New" size="2">Kae, Paula, Silvina, Dr. Taufer, Ross, Brandan, Ariel, Jacob,
+                    Nigel,
                     Ian, Leobardo, Dominic, Ria </font>
                 </h4>
               </div>
@@ -309,15 +376,17 @@ <h3 align="center">Global Computing Lab at UD (Spring 2010)</h3>
                 onmouseover="this.src='assets/gcl-images/funny_group_spring10.jpg';"
                 onmouseout="this.src='assets/gcl-images/gcl_group_spring10.jpg';"> </img>
               <h4 align="center">
-                <font face="Courier New" size="2">Back: Trilce, Lifan, Abel, Philip, Narayan, Boyu <br> Front: Maria and
+                <font face="Courier New" size="2">Back: Trilce, Lifan, Abel, Philip, Narayan, Boyu <br> Front: Maria
+                  and
                   Dr. Taufer</font>
               </h4>
               </p>
             </div>
             <div class="container">
               <p>
               <h3 align="center">Global Computing Lab at UD (Summer 2009)</h3>
-              <img src="assets/gcl-images/gclgroup_summer2009.jpg" width="515" border=0 class="round-box" align="center">
+              <img src="assets/gcl-images/gclgroup_summer2009.jpg" width="515" border=0 class="round-box"
+                align="center">
               <h4 align="center">
                 <font face="Courier New" size="2">The Global Computing Lab at UD (Summer 2009)</font>
               </h4>
@@ -328,7 +397,8 @@ <h4 align="center">
               <h3 align="center">Global Computing Lab at UD (Fall 2008)</h3>
               <img src="assets/gcl-images/gcl_group_fall08.JPG" width="515" border=0 class="round-box" align="center">
               <h4 align="center">
-                <font face="Courier New" size="2">Back: Dr. Taufer, Pat, Joe, Reed, and Abel <br> Front: Trilce, James,
+                <font face="Courier New" size="2">Back: Dr. Taufer, Pat, Joe, Reed, and Abel <br> Front: Trilce,
+                  James,
                   Kevin, and Adnan - (Missing in the photo: Ramie)</font>
               </h4>
               </p>
@@ -338,7 +408,8 @@ <h4 align="center">
               <h3 align="center">Global Computing Lab at UD (Summer 2008)</h3>
               <img src="assets/gcl-images/group_June2008.jpg" width="515" border=0 class="round-box" align="center">
               <h4 align="center">
-                <font face="Courier New" size="2">Pat, Abel, Arun, Joe, Brenda, Trilce, and Michela <br> (Missing in the
+                <font face="Courier New" size="2">Pat, Abel, Arun, Joe, Brenda, Trilce, and Michela <br> (Missing in
+                  the
                   photo: Reed, Ramie, James, David and Argo)</font>
               </h4>
               </p>
@@ -348,7 +419,8 @@ <h4 align="center">
               <h3 align="center">Global Computing Lab at UTEP (2005-2007)</h3>
               <img src="assets/gcl-images/gclteam.jpg" width="515" border=0 class="round-box" align="center">
               <h4 align="center">
-                <font face="Courier New" size="2">Michela, Richard, Andre, Argo (back), Daniel, Abel, David, Trilce, and
+                <font face="Courier New" size="2">Michela, Richard, Andre, Argo (back), Daniel, Abel, David, Trilce,
+                  and
                   Karina</font>
               </h4>
               </p>