Update

static/index.html

@@ -38,7 +38,7 @@
         <div class="w-8 h-8 rounded-lg bg-gradient-to-br from-accent-500 to-accent-700 flex items-center justify-center text-white text-lg">✒</div>
         <div>
           <h1 class="font-semibold text-ink-900 leading-tight">LLM-as-Annotator</h1>
-          <div class="text-[11px] text-ink-500 leading-tight">LREC 2026 · <a class="hover:text-accent-600" target="_blank" :href="paperLink">paper</a></div>
+          <div class="text-[11px] text-ink-500 leading-tight">LREC 2026 · <a class="hover:text-accent-600 inline-flex items-center gap-1 align-middle" target="_blank" href="https://aclanthology.org/2026.loreslm-1.28/" title="Read on ACL Anthology"><img src="/static/logos/acl-anthology.svg" alt="ACL Anthology" class="inline-block h-3 w-3 align-middle">paper: Vidal-Gorène et al. 2026, LoResLM →</a></div>
         </div>
       </div>
 
@@ -108,21 +108,6 @@
     </div>
   </header>
 
-  <!-- =====================================================================
-       PAPER BANNER (companion paper, ACL Anthology)
-       ===================================================================== -->
-  <div class="max-w-[1400px] mx-auto px-5 pt-5">
-    <a href="https://aclanthology.org/2026.loreslm-1.28/" target="_blank" class="paper-banner group">
-      <img src="/static/logos/acl-anthology.svg" alt="ACL Anthology" class="paper-anthology-logo">
-      <div class="paper-meta">
-        <div class="paper-eyebrow">Based on paper from LoResLM 2026</div>
-        <div class="paper-title">Under-resourced studies of under-resourced languages: lemmatization and POS-tagging with LLM annotators for historical Armenian, Georgian, Greek and Syriac</div>
-        <div class="paper-authors">Vidal-Gorène · Kindt · Cafiero (2026)</div>
-      </div>
-      <span class="paper-cta">Read on ACL Anthology <span class="group-hover:translate-x-0.5 transition inline-block">→</span></span>
-    </a>
-  </div>
-
   <!-- =====================================================================
        LAYOUT
        ===================================================================== -->
@@ -740,9 +725,8 @@
        FOOTER LOGOS
        ===================================================================== -->
   <footer class="orgs-footer">
-    <div class="max-w-[1400px] mx-auto px-5 py-4 flex flex-wrap items-center justify-center gap-x-8 gap-y-3">
-      <span class="text-[11px] text-ink-500 uppercase tracking-wider font-semibold">Tutorial</span>
-      <img src="/static/logos/LREC2026.png" alt="LREC 2026" title="LREC 2026 — Linguistic Resources and Evaluation Conference" class="org-logo">
+    <div class="max-w-[1400px] mx-auto px-5 py-2.5 flex flex-wrap items-center justify-center gap-x-5 gap-y-2">
+      <img src="/static/logos/LREC2026.png" alt="LREC 2026" title="LREC 2026" class="org-logo">
       <img src="/static/logos/chartes.png" alt="École nationale des chartes — PSL" title="École nationale des chartes — PSL" class="org-logo">
       <img src="/static/logos/cjm.png" alt="Centre Jean-Mabillon" title="Centre Jean-Mabillon" class="org-logo">
       <img src="/static/logos/culturelab.png" alt="PSL CultureLab" title="PSL CultureLab (ANR-10-IDEX-0001)" class="org-logo">

static/styles.css

@@ -359,87 +359,20 @@ textarea.input { font-family: 'JetBrains Mono', monospace; }
 @keyframes slideIn { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
 
 /* ============================================================
-   Paper banner (ACL Anthology)
-   ============================================================ */
-.paper-banner {
-  display: flex;
-  align-items: center;
-  gap: 1.1rem;
-  padding: 0.9rem 1.2rem;
-  background: white;
-  border: 1px solid #e5e7eb;
-  border-left: 4px solid #ed1c24;  /* ACL red */
-  border-radius: 10px;
-  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
-  transition: box-shadow 0.15s, border-color 0.15s;
-  text-decoration: none;
-  color: inherit;
-}
-.paper-banner:hover {
-  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
-  border-color: #d1d5db;
-  border-left-color: #ed1c24;
-}
-.paper-anthology-logo {
-  width: 56px;
-  height: 56px;
-  flex-shrink: 0;
-  object-fit: contain;
-}
-.paper-meta { flex: 1; min-width: 0; }
-.paper-eyebrow {
-  font-size: 10.5px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #ed1c24;  /* ACL red */
-  margin-bottom: 2px;
-}
-.paper-title {
-  font-size: 13.5px;
-  font-weight: 600;
-  color: #111827;
-  line-height: 1.35;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.paper-authors {
-  font-size: 11.5px;
-  color: #6b7280;
-  margin-top: 2px;
-  font-style: italic;
-}
-.paper-cta {
-  flex-shrink: 0;
-  font-size: 12px;
-  font-weight: 600;
-  color: #ed1c24;
-  white-space: nowrap;
-  padding-left: 0.5rem;
-}
-
-@media (max-width: 720px) {
-  .paper-banner { flex-direction: column; align-items: flex-start; gap: 0.6rem; }
-  .paper-cta { padding-left: 0; }
-}
-
-/* ============================================================
-   Organization logos footer
+   Organization logos footer (small)
    ============================================================ */
 .orgs-footer {
   border-top: 1px solid #e5e7eb;
   background: white;
-  margin-top: 2rem;
+  margin-top: 1.5rem;
 }
 .org-logo {
-  height: 32px;
+  height: 20px;
   width: auto;
-  max-width: 140px;
+  max-width: 100px;
   object-fit: contain;
-  opacity: 0.7;
-  filter: saturate(0.9);
+  opacity: 0.6;
+  filter: saturate(0.85);
   transition: opacity 0.15s, filter 0.15s;
 }
 .org-logo:hover {