doi centralization, minor cosmetics on article pages

_quarto.yml

@@ -41,6 +41,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
+  }
+
+}

getcomputo-pub.fsx

@@ -153,6 +153,7 @@ let extractCitation (d: Dictionary<obj, obj>) =
     {| title = d |> getSomeString "title"
        authors = d |> getAuthors
        journal = d |> getAnotherThing "citation" |> getSomeString "container-title"
+       doi = d |> getAnotherThing "citation" |> getSomeString "doi"
        year = dateTime.Year
        date = dateTime.ToString("yyyy-MM-dd")
        description = d |> getSomeString "description"

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/mock-papers.yml

@@ -23,6 +23,7 @@
   date: 2008-08-11
   description: >
     This page is a reworking of the original t-SNE article using the Computo template. It aims to help authors submitting to the journal by using some advanced formatting features. We warmly thank the authors of t-SNE and the editor of JMLR for allowing us to use their work to illustrate the Computo spirit.
+  doi: ''
   draft: false
   journal: Computo
   pdf: ''
@@ -55,6 +56,7 @@
   date: 2008-08-11
   description: >
     This page is a reworking of the original t-SNE article using the Computo template. It aims to help authors submitting to the journal by using some advanced formatting features. We warmly thank the authors of t-SNE and the editor of JMLR for allowing us to use their work to illustrate the Computo spirit.
+  doi: ''
   draft: false
   journal: Computo
   pdf: ''

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

@@ -7,6 +7,7 @@
 // Group items by year
 let currentYear = null;
 for (const item of items) {
+  let doiurl = item.url === "" ? "https://doi.org/" + item.doi : item.url;
   if (item.year !== currentYear) {
     if (currentYear !== null) { %>
 </div> <!-- End previous year section -->
@@ -15,33 +16,34 @@ for (const item of items) {
     <div class="row year-section">
     <% currentYear = item.year;
   } %>
-      <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="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">
+      <a id="<%= item.repo %>" class="publication-anchor"></a>
+      <div class="col-12 mb-2">
+        <div class="card border-0" style="padding: 0.25rem 0.5rem; background: #fff;">
+          <div class="card-body p-1" style="padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;">
+            <div class="row align-items-start"> <!-- align-items-start for top alignment -->
+              <div class="col-md-2 col-3 d-flex flex-column justify-content-start align-items-start p-0 badge-left-align"> <!-- left-aligned, no padding -->
+                <a href="https://github.com/computorg/<%- item.repo %>" target="_blank" style="margin-left:0;">
+                  <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" style="vertical-align: top; margin-top: 0; margin-left:-20px; margin-top:5px; display:block;" />
                 </a>
               </div>
-              <div class="col-md-10">
-                <h5 class="card-title mb-2">
-                  <a href="<%= item.url %>" data-toggle="modal" data-target="#articleModal" class="text-decoration-none"><%= item.title %></a>
+              <div class="col-md-10 col-9 pl-1">
+                <h5 class="card-title mb-1" style="font-size:1.1em;">
+                  <a href="<%= doiurl %>" data-toggle="modal" data-target="#articleModal" class="text-decoration-none"><%= item.title %></a>
                 </h5>
                 <% if (item.authors) { %>
-                <p class="text-muted mb-2"><%= item.authors %></p>
+                <p class="text-muted mb-1" style="font-size:0.97em;"><%= item.authors %></p>
                 <% } %>
-                <p class="text-muted mb-3"><em>Computo</em>, <%= item.year %>.</p>
-                <div class="btn-group" role="group" aria-label="Article actions">
-                  <% if (item["abstract'"] && item["abstract'"].trim()) { %>
-                  <button type="button" class="btn btn-outline-secondary btn-sm" data-toggle="modal" data-target="#abstractModal" data-abstract="<%- item["abstract'"].replace(/"/g, '&quot;') %>" data-title="<%- item.title.replace(/"/g, '&quot;') %>">ABS</button>
+                <p class="text-muted mb-2" style="font-size:0.95em;"><em>Computo</em>, <%= item.year %>.</p>
+                <div class="btn-group btn-group-sm" role="group" aria-label="Article actions">
+                  <% if (item["abstract'" ] && item["abstract'"].trim()) { %>
+                  <button type="button" class="btn btn-outline-secondary btn-sm" data-toggle="modal" data-target="#abstractModal" data-abstract="<%- item["abstract'"].replace(/"/g, '&quot;') %>" data-title="<%- item.title.replace(/"/g, '&quot;') %>" style="padding:0.2em 0.6em;">ABS</button>
                   <% } %>
-                  <a href="<%= item.url %>" class="btn btn-outline-secondary btn-sm" target="_blank">HTML</a>
+                  <a href="<%= doiurl %>" class="btn btn-outline-secondary btn-sm" target="_blank" style="padding:0.2em 0.6em;">HTML</a>
                   <% if (item.pdf && item.pdf.trim()) { %>
-                  <a href="<%= item.pdf %>" class="btn btn-outline-secondary btn-sm" target="_blank">PDF</a>
+                  <a href="<%= item.pdf %>" class="btn btn-outline-secondary btn-sm" target="_blank" style="padding:0.2em 0.6em;">PDF</a>
                   <% } %>
-                  <a href="https://github.com/computorg/<%- item.repo %>" class="btn btn-outline-secondary btn-sm" target="_blank">GIT REPO</a>
-                  <button type="button" class="btn btn-outline-secondary btn-sm" onclick="generateBibTex('<%- item.title.replace(/'/g, "\\'") %>', '<%- item.authors.replace(/'/g, "\\'") %>', '<%= item.year %>', '<%= item.url %>')">BIB</button>
+                  <a href="https://github.com/computorg/<%- item.repo %>" class="btn btn-outline-secondary btn-sm" target="_blank" style="padding:0.2em 0.6em;">GIT REPO</a>
+                  <button type="button" class="btn btn-outline-secondary btn-sm" onclick="generateBibTex('<%- item.title.replace(/'/g, "\\'") %>', '<%- item.authors.replace(/'/g, "\\'") %>', '<%= item.year %>', '<%= doiurl %>')" style="padding:0.2em 0.6em;">BIB</button>
                 </div>
               </div>
             </div>
@@ -137,5 +139,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>
 ```

site/published.yml

@@ -10,6 +10,7 @@
   authors: Julien Jacques and Thomas Brendan Murphy
   date: 2025-07-01
   description: ''
+  doi: 10.57750/6v7b-8483
   draft: false
   journal: Computo
   pdf: ''
@@ -41,6 +42,7 @@
   authors: Thomas Ferté, Kalidou Ba, Dan Dutartre, Pierrick Legrand, Vianney Jouhet, Rodolphe Thiébaut, Xavier Hinaut and Boris P Hejblum
   date: 2025-06-27
   description: ''
+  doi: 10.57750/arxn-6z34
   draft: false
   journal: Computo
   pdf: ''
@@ -68,6 +70,7 @@
   date: 2025-01-27
   description: >
     This document provides a full description of the Stochastic Individual-Based Models (IBMs) that can be implemented in the IBMPopSim package. A unified mathematical and simulation framework is given, with a detailed description of the simulation algorithm. Examples of applications for the package are also provided, showing the performance and flexibility of IBMPopSim. 
+  doi: 10.57750/sfxn-1t05
   draft: false
   journal: Computo
   pdf: ''
@@ -96,6 +99,7 @@
   authors: Félix Laplante and Christophe Ambroise
   date: 2024-12-13
   description: Scalable Spectral Clustering Based on Vector Quantization
+  doi: 10.57750/1gr8-bk61
   draft: false
   journal: Computo
   pdf: ''
@@ -124,6 +128,7 @@
   authors: Herbert Susmann, Antoine Chambaz and Julie Josse
   date: 2024-07-18
   description: ''
+  doi: 10.57750/edan-5f53
   draft: false
   journal: Computo
   pdf: ''
@@ -164,6 +169,7 @@
   authors: Juliette Legrand, François Pimont, Jean-Luc Dupuy and Thomas Opitz
   date: 2024-07-12
   description: ''
+  doi: 10.57750/4y84-4t68
   draft: false
   journal: Computo
   pdf: ''
@@ -195,6 +201,7 @@
   authors: Liudmila Pishchagina, Guillem Rigaill and Vincent Runge
   date: 2024-07-12
   description: ''
+  doi: 10.57750/9vvx-eq57
   draft: false
   journal: Computo
   pdf: ''
@@ -223,6 +230,7 @@
     Sources of error can arise from the workers' skills, but also from the intrinsic difficulty of the task.
 
     We introduce `peerannot`, a Python library for managing and learning from crowdsourced labels of image classification tasks.
+  doi: 10.57750/qmaz-gr91
   draft: false
   journal: Computo
   pdf: ''
@@ -250,6 +258,7 @@
   date: 2024-03-11
   description: >
     This document provides a dimension-reduction strategy in order to improve the performance of importance sampling in high dimensions.
+  doi: 10.57750/jjza-6j82
   draft: false
   journal: Computo
   pdf: https://computo.sfds.asso.fr/published-202402-elmasri-optimal/published-202312-elmasri-optimal.pdf
@@ -268,6 +277,7 @@
   authors: Hamza Adrat and Laurent Decreusefond
   date: 2024-01-25
   description: ''
+  doi: 10.57750/3r07-aw28
   draft: false
   journal: Computo
   pdf: ''
@@ -321,6 +331,7 @@
   authors: Armand Favrot and David Makowski
   date: 2024-01-09
   description: ''
+  doi: 10.57750/6cgk-g727
   draft: false
   journal: Computo
   pdf: ''
@@ -355,6 +366,7 @@
   authors: Alice Cleynen, Louis Raynal and Jean-Michel Marin
   date: 2023-12-14
   description: ''
+  doi: 10.57750/3j8m-8d57
   draft: false
   journal: Computo
   pdf: ''
@@ -386,6 +398,7 @@
   authors: Maud Delattre and Estelle Kuhn
   date: 2023-11-21
   description: ''
+  doi: 10.57750/r5gx-jk62
   draft: false
   journal: Computo
   pdf: https://computo.sfds.asso.fr/published-202311-delattre-fim/published-202311-delattre-fim.pdf
@@ -419,6 +432,7 @@
   authors: Edmond Sanou, Christophe Ambroise and Geneviève Robin
   date: 2023-06-28
   description: ''
+  doi: 10.57750/1f4p-7955
   draft: false
   journal: Computo
   pdf: https://computo.sfds.asso.fr/published-202306-sanou-multiscale_glasso/published-202306-sanou-multiscale_glasso.pdf
@@ -449,6 +463,7 @@
   authors: Mathis Chagneux, Sylvain Le Corff, Pierre Gloaguen, Charles Ollion, Océane Lepâtre and Antoine Bruge
   date: 2023-02-16
   description: ''
+  doi: 10.57750/845m-f805
   draft: false
   journal: Computo
   pdf: https://computo.sfds.asso.fr/published-202301-chagneux-macrolitter/published-202301-chagneux-macrolitter.pdf
@@ -473,6 +488,7 @@
   date: 2023-01-12
   description: >
     The package $\textsf{clayton}$ is designed to be intuitive, user-friendly, and efficient. It offers a wide range of copula models, including Archimedean, Elliptical, and Extreme. The package is implemented in pure $\textsf{Python}$, making it easy to install and use.
+  doi: 10.57750/4szh-t752
   draft: false
   journal: Computo
   pdf: https://computo.sfds.asso.fr/published-202301-boulin-clayton/published-202301-boulin-clayton.pdf
@@ -509,6 +525,7 @@
   authors: Olivier Gimenez, Maëlis Kervellec, Jean-Baptiste Fanjul, Anna Chaine, Lucile Marescot, Yoann Bollet and Christophe Duchamp
   date: 2022-04-22
   description: ''
+  doi: 10.57750/yfm2-5f45
   draft: false
   journal: Computo
   pdf: ''