|
103 | 103 | /* Publications */ |
104 | 104 | .publications-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 2rem; } |
105 | 105 | .pub-item { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: 0.5rem; padding: 0.9rem 0; } |
106 | | - .pub-item:first-child { border-top: 2px solid var(--text); padding-top: 1.1rem; } |
| 106 | + .pub-item:first-child { border-top: none; padding-top: 0.9rem; } |
107 | 107 | .pub-number { font-family: var(--serif); font-size: 1.05rem; font-weight: 600; color: var(--text-light); line-height: 1.4; } |
108 | 108 | .pub-body { min-width: 0; } |
109 | 109 | .pub-title { font-family: var(--serif); font-size: 1.05rem; font-weight: 600; color: var(--text); line-height: 1.4; margin-bottom: 0.2rem; } |
|
130 | 130 | /* Talks */ |
131 | 131 | .talks-list { max-width: 1400px; margin: 0 auto; padding: 0 3rem 2rem; } |
132 | 132 | .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; } |
133 | | - .talk-item:first-child { border-top: 2px solid var(--text); padding-top: 0.9rem; } |
| 133 | + .talk-item:first-child { border-top: none; padding-top: 0.7rem; } |
134 | 134 | .talk-item:last-child { border-bottom: none; } |
135 | 135 | .talk-item.hidden-extra { display: none; } |
136 | 136 | .talks-list.expanded .talk-item.hidden-extra { display: grid; } |
|
148 | 148 |
|
149 | 149 | /* Misc page sections */ |
150 | 150 | .misc-page { max-width: 1400px; margin: 0 auto; padding: 0 3rem 3rem; } |
151 | | - .misc-section { margin-top: 2rem; } |
152 | | - .misc-section:first-child { margin-top: 0; } |
153 | | - .misc-section-title { font-family: var(--serif); font-size: 1.25rem; font-weight: 600; letter-spacing: -0.01em; padding-top: 1.1rem; padding-bottom: 0.9rem; border-top: 2px solid var(--text); margin-bottom: 0; } |
| 151 | + .misc-section { margin-top: 3.5rem; } |
| 152 | + .misc-section:first-child { margin-top: 1rem; } |
| 153 | + .misc-section-title { font-family: var(--serif); font-size: 1.25rem; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 1.5rem; position: relative; display: inline-block; } |
| 154 | + .misc-section-title::after { content: ''; position: absolute; left: 0; bottom: -0.55rem; width: 32px; height: 2px; background: var(--accent); } |
154 | 155 | .misc-section .talks-list, .misc-section .repo-list { padding: 0; } |
| 156 | + .misc-section .talk-item:first-child { border-top: none; padding-top: 0.7rem; } |
155 | 157 |
|
156 | 158 | /* Repo list */ |
157 | 159 | .repo-list { display: grid; gap: 0; } |
@@ -446,7 +448,7 @@ <h2 class="misc-section-title">Code</h2> |
446 | 448 | <div class="misc-section"> |
447 | 449 | <h2 class="misc-section-title">Talks & Presentations</h2> |
448 | 450 | <div class="talks-list" id="talks-list">${talksHTML}</div> |
449 | | - ${hiddenCount > 0 ? `<button class="expand-toggle" onclick="toggleTalks(this)" data-more="Show ${hiddenCount} more" data-less="Show fewer"><span class="arrow">▾</span> <span class="label">Show ${hiddenCount} more</span></button>` : ''} |
| 451 | + ${hiddenCount > 0 ? `<button class="expand-toggle" onclick="toggleTalks(this)" data-more="Show more" data-less="Show fewer"><span class="arrow">▾</span> <span class="label">Show more</span></button>` : ''} |
450 | 452 | </div> |
451 | 453 | </div>`; |
452 | 454 |
|
|
0 commit comments