Merge pull request #171 from kyuchia/master

Update homepage and lab members page

Author: fujinaga

index.html

@@ -75,7 +75,7 @@ <h3 style="font-weight:300;" class="subtitle">
         </div>
         <div class="container" data-aos="fade-in" id="home-body">
           <div class="pic-container">
-            <img src="assets/ddmal-labphoto-2023c.jpeg" alt="" class="center-img">
+            <img src="assets/ddmal_labPhoto2024_small.jpeg" alt="" class="center-img">
             <div class="bottom-left"></div>
           </div>
           <br>

lab_members/index.html

@@ -73,6 +73,8 @@
     <div class="container content">
       <div class="page container">
         <h1 style="text-align: left;" class="page-title">Lab Members</h1>
+        <!-- Add an anchor link of old photos-->
+        <p><a href="#old-lab-photos" style="font-size: 16px;">Jump to Past Lab Photos ↓</a></p>
         <div style="margin-bottom: 25px"></div>
         <p><br /></p>
         <h3 class="people-title"> Principal Investigator </h3>
@@ -487,11 +489,109 @@ <h3 class="people-title"> Alumni </h3><a href="https://ddmal.music.mcgill.ca/peo
               href="../lab_members/alumni/zhanna_klimanova/"><img class="member_photo_list"
                 src="../assets/lab_members/thumbnail/placeholder.png" /></a></li>
         </ul>
+        <!-- NEW PAST LAB PHOTOS SECTION STARTS HERE -->
+        <hr>
+        <h3 id="old-lab-photos" class="people-title">Past Lab Photos</h3>
+        <p>Click any photo to view it full-size.</p>
+        
+        <div class="member-list">
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2023</strong></p>
+            <a href="../assets/ddmal-labphoto-2023c.jpeg" target="_blank">
+              <img src="../assets/ddmal-labphoto-2023c.jpeg" alt="Lab Photo 2023" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2022</strong></p>
+            <a href="../assets/DDMAL Screen Shot 2022-06-03 at 11.14.14 PM.jpg" target="_blank">
+              <img src="../assets/DDMAL Screen Shot 2022-06-03 at 11.14.14 PM.jpg" alt="Lab Photo 2022" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2020 (Sept 28)</strong></p>
+            <a href="../assets/DDMAL Screen Shot 2020-09-28_1.png" target="_blank">
+              <img src="../assets/DDMAL Screen Shot 2020-09-28_1.png" alt="Lab Photo 2020 (Sept 28)" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2020 (Sept 4)</strong></p>
+            <a href="../assets/DDMAL Screen Shot 2020-09-04 at 10.13.46 AM.png" target="_blank">
+              <img src="../assets/DDMAL Screen Shot 2020-09-04 at 10.13.46 AM.png" alt="Lab Photo 2020 (Sept 4)" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2019</strong></p>
+            <a href="../assets/DDMALSummer2019-1280px.png" target="_blank">
+              <img src="../assets/DDMALSummer2019-1280px.png" alt="Lab Photo 2019" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2018</strong></p>
+            <a href="../assets/DDMALSummer2018-1000px.jpg" target="_blank">
+              <img src="../assets/DDMALSummer2018-1000px.jpg" alt="Lab Photo 2018" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2017</strong></p>
+            <a href="../assets/DDMALSummer2017-1000px.jpg" target="_blank">
+              <img src="../assets/DDMALSummer2017-1000px.jpg" alt="Lab Photo 2017" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2016</strong></p>
+            <a href="../assets/Optimized-ddmal2016.jpg" target="_blank">
+              <img src="../assets/Optimized-ddmal2016.jpg" alt="Lab Photo 2016" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2014</strong></p>
+            <a href="../assets/ddmal2014_09e.jpg" target="_blank">
+              <img src="../assets/ddmal2014_09e.jpg" alt="Lab Photo 2014" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2012</strong></p>
+            <a href="../assets/ddmal-labphoto-2012c.jpg" target="_blank">
+              <img src="../assets/ddmal-labphoto-2012c.jpg" alt="Lab Photo 2012" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2011</strong></p>
+            <a href="../assets/ddmal_highres2011a.jpg" target="_blank">
+              <img src="../assets/ddmal_highres2011a.jpg" alt="Lab Photo 2011" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+          <div style="margin-bottom: 25px;">
+            <p><strong>2006</strong></p>
+            <a href="../assets/lab20060518b.jpg" target="_blank">
+              <img src="../assets/lab20060518b.jpg" alt="Lab Photo 2006" style="max-width: 100%;" />
+            </a>
+          </div>
+        
+        </div>
+             
+        <!-- NEW SECTION ENDS -->
+
       </div>
       <br>
       <br>
     </div>
   </div>
+  
+
+
   <label for="sidebar-checkbox" class="sidebar-toggle"></label>
   <footer id="sticky">
     <div class="footer-img-wrap">