Skip to content
Merged
Show file tree
Hide file tree
Changes from 19 commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
7732ffc
Bootstrap 5.3.8
MuhammadAashirAslam May 25, 2026
ad59cb6
style: address PR review feedback on CSS files and center about page …
MuhammadAashirAslam Jun 1, 2026
5b709ef
style: refactor remaining navigation selectors with modern :is() in c…
MuhammadAashirAslam Jun 1, 2026
c414060
update secondary button border color to black and align literature gu…
MuhammadAashirAslam Jun 2, 2026
eabeba1
Polish Bootstrap 5 migration follow-ups
MuhammadAashirAslam Jun 6, 2026
3c8699b
Fix landing page review follow-ups
MuhammadAashirAslam Jun 6, 2026
0356d97
Use clearer sidebar item variable
MuhammadAashirAslam Jun 8, 2026
04239cb
Fix navbar logo home link
MuhammadAashirAslam Jun 8, 2026
ab5b9ec
Use root URL for navbar logo link
MuhammadAashirAslam Jun 9, 2026
ec6576e
Remove Glyphicons font files
MuhammadAashirAslam Jun 9, 2026
d791976
Use Bootstrap 5.3.8 local assets for PDF builds
MuhammadAashirAslam Jun 9, 2026
b3d01bb
Widen PDF print layout
MuhammadAashirAslam Jun 9, 2026
843d255
Update Bootstrap version documentation
MuhammadAashirAslam Jun 9, 2026
a59a290
Remove old Bootstrap references
MuhammadAashirAslam Jun 9, 2026
0c7b8eb
Restore open projects page wording
MuhammadAashirAslam Jun 10, 2026
2a75240
Fix browser print layout
MuhammadAashirAslam Jun 11, 2026
f689f51
Use Bootstrap table styling and trim custom CSS
MuhammadAashirAslam Jun 11, 2026
2969261
Restore table header colors
MuhammadAashirAslam Jun 11, 2026
5ad7bbf
Show print QR code only once
MuhammadAashirAslam Jun 11, 2026
4288212
Avoid duplicate code_aster overview link
MuhammadAashirAslam Jun 15, 2026
48697e6
Merge branch 'master' into bootstrap5-migration
MakisH Jun 15, 2026
d3bbccc
Adjust div classes in precice-workshop-2027.md
MakisH Jun 15, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
97 changes: 41 additions & 56 deletions _includes/algolia.html
Original file line number Diff line number Diff line change
Expand Up @@ -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';
}
});

Expand Down Expand Up @@ -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) {
Expand Down
10 changes: 5 additions & 5 deletions _includes/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
29 changes: 10 additions & 19 deletions _includes/head.html
Original file line number Diff line number Diff line change
@@ -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 }}">
Expand Down Expand Up @@ -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' }}">
Comment thread
MakisH marked this conversation as resolved.
<!-- Styling for landing page -->
{% if page.url == "/index.html" %}
<link rel="stylesheet" href="{{ "css/landing-page.css" }}">
Expand All @@ -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">
Expand Down Expand Up @@ -121,12 +112,12 @@
@media print {
#print-qr-code {
display: block;
position: fixed;
position: absolute;
top: 0;
right: 0;
}
}
</style>

<!-- Plausible Analytics -->
<script async defer data-domain="precice.org" src="https://plausible.io/js/plausible.js"></script>
<script async defer data-domain="precice.org" src="https://plausible.io/js/plausible.js"></script>
3 changes: 0 additions & 3 deletions _includes/head_print.html
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}">

<!-- 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" }}">
Expand Down Expand Up @@ -84,4 +82,3 @@
return "{{site.precice_version}}";
});
</script>

6 changes: 3 additions & 3 deletions _includes/news_banner.html
Comment thread
MakisH marked this conversation as resolved.
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@

<aside role="banner" class="background-light banner-container">
<div class="container">
<div class="row no-margin">
<div class="col-lg-12 banner">
<p class="no-margin">
<div class="row m-0">
<div class="col-lg-12 news-banner">
<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>
Expand Down
82 changes: 82 additions & 0 deletions _includes/publication_panel.html

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's a nice and long-overdue addition, thanks!

I wonder if we should use something more unique than the title (e.g., the filename where the data is drawn from), as the title could be duplicated (e.g., the slides and the post-proceedings paper of a conference). But that's not currently an issue.

Original file line number Diff line number Diff line change
@@ -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 %}
Loading
Loading