news: add EASE'23, EASE'26 replication study, MSR'22 papers + collapsible list

- Add EASE'26 large-scale replication study of our EASE'23 work (arXiv)
- Add EASE'23 "Are security commit messages informative? Not enough!" (local PDF)
- Add original MSR'22 SECOM paper (Oct 2022)
- Collapse Latest News to 3 items with a Show more/less toggle

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: sofiaoreis

public/EASE_23.pdf

@@ -1,4 +1,7 @@
-import { FiAward, FiHeadphones, FiStar, FiThumbsUp } from 'react-icons/fi';
+import { useState } from 'react';
+import { FiAward, FiChevronDown, FiChevronUp, FiHeadphones, FiStar, FiThumbsUp } from 'react-icons/fi';
+
+const COLLAPSED_COUNT = 3;
 
 type NewsItem = {
   icon: React.ReactNode;
@@ -7,6 +10,11 @@ type NewsItem = {
 };
 
 const newsItems: NewsItem[] = [
+  {
+    icon: <FiStar size={20} className="text-primary" />,
+    text: <>Our EASE'23 study replicated at scale in "On the Informativeness of Security Commit Messages: A Large-scale Replication Study", published at <a href="https://arxiv.org/abs/2604.20461" target="_blank">EASE'26</a>. <a href="https://arxiv.org/pdf/2604.20461" target="_blank">Paper</a></>,
+    date: "June 2026"
+  },
   {
     icon: <FiStar size={20} className="text-primary" />,
     text: <>NER-based work on Interpretable Vulnerability Reports published at <a href="https://claudiarmamede.github.io/publications/ase-25/" target="_blank">ASE'25</a>. <a href="https://claudiarmamede.github.io/assets/pdf/ase25.pdf" target="_blank">Paper</a></>,
@@ -17,11 +25,21 @@ const newsItems: NewsItem[] = [
     text: <>SECOM published at <a href="https://2025.msrconf.org/details/msr-2025-technical-papers/47/Towards-Security-Commit-Message-Standardization" target="_blank">MSR'25</a> - Research Track. <a href="/msr25_slides.pdf" target="_blank">Slides</a>, <a href="/MSR_25.pdf" target="_blank">Paper</a></>,
     date: "May 2025"
   },
+  {
+    icon: <FiStar size={20} className="text-primary" />,
+    text: <>"Are security commit messages informative? Not enough!" published at <a href="https://doi.org/10.1145/3593434.3593481" target="_blank">EASE'23</a>. <a href="/EASE_23.pdf" target="_blank">Paper</a></>,
+    date: "June 2023"
+  },
   {
     icon: <FiThumbsUp size={20} className="text-primary" />,
     text: <>Released <a href="https://security-commits.org/secomlint/#/">SECOMlint</a>: A compliance checker for the SECOM convention!</>,
     date: "May 2023"
   },
+  {
+    icon: <FiStar size={20} className="text-primary" />,
+    text: <>"SECOM: Towards a Convention for Security Commit Messages" published at <a href="https://conf.researchr.org/home/msr-2022" target="_blank">MSR'22</a> - Industry Track. <a href="https://dl.acm.org/doi/10.1145/3524842.3528513" target="_blank">Paper</a></>,
+    date: "October 2022"
+  },
   {
     icon: <FiAward size={20} className="text-primary" />,
     text: <>SECOM has been selected for the <a href="https://conf.researchr.org/track/msr-2022/msr-2022-foss-award?#Recipients" target="_blank">FOSS Award</a> at MSR'22.</>,
@@ -35,6 +53,10 @@ const newsItems: NewsItem[] = [
 ];
 
 const NewsSection = () => {
+  const [expanded, setExpanded] = useState(false);
+  const canCollapse = newsItems.length > COLLAPSED_COUNT;
+  const visibleItems = expanded ? newsItems : newsItems.slice(0, COLLAPSED_COUNT);
+
   return (
     <section id="news" className="py-16 bg-white">
       <div className="container mx-auto px-4">
@@ -47,9 +69,9 @@ const NewsSection = () => {
 
         <div className="max-w-4xl mx-auto">
           <div className="space-y-6">
-            {newsItems.map((item, index) => (
-              <div 
-                key={index} 
+            {visibleItems.map((item, index) => (
+              <div
+                key={index}
                 className="bg-background rounded-lg shadow-sm p-4 border flex items-start gap-4 transition-all hover:shadow-md"
               >
                 <div className="mt-1 flex-shrink-0">
@@ -62,6 +84,24 @@ const NewsSection = () => {
               </div>
             ))}
           </div>
+
+          {canCollapse && (
+            <div className="mt-8 text-center">
+              <button
+                type="button"
+                onClick={() => setExpanded((prev) => !prev)}
+                className="inline-flex items-center gap-2 rounded-lg border bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm transition-all hover:shadow-md hover:text-primary"
+                aria-expanded={expanded}
+                aria-controls="news"
+              >
+                {expanded ? (
+                  <>Show less <FiChevronUp size={16} /></>
+                ) : (
+                  <>Show more ({newsItems.length - COLLAPSED_COUNT} more) <FiChevronDown size={16} /></>
+                )}
+              </button>
+            </div>
+          )}
         </div>
       </div>
     </section>