Skip to content

Commit b8cd8f0

Browse files
zyaocoderzyaocoder
authored
Update archive-single.html
1 parent f12eb55 commit b8cd8f0

File tree

1 file changed

+39
-50
lines changed

1 file changed

+39
-50
lines changed

‎_includes/archive-single.html‎

Lines changed: 39 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -14,31 +14,21 @@
1414

1515
<head>
1616
<style>
17-
.papertable {
18-
width:150%;
19-
border:none;
20-
border-spacing:0;
21-
border-collapse:collapse;
22-
margin:0 auto 1.2rem auto; /* small gap between entries */
23-
}
24-
25-
.papertable td {
26-
padding:0;
17+
/* Layout for one publication row */
18+
.paper-row {
19+
display: flex;
20+
align-items: center; /* vertically center image & text */
21+
gap: 2.4rem; /* <— space between image and text */
22+
margin-bottom: 1.5rem; /* space between entries */
2723
}
2824

2925
.paperimage {
30-
border:none;
31-
width:50%; /* wider image column */
32-
max-width:360px;
33-
padding-right:8rem; /* space between image & text */
34-
vertical-align:middle; /* center image vs text block */
26+
flex: 0 0 40%; /* image column width */
27+
max-width: 380px;
3528
}
3629

3730
.papertext {
38-
width:45%;
39-
vertical-align:middle;
40-
border:none;
41-
padding-bottom:0;
31+
flex: 1 1 auto; /* text takes remaining width */
4232
}
4333

4434
/* ==== image card + banner ==== */
@@ -53,8 +43,8 @@
5343

5444
.venue-wrapper img {
5545
display: block;
56-
width:100%; /* make image fill its column */
57-
height:auto;
46+
width: 100%; /* fill the image column */
47+
height: auto;
5848
}
5949

6050
.venue-banner {
@@ -74,35 +64,34 @@
7464

7565
<div class="{{ include.type | default: "list" }}__item">
7666
<article>
77-
<table class="papertable">
78-
<tr>
79-
<td class="paperimage">
80-
<div class="venue-wrapper">
81-
{% if post.venue %}
82-
<div class="venue-banner">{{ post.venue }}</div>
83-
{% endif %}
84-
<img src="{{ post.image }}" class="nopadimg" alt="{{ title | escape }}">
85-
</div>
86-
</td>
87-
<td class="papertext">
88-
<h2>{{ title }}</h2>
89-
<p>{{ post.authors }}</p>
90-
<p><strong>TL;DR:</strong> {{ post.tldr }}</p>
91-
{% if post.paperurl and post.codeurl and post.arxivurl and post.biburl %}
92-
<p><a href="{{ post.paperurl }}">[Paper]</a> |
93-
<a href="{{ post.codeurl }}">[Code]</a> |
94-
<a href="{{ post.arxivurl }}">[arXiv]</a> |
95-
<a href="{{ post.biburl }}">[BibTeX]</a></p>
96-
{% elsif post.paperurl and post.arxivurl and post.biburl %}
97-
<p><a href="{{ post.paperurl }}">[Paper]</a> |
98-
<a href="{{ post.arxivurl }}">[arXiv]</a> |
99-
<a href="{{ post.biburl }}">[BibTeX]</a></p>
100-
{% elsif post.paperurl and post.biburl %}
101-
<p><a href="{{ post.paperurl }}">[Paper]</a> |
102-
<a href="{{ post.biburl }}">[BibTeX]</a></p>
67+
<div class="paper-row">
68+
<div class="paperimage">
69+
<div class="venue-wrapper">
70+
{% if post.venue %}
71+
<div class="venue-banner">{{ post.venue }}</div>
10372
{% endif %}
104-
</td>
105-
</tr>
106-
</table>
73+
<img src="{{ post.image }}" class="nopadimg" alt="{{ title | escape }}">
74+
</div>
75+
</div>
76+
77+
<div class="papertext">
78+
<h2>{{ title }}</h2>
79+
<p>{{ post.authors }}</p>
80+
<p><strong>TL;DR:</strong> {{ post.tldr }}</p>
81+
{% if post.paperurl and post.codeurl and post.arxivurl and post.biburl %}
82+
<p><a href="{{ post.paperurl }}">[Paper]</a> |
83+
<a href="{{ post.codeurl }}">[Code]</a> |
84+
<a href="{{ post.arxivurl }}">[arXiv]</a> |
85+
<a href="{{ post.biburl }}">[BibTeX]</a></p>
86+
{% elsif post.paperurl and post.arxivurl and post.biburl %}
87+
<p><a href="{{ post.paperurl }}">[Paper]</a> |
88+
<a href="{{ post.arxivurl }}">[arXiv]</a> |
89+
<a href="{{ post.biburl }}">[BibTeX]</a></p>
90+
{% elsif post.paperurl and post.biburl %}
91+
<p><a href="{{ post.paperurl }}">[Paper]</a> |
92+
<a href="{{ post.biburl }}">[BibTeX]</a></p>
93+
{% endif %}
94+
</div>
95+
</div>
10796
</article>
10897
</div>

0 commit comments

Comments
 (0)