Skip to content

Commit 4209d55

Browse files
warrenlrwarrenlr
committed
troubleshoot page
1 parent 64ab2e1 commit 4209d55

2 files changed

Lines changed: 189 additions & 5 deletions

File tree

‎gallery.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,16 +16,16 @@ Photographs from the Bioinformatics Technologies Lab over the years, including l
1616
margin-bottom: 1.2rem;
1717
}
1818

19+
.gallery figure {
20+
margin: 0;
21+
}
22+
1923
.gallery {
2024
display: grid;
21-
grid-template-columns: 1fr;
25+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
2226
gap: 1.5rem;
2327
}
2428

25-
.gallery figure {
26-
margin: 0;
27-
}
28-
2929
.gallery figure img {
3030
width: 100%;
3131
height: auto;

‎gallery.single-large.md‎

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

0 commit comments

Comments
 (0)