Skip to content

Commit 5c6d8fb

Browse files
warrenlrwarrenlr
committed
Create galleryX.md
1 parent a6be540 commit 5c6d8fb

1 file changed

Lines changed: 191 additions & 0 deletions

File tree

‎galleryX.md‎

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
---
2+
layout: page
3+
title: Gallery
4+
---
5+
6+
Photographs from the Birol Labs over the years, including lab gatherings, conferences, workshops, and other memorable moments.
7+
8+
9+
<style>
10+
.gallery-section {
11+
margin: 2.5rem 0;
12+
}
13+
14+
.gallery-section h3 {
15+
margin-bottom: 1.2rem;
16+
text-align: center;
17+
}
18+
19+
.gallery {
20+
display: grid;
21+
grid-template-columns: 1fr;
22+
gap: 1.5rem;
23+
justify-items: center;
24+
}
25+
26+
.gallery figure {
27+
margin: 0;
28+
}
29+
30+
.gallery figure img {
31+
width: 100%;
32+
max-width: 700px;
33+
height: auto;
34+
display: block;
35+
border: 1px solid #ddd;
36+
border-radius: 6px;
37+
}
38+
39+
.gallery figcaption {
40+
margin-top: 0.5rem;
41+
text-align: center;
42+
font-size: 0.9em;
43+
color: #666;
44+
}
45+
</style>
46+
47+
48+
<!-- ===================== -->
49+
<!-- LAB GROUP SECTION -->
50+
<!-- ===================== -->
51+
52+
<div class="gallery-section">
53+
54+
<h3>Lab Group &amp; Social Events</h3>
55+
56+
<div class="gallery">
57+
58+
<figure>
59+
<a href="/assets/gallery/2022-lab-group.png">
60+
<img src="/assets/gallery/2022-lab-group.png" alt="Lab Group 2022">
61+
</a>
62+
<figcaption>Lab Members &bull; May 2022</figcaption>
63+
</figure>
64+
65+
<figure>
66+
<a href="/assets/gallery/2019-lab-group-fall.jpg">
67+
<img src="/assets/gallery/2019-lab-group-fall.jpg" alt="Lab Group 2019">
68+
</a>
69+
<figcaption>Lab Members &bull; October 2019</figcaption>
70+
</figure>
71+
72+
<figure>
73+
<a href="/assets/gallery/2019-lab-group.jpg">
74+
<img src="/assets/gallery/2019-lab-group.jpg" alt="Lab Group 2019">
75+
</a>
76+
<figcaption>Lab Members &bull; February 2019</figcaption>
77+
</figure>
78+
79+
<figure>
80+
<a href="/assets/gallery/2022-lab-social1.jpg">
81+
<img src="/assets/gallery/2022-lab-social1.jpg" alt="Lab Social">
82+
</a>
83+
<figcaption>Social &bull; January 2022</figcaption>
84+
</figure>
85+
86+
<figure>
87+
<a href="/assets/gallery/2022-lab-social2.jpg">
88+
<img src="/assets/gallery/2022-lab-social2.jpg" alt="Lab Social">
89+
</a>
90+
<figcaption>Social &bull; September 2022</figcaption>
91+
</figure>
92+
93+
<figure>
94+
<a href="/assets/gallery/2019-lab-visit.jpg">
95+
<img src="/assets/gallery/2019-lab-visit.jpg" alt="Lab Visit">
96+
</a>
97+
<figcaption>Lab Visit &bull; March 2019</figcaption>
98+
</figure>
99+
100+
<figure>
101+
<a href="/assets/gallery/2018-lab-hike.jpg">
102+
<img src="/assets/gallery/2018-lab-hike.jpg" alt="Lab Hike">
103+
</a>
104+
<figcaption>Eagle Bluffs Hike (BC) &bull; July 2018</figcaption>
105+
</figure>
106+
107+
<figure>
108+
<a href="/assets/gallery/2017-lab-social.jpg">
109+
<img src="/assets/gallery/2017-lab-social.jpg" alt="Lab Social">
110+
</a>
111+
<figcaption>Social &bull; May 2017</figcaption>
112+
</figure>
113+
114+
<figure>
115+
<a href="/assets/gallery/2015-lab-social.jpg">
116+
<img src="/assets/gallery/2015-lab-social.jpg" alt="Lab Social">
117+
</a>
118+
<figcaption>Social &bull; June 2015</figcaption>
119+
</figure>
120+
121+
</div>
122+
</div>
123+
124+
<!-- ===================== -->
125+
<!-- CONFERENCES SECTION -->
126+
<!-- ===================== -->
127+
128+
<div class="gallery-section">
129+
130+
<h3>Conferences &amp; Workshops</h3>
131+
132+
<div class="gallery">
133+
134+
<figure>
135+
<a href="/assets/gallery/2023-recomb-istanbul.jpg">
136+
<img src="/assets/gallery/2023-recomb-istanbul.jpg" alt="RECOMB 2023">
137+
</a>
138+
<figcaption>RECOMB &bull; Istanbul, Türkiye (2023)</figcaption>
139+
</figure>
140+
141+
<figure>
142+
<a href="/assets/gallery/2023-recombseq-istanbul.jpg">
143+
<img src="/assets/gallery/2023-recombseq-istanbul.jpg" alt="RECOMB-Seq 2023">
144+
</a>
145+
<figcaption>RECOMB-Seq &bull; Istanbul, Türkiye (2023)</figcaption>
146+
</figure>
147+
148+
<figure>
149+
<a href="/assets/gallery/2018-recomb-france.jpg">
150+
<img src="/assets/gallery/2018-recomb-france.jpg" alt="RECOMB 2018">
151+
</a>
152+
<figcaption>RECOMB &bull; Paris, France (2018)</figcaption>
153+
</figure>
154+
155+
<figure>
156+
<a href="/assets/gallery/2018-recomb-france-social1.jpg">
157+
<img src="/assets/gallery/2018-recomb-france-social1.jpg" alt="RECOMB Social">
158+
</a>
159+
<figcaption>RECOMB Social &bull; Paris, France (2018)</figcaption>
160+
</figure>
161+
162+
<figure>
163+
<a href="/assets/gallery/2018-recomb-france-social2.jpg">
164+
<img src="/assets/gallery/2018-recomb-france-social2.jpg" alt="RECOMB Social">
165+
</a>
166+
<figcaption>RECOMB Social &bull; Paris, France (2018)</figcaption>
167+
</figure>
168+
169+
<figure>
170+
<a href="/assets/gallery/2017-recombseq-hongkong.jpg">
171+
<img src="/assets/gallery/2017-recombseq-hongkong.jpg" alt="RECOMB-Seq 2017">
172+
</a>
173+
<figcaption>RECOMB-Seq &bull; Hong Kong (2017)</figcaption>
174+
</figure>
175+
176+
<figure>
177+
<a href="/assets/gallery/2015-ISMB-dublin.jpg">
178+
<img src="/assets/gallery/2015-ISMB-dublin.jpg" alt="ISMB 2015">
179+
</a>
180+
<figcaption>ISMB &bull; Dublin, Ireland (2015)</figcaption>
181+
</figure>
182+
183+
<figure>
184+
<a href="/assets/gallery/2015-ISMBhitseq-dublin.jpg">
185+
<img src="/assets/gallery/2015-ISMBhitseq-dublin.jpg" alt="HiTSeq Workshop">
186+
</a>
187+
<figcaption>HiTSeq Workshop &bull; ISMB 2015, Dublin</figcaption>
188+
</figure>
189+
190+
</div>
191+
</div>

0 commit comments

Comments
 (0)