@@ -7,20 +7,49 @@ title: Publications
77
88<div class =" publications-list " >
99 {% for paper in site.data.papers %}
10- <div class =" paper-item " style =" margin-bottom : 20px ;" >
11-
12- <div style =" font-weight : bold ; font-size : 1.1em ;" >
13- <a href =" {{ paper.url }} " >{{ paper.title }}</a >
14- </div >
10+ <div class =" paper-item " style =" margin-bottom : 30px ; padding-bottom : 30px ; border-bottom : 1px solid #eee ;" >
1511
16- <div style="color: #444;">
17- {{ paper.authors }}
18- </div>
12+ <div style="display: flex; gap: 20px; align-items: start;">
13+ {% if paper.img %}
14+ <div class="paper-image" style="flex-shrink: 0;">
15+ <img src="{{ paper.img | relative_url }}" alt="{{ paper.title }}" style="width: 150px; height: 150px; object-fit: cover; border-radius: 4px; border: 1px solid #ddd;">
16+ </div>
17+ {% endif %}
18+
19+ <div class="paper-content" style="flex: 1;">
20+ <div style="font-weight: bold; font-size: 1.1em; margin-bottom: 8px;">
21+ <a href="{{ paper.url }}" style="text-decoration: none; color: #333;">{{ paper.title }}</a>
22+ </div>
23+
24+ <div style="color: #444; margin-bottom: 5px;">
25+ {{ paper.authors }}
26+ </div>
1927
20- <div style="font-style: italic; color: #666;">
21- {{ paper.venue }} ({{ paper.year }})
28+ <div style="font-style: italic; color: #666; margin-bottom: 10px;">
29+ {{ paper.venue }} ({{ paper.year }})
30+ </div>
31+
32+ {% if paper.tldr %}
33+ <div class="paper-tldr" style="background: #f8f9fa; padding: 10px 15px; border-left: 3px solid #007bff; border-radius: 3px; font-size: 0.95em; color: #555; line-height: 1.5;">
34+ <strong>TL;DR:</strong> {{ paper.tldr }}
35+ </div>
36+ {% endif %}
37+ </div>
2238 </div>
2339
2440 </div>
2541 {% endfor %}
26- </div >
42+ </div >
43+
44+ <style >
45+ @media (max-width : 768px ) {
46+ .paper-item {
47+ flex-direction : column !important ;
48+ }
49+
50+ .paper-image img {
51+ width : 100% !important ;
52+ max-width : 200px ;
53+ }
54+ }
55+ </style >
0 commit comments