|
101 | 101 | .drawer-more-link:hover { border-bottom-color: var(--accent); } |
102 | 102 |
|
103 | 103 | /* Publications */ |
104 | | - .publications-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 3rem; } |
105 | | - .pub-item { padding: 1.5rem 0; border-bottom: 1px solid var(--border-light); } |
106 | | - .pub-item:first-child { border-top: 2px solid var(--text); padding-top: 1.75rem; } |
| 104 | + .publications-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 2rem; } |
| 105 | + .pub-item { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: 0.5rem; padding: 0.9rem 0; border-bottom: 1px solid var(--border-light); } |
| 106 | + .pub-item:first-child { border-top: 2px solid var(--text); padding-top: 1.1rem; } |
107 | 107 | .pub-item:last-child { border-bottom: none; } |
108 | | - .pub-number { font-family: var(--serif); font-size: 0.82rem; font-weight: 600; color: var(--text-light); margin-bottom: 0.4rem; } |
109 | | - .pub-title { font-family: var(--serif); font-size: 1.05rem; font-weight: 600; color: var(--text); line-height: 1.4; margin-bottom: 0.4rem; } |
110 | | - .pub-authors { font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem; line-height: 1.5; } |
| 108 | + .pub-number { font-family: var(--serif); font-size: 1.05rem; font-weight: 600; color: var(--text-light); line-height: 1.4; } |
| 109 | + .pub-body { min-width: 0; } |
| 110 | + .pub-title { font-family: var(--serif); font-size: 1.05rem; font-weight: 600; color: var(--text); line-height: 1.4; margin-bottom: 0.2rem; } |
| 111 | + .pub-authors { font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 0.1rem; } |
111 | 112 | .pub-authors strong { color: var(--text); font-weight: 600; } |
112 | 113 | .pub-journal { font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; } |
113 | 114 | .pub-journal a { color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s; } |
114 | 115 | .pub-journal a:hover { border-bottom-color: var(--accent); } |
115 | | - .pub-preprint { font-size: 0.82rem; color: var(--text-light); margin-top: 0.25rem; } |
| 116 | + .pub-preprint { font-size: 0.8rem; color: var(--text-light); margin-top: 0.15rem; } |
116 | 117 | .pub-preprint a { color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s; } |
117 | 118 | .pub-preprint a:hover { border-bottom-color: var(--accent); } |
118 | 119 |
|
|
128 | 129 | .about-sidebar-item + .about-sidebar-item { margin-top: 0.75rem; } |
129 | 130 |
|
130 | 131 | /* Talks */ |
131 | | - .talks-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 3rem; } |
132 | | - .talk-item { display: grid; grid-template-columns: 120px 1fr; gap: 1.5rem; padding: 1.25rem 0; border-bottom: 1px solid var(--border-light); align-items: baseline; } |
133 | | - .talk-item:first-child { border-top: 2px solid var(--text); padding-top: 1.5rem; } |
| 132 | + .talks-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 2rem; } |
| 133 | + .talk-item { display: grid; grid-template-columns: 100px 1fr; gap: 1.25rem; padding: 0.7rem 0; border-bottom: 1px solid var(--border-light); align-items: baseline; } |
| 134 | + .talk-item:first-child { border-top: 2px solid var(--text); padding-top: 0.9rem; } |
134 | 135 | .talk-item:last-child { border-bottom: none; } |
135 | | - .talk-date { font-size: 0.78rem; color: var(--text-light); font-weight: 500; white-space: nowrap; } |
136 | | - .talk-title { font-family: var(--serif); font-size: 0.95rem; font-weight: 600; color: var(--text); line-height: 1.4; margin-bottom: 0.25rem; } |
137 | | - .talk-venue { font-size: 0.84rem; color: var(--text-muted); line-height: 1.5; } |
138 | | - .talk-venues { margin-top: 0.3rem; } |
139 | | - .talk-venue-line { font-size: 0.84rem; color: var(--text-muted); line-height: 1.7; } |
| 136 | + .talk-date { font-size: 0.76rem; color: var(--text-light); font-weight: 500; white-space: nowrap; } |
| 137 | + .talk-title { font-family: var(--serif); font-size: 0.92rem; font-weight: 600; color: var(--text); line-height: 1.35; margin-bottom: 0.15rem; } |
| 138 | + .talk-venue { font-size: 0.82rem; color: var(--text-muted); line-height: 1.45; } |
| 139 | + .talk-venues { margin-top: 0.2rem; } |
| 140 | + .talk-venue-line { font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; } |
140 | 141 | .talk-venue-date { color: var(--text-light); } |
141 | | - .talk-type { display: inline-block; font-size: 0.65rem; font-weight: 600; padding: 0.12rem 0.45rem; border-radius: 2px; margin-left: 0.5rem; vertical-align: middle; } |
| 142 | + .talk-type { display: inline-block; font-size: 0.62rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 2px; margin-left: 0.4rem; vertical-align: middle; } |
142 | 143 | .talk-type-talk { background: var(--accent-light); color: var(--accent); } |
143 | 144 | .talk-type-poster { background: var(--tag-multiferroics-bg); color: var(--tag-multiferroics); } |
144 | 145 |
|
|
160 | 161 |
|
161 | 162 | /* Footer */ |
162 | 163 | footer { max-width: 1400px; margin: 3rem auto 0; padding: 1.5rem 3rem 3rem; border-top: 1px solid var(--border); text-align: center; font-size: 0.78rem; color: var(--text-light); } |
| 164 | + footer .footer-updated { display: block; margin-top: 0.4rem; font-size: 0.72rem; color: var(--text-light); opacity: 0.8; } |
163 | 165 |
|
164 | 166 | /* Animations */ |
165 | 167 | .section-panel { opacity: 0; transform: translateY(12px); animation: fadeUp 0.4s ease forwards; } |
|
242 | 244 |
|
243 | 245 | function render(D) { |
244 | 246 | $('.site-name').textContent = D.site.name; |
245 | | - $('footer').textContent = D.site.footer; |
| 247 | + $('footer').innerHTML = D.site.footer + (D.site.lastUpdated ? `<span class="footer-updated">Last updated: ${D.site.lastUpdated}</span>` : ''); |
246 | 248 | document.title = D.site.name; |
247 | 249 |
|
248 | 250 | // HOME |
@@ -323,10 +325,12 @@ <h2>${sec.title}</h2> |
323 | 325 | ${D.publications.items.map((p, i) => ` |
324 | 326 | <div class="pub-item" style="animation-delay:${0.05 + i * 0.05}s"> |
325 | 327 | <div class="pub-number">${p.number}.</div> |
326 | | - <div class="pub-title">${p.title}</div> |
327 | | - <div class="pub-authors">${bold(p.authors)}</div> |
328 | | - <div class="pub-journal"><a href="${p.url}" target="_blank">${p.journal}</a> ${p.citation}</div> |
329 | | - ${p.arxiv ? `<div class="pub-preprint">Arxiv Preprint: <a href="${p.arxivUrl}" target="_blank">${p.arxiv}</a> (${p.arxivYear})</div>` : ''} |
| 328 | + <div class="pub-body"> |
| 329 | + <div class="pub-title">${p.title}</div> |
| 330 | + <div class="pub-authors">${bold(p.authors)}</div> |
| 331 | + <div class="pub-journal"><a href="${p.url}" target="_blank">${p.journal}</a> ${p.citation}</div> |
| 332 | + ${p.arxiv ? `<div class="pub-preprint">Arxiv Preprint: <a href="${p.arxivUrl}" target="_blank">${p.arxiv}</a> (${p.arxivYear})</div>` : ''} |
| 333 | + </div> |
330 | 334 | </div>`).join('')} |
331 | 335 | </div>`; |
332 | 336 |
|
|
0 commit comments