made the link on the news page to the actual publication item

Author: fradav

_quarto.yml

@@ -48,6 +48,7 @@ website:
       href: site/various/privacy.qmd
     - text: Terms of Use
       href: site/various/terms.qmd
+    center: ""
 format:
   html:
     theme:

custom.scss

@@ -118,3 +118,35 @@ div.quarto-post {
 p {
     text-align: justify;
 }
+
+// Ensure anchor scrolling works inside grid/flex containers
+.publication-anchor, a[id] {
+  scroll-margin-top: 80px; // Adjust to your header height
+}
+
+@media (max-width: 600px) {
+  a[id], .publication-anchor {
+    scroll-margin-top: 120px; // or more, adjust to your mobile header height
+  }
+}
+
+.nav-footer-center {
+  height: 0px;
+  max-height: 0px;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+}
+
+.nav-footer-left {
+  display: inline-block;
+  margin: 0 10px;
+  font-size: 0.9em;
+}
+
+@media screen and (max-width: 768px) {
+  .nav-footer-center {
+    display: none; // Hide left footer on small screens
+  }
+  
+}

index.qmd

@@ -3,14 +3,10 @@ description: <h1>COMPUTO</h1> A journal of the <a href="https://sfds.asso.fr/">F
   Statistical Society <img height="10px" src="assets/img/sfds.png" alt="SFdS"/></a>
   - ISSN 2824-7795
 listing:
-  contents: news.yml
-  sort: date desc
-  page-size: 5
-  fields:
-  - date
-  - description
-  feed:
-    items: 5
+  - id: published
+    template: site/news.ejs
+    contents: site/published.yml
+    sort: date desc
 ---
 
 :::: {layout="[30,70]" style="display: flex; margin-bottom: 3em;"}

site/news.ejs

@@ -0,0 +1,20 @@
+```{=html}
+<%
+// Only show articles from this year (2025) and not drafts
+const currentYear = new Date().getFullYear();
+for (const item of items) {
+  if (!item.draft && item.year == currentYear) { %>
+    <a href="/site/publications.html#<%= item.repo %>" class="list-group-item list-group-item-action">
+      <strong><%= item.date %></strong> — 
+      <%= item.title %>
+      <% if (item.authors) { %>
+        by <%= item.authors %>
+      <% } %>
+      <!-- <% if (item.url && item.url.trim()) { %>
+        [<a href="<%= item.url %>" target="_blank">link</a>]
+      <% } %> -->
+    </a>
+<%  }
+} %>
+```
+

site/publications.ejs

@@ -15,13 +15,14 @@ for (const item of items) {
     <div class="row year-section">
     <% currentYear = item.year;
   } %>
+      <a id="<%= item.repo %>" class="publication-anchor"></a>
       <div class="col-12 mb-3">
         <div class="card">
           <div class="card-body">
-            <div class="row align-items-center border-left border-primary">
+            <div class="row align-items-center">
               <div class="col-md-2">
                 <a href="https://github.com/computorg/<%- item.repo %>" target="_blank">
-                  <img style="width:100px;" src=https://img.shields.io/github/actions/workflow/status/computorg/<%- item.repo %>/build.yml?label=build&logo=github" class="img-fluid" alt="Build Status">
+                  <img src="https://img.shields.io/github/actions/workflow/status/computorg/<%- item.repo %>/build.yml?label=build&logo=github" class="img-fluid" alt="Build Status">
                 </a>
               </div>
               <div class="col-md-10">
@@ -137,5 +138,27 @@ for (const item of items) {
     // Show a temporary alert
     alert('BibTeX citation copied to clipboard!');
   }
+
+  document.addEventListener("DOMContentLoaded", function() {
+    if (window.location.hash) {
+      var el = document.getElementById(window.location.hash.substring(1));
+      if (el) {
+        el.scrollIntoView({ behavior: "auto", block: "center" });
+      }
+    }
+  });
+document.addEventListener("DOMContentLoaded", function() {
+  function scrollToAnchor() {
+    if (window.location.hash) {
+      var el = document.getElementById(window.location.hash.substring(1));
+      if (el) {
+        el.scrollIntoView({ behavior: "auto", block: "center" });
+      }
+    }
+  }
+  // Try immediately, then again after a short delay (for mobile/layout shifts)
+  scrollToAnchor();
+  setTimeout(scrollToAnchor, 400);
+});
 </script>
 ```