Merge branch 'master' into fix/news-section-sorting-402

Author: MakisH

Gemfile

@@ -13,6 +13,7 @@ group :jekyll_plugins do
   gem 'jekyll-sitemap'
   gem 'jekyll-redirect-from'
   gem "jekyll-last-modified-at"
+  gem 'jekyll-mermaid'
 end
 
 gem 'jemoji'

_config.yml

@@ -261,6 +261,9 @@ algolia:
   search_only_api_key: 760ed6be3e165d08b4a798ac4aa82fe4
   nodes_to_index: 'p,code,table' # html tags to include in search index
 
+mermaid:
+  src: 'https://cdn.jsdelivr.net/npm/mermaid@11.12.3/dist/mermaid.min.js'
+
 plugins:
   - jekyll-redirect-from
   - jekyll-sitemap

_includes/head.html

@@ -2,7 +2,7 @@
 <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 }}">
+<meta name="description" content="{{ page.summary | strip_html | strip_newlines }}">
 {% endif %}
 <meta name="keywords" content="{{page.tags}}{% if page.tags %}, {% endif %} {{page.keywords}}">
 <meta name="theme-color" content="#0A76BB">
@@ -15,13 +15,25 @@
 <meta property="og:title" content="{{ page.title }}" />
 <meta property="og:site_name" content="preCICE.org" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="{{ 'page.url' | absolute_url }}" />
-<meta property="og:image" content="{{ 'images/icon.svg' | absolute_url }}" />
+<meta property="og:url" content="{{ page.url | absolute_url }}" />
+<meta property="og:image" content="{{ 'images/icon-310x310.png' | absolute_url }}" />
 {% if page.summary -%}
 <meta property="og:description" content="{{ page.summary | strip_html | strip_newlines }}">
+{%- elsif site.description -%}
+<meta property="og:description" content="{{ site.description | strip_html | strip_newlines }}">
 {%- endif %}
 
-<!-- Cannonical link -->
+<!-- Twitter Card metadata -->
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:title" content="{{ page.title }}" />
+{% if page.summary -%}
+<meta name="twitter:description" content="{{ page.summary | strip_html | strip_newlines }}">
+{%- elsif site.description -%}
+<meta name="twitter:description" content="{{ site.description | strip_html | strip_newlines }}">
+{%- endif %}
+<meta name="twitter:image" content="{{ 'images/icon-310x310.png' | absolute_url }}" />
+
+<!-- Canonical link -->
 {% if page.url == "/index.html" -%}
 <link rel="canonical" href="{{ site.url }}" >
 {%- else -%}
@@ -90,5 +102,32 @@
 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
 
+<!-- QR code for printed pages -->
+<script defer src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    var qrDiv = document.createElement("div");
+    qrDiv.id = "print-qr-code";
+    var qr = qrcode(0, "M");
+    qr.addData("{{ page.url | replace: 'index.html', '' | absolute_url }}");
+    qr.make();
+    qrDiv.innerHTML = qr.createImgTag(3, 0);
+    document.body.appendChild(qrDiv);
+  });
+</script>
+<style>
+  #print-qr-code {
+    display: none;
+  }
+  @media print {
+    #print-qr-code {
+      display: block;
+      position: fixed;
+      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>

content/docs/configuration/advanced/configuration-coupling-multi.md

@@ -48,11 +48,12 @@ Still, even with only explicit schemes, you can do very strange combinations. So
 
 The mesh over which the data is communicated plays no role. We get a circular dependency:
 
-```txt
-A -- first to second --> B;
-B -- first to second --> C;
-C -- first to second --> A;
-```
+{% mermaid %}
+graph LR
+  A -->|first to second| B
+  B -->|first to second| C
+  C -->|first to second| A
+{% endmermaid %}
 
 All three participants are a second participant in a serial coupling scheme, in which they receive data. Thus, they all wait for data in `initialize`, which is, however, only sent in the `advance` call of another participant, as explained on the [coupling flow pages](couple-your-code-coupling-flow.html).
 

css/landing-page.css

@@ -281,16 +281,16 @@ div.logo-holder > img {
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
-  line-clamp: 2; 
+  line-clamp: 2;
   -webkit-box-orient: vertical;
-  height: 2.8em; 
+  color: #000;
 }
 
 .news-card p:first-of-type {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
-  -webkit-line-clamp: 5; 
+  -webkit-line-clamp: 5;
   line-clamp: 5;
   -webkit-box-orient: vertical;
 }
@@ -314,3 +314,18 @@ div.logo-holder > img {
     flex: 1 1 100%;         
   }
 }
+
+/* Responsive title line-clamp for news cards */
+@media (max-width: 992px) {
+  .news-card h4 {
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+  }
+}
+
+@media (max-width: 768px) {
+  .news-card h4 {
+    -webkit-line-clamp: 4;
+    line-clamp: 4;
+  }
+}