update gallery md

Author: warrenlr

gallery.md

@@ -6,57 +6,7 @@ permalink: /gallery/
 
 Photographs from the Bioinformatics Technologies Lab over the years, including lab gatherings, conferences, workshops, and other memorable moments.
 
-<style>
-
-.gallery-section {
-    margin: 2.5rem 0;
-}
-
-.gallery-section h2 {
-    margin-bottom: 1.2rem;
-}
-
-.gallery {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    gap: 1.8rem;
-}
-
-.gallery figure {
-    margin: 0;
-}
-
-.gallery figure img {
-    width: 100%;
-    display: block;
-    border: 1px solid #dddddd;
-    border-radius: 6px;
-    transition: transform 0.2s ease;
-}
-
-.gallery figure img:hover {
-    transform: scale(1.02);
-}
-
-.gallery figcaption {
-    margin-top: 0.5rem;
-    text-align: center;
-    font-size: 0.9em;
-    color: #666;
-}
-
-article.article--page {
-    display: block;
-    width: 100%;
-    float: none;
-    clear: both;
-}
-
-.gallery-section {
-    display: flow-root;
-}
-
-</style>
+
 
 <div class="gallery-section">
 

gallery.old

@@ -1,52 +1,66 @@
 ---
-title: Gallery
 layout: page
+title: Gallery
 permalink: /gallery/
 ---
 
-# Lab Gallery
-
 Photographs from the Bioinformatics Technologies Lab over the years, including lab gatherings, conferences, workshops, and other memorable moments.
 
 <style>
 
-.gallery-section{
-    margin-top:2.5em;
+.gallery-section {
+    margin: 2.5rem 0;
+}
+
+.gallery-section h2 {
+    margin-bottom: 1.2rem;
+}
+
+.gallery {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 1.8rem;
+}
+
+.gallery figure {
+    margin: 0;
 }
 
-.gallery{
-    display:grid;
-    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
-    gap:28px;
+.gallery figure img {
+    width: 100%;
+    display: block;
+    border: 1px solid #dddddd;
+    border-radius: 6px;
+    transition: transform 0.2s ease;
 }
 
-.gallery figure{
-    margin:0;
+.gallery figure img:hover {
+    transform: scale(1.02);
 }
 
-.gallery img{
-    width:100%;
-    border-radius:6px;
-    box-shadow:0 3px 10px rgba(0,0,0,.15);
-    transition:transform .2s ease;
+.gallery figcaption {
+    margin-top: 0.5rem;
+    text-align: center;
+    font-size: 0.9em;
+    color: #666;
 }
 
-.gallery img:hover{
-    transform:scale(1.02);
+article.article--page {
+    display: block;
+    width: 100%;
+    float: none;
+    clear: both;
 }
 
-.gallery figcaption{
-    text-align:center;
-    font-size:0.9em;
-    margin-top:8px;
-    color:#555;
+.gallery-section {
+    display: flow-root;
 }
 
 </style>
 
 <div class="gallery-section">
 
-## Lab Group & Social Events
+<h2>Lab Group &amp; Social Events</h2>
 
 <div class="gallery">
 
@@ -59,7 +73,7 @@ Photographs from the Bioinformatics Technologies Lab over the years, including l
 
 <figure>
 <a href="/assets/gallery/2019-lab-group-fall.jpg">
-<img src="/assets/gallery/2019-lab-group-fall.jpg" alt="Lab Group 2020">
+<img src="/assets/gallery/2019-lab-group-fall.jpg" alt="Lab Group 2019">
 </a>
 <figcaption>Lab Group &bull; October 2019</figcaption>
 </figure>
@@ -73,14 +87,14 @@ Photographs from the Bioinformatics Technologies Lab over the years, including l
 
 <figure>
 <a href="/assets/gallery/2022-lab-social1.jpg">
-<img src="/assets/gallery/2022-lab-social1.jpg" alt="Lab Social 2022">
+<img src="/assets/gallery/2022-lab-social1.jpg" alt="Lab Social">
 </a>
 <figcaption>Lab Social &bull; January 2022</figcaption>
 </figure>
 
 <figure>
 <a href="/assets/gallery/2022-lab-social2.jpg">
-<img src="/assets/gallery/2022-lab-social2.jpg" alt="Lab Social 2022">
+<img src="/assets/gallery/2022-lab-social2.jpg" alt="Lab Social">
 </a>
 <figcaption>Lab Social &bull; September 2022</figcaption>
 </figure>
@@ -119,7 +133,7 @@ Photographs from the Bioinformatics Technologies Lab over the years, including l
 
 <div class="gallery-section">
 
-## Conferences & Workshops
+<h2>Conferences &amp; Workshops</h2>
 
 <div class="gallery">
 
@@ -174,7 +188,7 @@ Photographs from the Bioinformatics Technologies Lab over the years, including l
 
 <figure>
 <a href="/assets/gallery/2015-ISMBhitseq-dublin.jpg">
-<img src="/assets/gallery/2015-ISMBhitseq-dublin.jpg" alt="ISMB HiTSeq Workshop">
+<img src="/assets/gallery/2015-ISMBhitseq-dublin.jpg" alt="HiTSeq Workshop">
 </a>
 <figcaption>HiTSeq Workshop &bull; ISMB 2015, Dublin</figcaption>
 </figure>