precice · MuhammadAashirAslam · May 25, 2026
diff --git a/README.md b/README.md
@@ -71,9 +71,9 @@ A good starting point is the following:
 ```html
 <div class="background-light banner-container">
   <div class="container">
-    <div class="row no-margin">
+    <div class="row m-0">
       <div class="col-lg-12 banner">
-        <p class="no-margin">
+        <p class="m-0">
           This is the text of my news banner.
         </p>
       </div>

diff --git a/_config.yml b/_config.yml
@@ -73,6 +73,12 @@ defaults:
       search: true
       sidebar: home_sidebar
       topnav: topnav
+  -
+    scope:
+      path: "content/index.html"
+      type: "pages"
+    values:
+      topnav: topnav
   -
     scope:
       path: "content/docs"

diff --git a/_includes/algolia.html b/_includes/algolia.html
@@ -3,14 +3,14 @@
   appId: '{{ site.algolia.application_id }}',
   apiKey: '{{ site.algolia.search_only_api_key }}',
   indexName: '{{ site.algolia.index_name }}',
-  searchFunction: function(helper) {          // hide search result in init query
-    var searchResults = $('#search-results');
+  searchFunction: function(helper) {
+    var searchResults = document.getElementById('search-results');
     if (helper.state.query === '') {
-      searchResults.hide();
+      if (searchResults) searchResults.style.display = 'none';
       return;
     }
     helper.search();
-    searchResults.show();
+    if (searchResults) searchResults.style.display = 'block';
   }
 });
 
@@ -65,58 +65,43 @@ <h2><a class="result-link" href="${url}">${title}</a></h2>
 
 algoliaSearch.start();
 
-// Patch the style of the search input bar generated by the above script
-// The equivalent CSS is below, however, including <style> in <body> is against the W3C commandments
-// Chrome and Firefox had baby called scope, but it didn't make it
-// https://stackoverflow.com/questions/2830296/using-style-tags-in-the-body-with-other-html
-var elem = document.querySelector('.ais-search-box--powered-by');
-elem.style.marginTop = '-15px';
-elem.style.paddingRight = '5px';
-
-var elem = document.querySelector('.nav li a.ais-search-box--powered-by-link');
-elem.style.padding = '0';
-elem.style.backgroundColor = 'transparent';
-elem.style.display = "inline-block";
-
-var elem = document.querySelector('.ais-search-box--input');
-elem.style.paddingLeft = '10px';
-elem.style.borderColor = '#0A76BB';
-
-var elem = document.querySelector('.ais-search-box');
-elem.style.padding = '.5em';
-elem.style.marginBottom = '0px';
-elem.style.marginLeft = '10px';
-elem.style.marginTop = '0px';
-elem.style.width = '20em';
-elem.style.fontSize = '0.8em';
-elem.style.height = '50px';
-elem.style.boxSizing = 'border-box';
-
-/*<style type="text/css">
-.ais-search-box--powered-by {
-  margin-top: -15px;
-  padding-right: 5px;
-}
-.nav li a.ais-search-box--powered-by-link {
-  padding: 0;
-  background-color: transparent;
-  display: inline-block;
-}
-.ais-search-box--input {
-  padding-left: 10px;
-  border-color: #0A76BB;
-}
-.ais-search-box {
-  padding: .5em;
-  margin-bottom: 0px;
-  margin-left: 10px;
-  margin-top: 0px;
-  width: 20em;
-  font-size: 0.8em;
-  box-sizing: border-box;
-  height: 50px;
-}
-</style>*/
+// Navbar search layout (patch after start — same as precice.org)
+(function patchAlgoliaNavbarStyles() {
+  var box = document.querySelector('.navbar .ais-search-box');
+  var input = document.querySelector('.navbar .ais-search-box--input');
+  var reset = document.querySelector('.navbar .ais-search-box--reset');
+  var poweredBy = document.querySelector('.navbar .ais-search-box--powered-by');
+  var poweredByLink = document.querySelector('.navbar .nav li a.ais-search-box--powered-by-link');
+  if (poweredBy) {
+    poweredBy.style.marginTop = '-15px';
+    poweredBy.style.paddingRight = '5px';
+    poweredBy.style.pointerEvents = 'none';
+  }
+  if (poweredByLink) {
+    poweredByLink.style.padding = '0';
+    poweredByLink.style.backgroundColor = 'transparent';
+    poweredByLink.style.display = 'inline-block';
+    poweredByLink.style.pointerEvents = 'auto';
+  }
+  if (reset) {
+    reset.style.zIndex = '10';
+    reset.style.cursor = 'pointer';
+  }
+  if (input) {
+    input.style.paddingLeft = '10px';
+    input.style.borderColor = '#0A76BB';
+  }
+  if (box) {
+    box.style.padding = '.5em';
+    box.style.marginBottom = '0';
+    box.style.marginLeft = '10px';
+    box.style.marginTop = '0';
+    box.style.width = '20em';
+    box.style.fontSize = '0.8em';
+    box.style.height = '50px';
+    box.style.boxSizing = 'border-box';
+  }
+})();
 
 // some hacky JS to hide the search results until we move to docsearch (which is a true autocomplete-type search)
 document.addEventListener('mouseup', function(e) {

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -2,15 +2,15 @@
   <div class="container">
 
 {% if page.layout != "landing_page" %}
-    <div class="row equal">
-      <div class="col-md-4" style="background:white;border-radius:1rem;padding:0 3rem;margin:0 auto 50px auto;">
-        <h2> The preCICE newsletter </h2>
+    <div class="row">
+      <div class="col-12 col-sm-10 col-md-6 col-lg-5 col-xl-4 bg-white rounded-4 p-4 mx-auto mb-5">
+        <h2 class="text-center fs-5 fw-medium mt-1 mb-3 text-dark" style="font-family: 'Fira Sans', Roboto, sans-serif;">The preCICE newsletter</h2>
         {% include newsletter.html %}
-        </div>
+      </div>
     </div>
 {% endif %}
 
-    <div class="row equal text-center">
+    <div class="row text-center">
       <div class="col-md-4">
         <nav aria-label="Footer left">
           <ul class="list-unstyled">

diff --git a/_includes/head.html b/_includes/head.html
@@ -1,5 +1,4 @@
 <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 {% if page.summary %}
 <meta name="description" content="{{ page.summary | strip_html | strip_newlines }}">
@@ -50,17 +49,15 @@
 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 
 <!-- Bootstrap -->
-<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
 
 <!-- Local CSS -->
-<link rel="stylesheet" href="{{ "css/modern-business.css" }}">
-<link rel="stylesheet" href="{{ "css/customstyles.css" }}">
-<link rel="stylesheet" href="{{ "css/customstyles-precice.css" }}">
-<link rel="stylesheet" href="{{ "css/boxshadowproperties.css" }}">
-<link rel="stylesheet" href="{{ "css/bookcover.css" }}">
+<link rel="stylesheet" href="{{ "css/customstyles.css" }}?v={{ site.time | date: '%s' }}">
+<link rel="stylesheet" href="{{ "css/customstyles-precice.css" }}?v={{ site.time | date: '%s' }}">
+<link rel="stylesheet" href="{{ "css/boxshadowproperties.css" }}?v={{ site.time | date: '%s' }}">
+<link rel="stylesheet" href="{{ "css/bookcover.css" }}?v={{ site.time | date: '%s' }}">
 <!-- Color styles -->
-<link rel="stylesheet" href="{{ "css/theme-precice.css" }}">
+<link rel="stylesheet" href="{{ "css/theme-precice.css" }}?v={{ site.time | date: '%s' }}">
 <!-- Styling for landing page -->
 {% if page.url == "/index.html" %}
 <link rel="stylesheet" href="{{ "css/landing-page.css" }}">
@@ -73,19 +70,13 @@
 <script src="https://cdn.jsdelivr.net/npm/anchor-js@4.2.0/anchor.min.js" integrity="sha256-m1eTvwEHwmsw4+XKF7BshClVJEPwTVycveNl0CS0Mkk=" crossorigin="anonymous"></script>
 
 <!-- Bootstrap JavaScript (requires jquery) -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
 
 <!-- Local JS -->
-<script src="{{ "js/jquery.navgoco.min.js" }}"></script>
 <script src="{{ "js/toc.js" }}"></script>
 <script src="{{ "js/customscripts.js" }}"></script>
 
-<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-<![endif]-->
+
 
 <!-- KaTeX -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">

diff --git a/_includes/head_print.html b/_includes/head_print.html
@@ -14,11 +14,9 @@
 <link rel="stylesheet" href="{{ "css/fontawesome.6.7.2.all.min.css" }}">
 
 <!-- Bootstrap -->
-<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
-<link rel="stylesheet" href="{{ "css/bootstrap.min.css" }}">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
 
 <!-- Local CSS -->
-<link rel="stylesheet" href="{{ "css/modern-business.css" }}">
 <link rel="stylesheet" href="{{ "css/customstyles.css" }}">
 <link rel="stylesheet" href="{{ "css/customstyles-precice.css" }}">
 <link rel="stylesheet" href="{{ "css/boxshadowproperties.css" }}">

diff --git a/_includes/news_banner.html b/_includes/news_banner.html
@@ -6,9 +6,9 @@
 
 <aside role="banner" class="background-light banner-container">
   <div class="container">
-    <div class="row no-margin">
+    <div class="row m-0">
       <div class="col-lg-12 banner">
-        <p class="no-margin">
+        <p class="m-0">
           Submit your abstract to the <a href="eccomas-wccm-2026.html">preCICE session at WCCM 2026</a> (Munich, July 19-24) - Abstract deadline extended till Feb 9
         </p>
       </div>

diff --git a/_includes/publication_panel.html b/_includes/publication_panel.html
@@ -0,0 +1,82 @@
+{% comment %}
+  Renders a blue-bordered publication citation box (same as precice.org / landing page).
+
+  Usage:
+    {% include publication_panel.html title="Exact publication title" %}
+    {% include publication_panel.html pub=pub %}
+    {% include publication_panel.html pub=pub flexible=true wrapper=false show_doi_in_body=true %}
+
+  Parameters:
+    title / pub          — lookup or pass publication from site.publications
+    flexible             — optional journal fields (fenics related literature)
+    wrapper              — wrap in row + col-md-10 offset-md-1 (default: true)
+    show_doi_in_body     — append doi link in the citation line
+    require_pub_url      — only show Publisher's site when pub-url is set
+{% endcomment %}
+
+{% if include.pub %}
+  {% assign pub = include.pub %}
+{% elsif include.title %}
+  {% assign pub = nil %}
+  {% for p in site.publications %}
+    {% if p.title == include.title %}
+      {% assign pub = p %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+{% if pub %}
+  {% if pub.doi %}
+    {% assign publisher_url = pub.doi | prepend: 'https://www.doi.org/' %}
+  {% else %}
+    {% assign publisher_url = pub.pub-url %}
+  {% endif %}
+
+  {% assign use_wrapper = true %}
+  {% if include.wrapper == false %}
+    {% assign use_wrapper = false %}
+  {% endif %}
+
+  {% if use_wrapper %}
+<div class="row">
+<div class="col-md-10 offset-md-1">
+  {% endif %}
+  <div class="card border-primary panel-precice">
+    <div class="card-header-precice">
+      <strong>{{ pub.title }}</strong>
+    </div>
+    <div class="card-body">
+      <p>
+        {% if include.flexible %}
+        <em>{{ pub.authors }}</em>{% if pub.journal.name %} {{ pub.journal.name }}, {% endif %}{% if pub.journal.volume %}Volume {{ pub.journal.volume }}, {% endif %}{% if pub.journal.publisher %}{{ pub.journal.publisher }}, {% endif %}{{ pub.year }}{% if include.show_doi_in_body and pub.doi %}, <a href="https://www.doi.org/{{ pub.doi }}">doi:{{ pub.doi }}</a>{% endif %}.
+        {% elsif pub.journal.issue %}
+        <em>{{ pub.authors }}</em>,
+        {{ pub.journal.name }},
+        {{ pub.year }},
+        {{ pub.journal.volume }}:{{ pub.journal.issue }}{% if include.show_doi_in_body and pub.doi %}, <a href="https://www.doi.org/{{ pub.doi }}">doi:{{ pub.doi }}</a>{% endif %}.
+        {% else %}
+        <em>{{ pub.authors }}</em>,
+        {{ pub.journal.name }}{% if pub.journal.volume %},
+        Volume {{ pub.journal.volume }}{% endif %}{% if pub.journal.publisher %},
+        {{ pub.journal.publisher }}{% endif %},
+        {{ pub.year }}{% if include.show_doi_in_body and pub.doi %}, <a href="https://www.doi.org/{{ pub.doi }}">doi:{{ pub.doi }}</a>{% endif %}.
+        {% endif %}
+      </p>
+      {% if include.flexible and include.require_pub_url %}
+        {% if pub.pub-url %}
+      <a href="{{ pub.pub-url }}">Publisher's site</a>&nbsp;&nbsp;
+        {% endif %}
+      {% elsif publisher_url %}
+      <a href="{{ publisher_url }}">Publisher's site</a>&nbsp;&nbsp;
+      {% endif %}
+      {% if pub.bibtex %}
+      <a href="assets/{{ pub.bibtex }}">Download BibTeX &nbsp;<i class="fas fa-download"></i></a>
+      {% endif %}
+    </div>
+  </div>
+  {% if use_wrapper %}
+</div>
+</div>
+  {% endif %}
+{% endif %}