Merge pull request #59 from 18010032728/idec2024

add Gallery

index.html

@@ -18,8 +18,8 @@
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:image:alt" content="international Directed Evolution Competition (iDEC)" />
   <title>iDEC - International Directed Evolution Competition</title> <!-- Bootstrap -->
-  <link href="../css/bootstrap-4.4.1.css" rel="stylesheet" /> <!-- iDEC CSS stylesheet -->
-  <link rel="stylesheet" href="../css/style.css" /> <!-- Favicons -->
+  <link href="css/bootstrap-4.4.1.css" rel="stylesheet" /> <!-- iDEC CSS stylesheet -->
+  <link rel="stylesheet" href="css/style.css" /> <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png" />
   <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png" />
   <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png" />
@@ -167,6 +167,47 @@ <h5 class="card-title"> <a class="news-card-hyperlink" href="pages/news.html#new
       </div>
     </div>
   </section>
+  <!-- Gallery -->
+  <section>
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 mt-4 mb-2 text-center">
+          <h2>Gallery</h2>
+        </div>
+      </div>
+      <div class="row">
+        <pre tabindex="0" id="imageListScroll" onmousedown="over()">
+          <div class="row">
+            <div class="imageList">
+          <img src="img/gallery/DSC00048.JPG" height="150px" width="auto" />
+          <img src="img/gallery/DSC00586.JPG" height="150px" width="auto" />
+          <img src="img/gallery/DSC00634.JPG" height="150px" width="auto" />
+          <img src="img/gallery/DSC00672.JPG" height="150px" width="auto" />
+          <img src="img/gallery/DSC00681.JPG" height="150px" width="auto" />
+          <img src="img/gallery/DSC09754.JPG" height="150px" width="auto" />
+          <img src="img/gallery/G31A1409.JPG" height="150px" width="auto" />
+          <img src="img/gallery/IMG_4787.jpg" height="150px" width="auto" />
+          <img src="img/gallery/IMG_4796.jpg" height="150px" width="auto" />
+        </div>
+      </div>
+        <div class="row">
+          <div class="imageList">
+            <img src="img/gallery/DSC09684.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09703.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09718.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09724.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09731.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09779.JPG" height="150px" width="auto" />
+            <img src="img/gallery/DSC09794.JPG" height="150px" width="auto" />
+            <img src="img/gallery/G31A1428.JPG" height="150px" width="auto" />
+            <img src="img/gallery/IMG_4925.jpg" height="150px" width="auto" />
+        </div>
+        </div>
+        </pre>
+      </div>
+    </div>
+  </section>
+
   <section>
     <div class="container">
       <div class="row">
@@ -571,8 +612,8 @@ <h5 class="modal-title" id="exampleModalLongTitle"> Who to contact </h5> <button
   <script src="js/2a0c96cd0e.js" crossorigin="anonymous"></script>
   <script src="js/timeline.js"></script>
   <script src="https://hammerjs.github.io/dist/hammer.js"></script>
-  <!-- <script src="js/autoScroll.js"></script> -->
+  <script src="js/autoScroll.js"></script>
 
 </body>
 
-</html>
+</html>