From 27ebc94ce837e68bb08793c2df00d6dc37c124d8 Mon Sep 17 00:00:00 2001
From: Edon Gashi <egashi@mpi-sws.org>
Date: Fri, 15 Dec 2023 17:21:02 +0100
Subject: [PATCH 1/2] Add href property to image

---
 _includes/image.html | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/_includes/image.html b/_includes/image.html
index 7b15523..27f1810 100644
--- a/_includes/image.html
+++ b/_includes/image.html
@@ -1,12 +1,21 @@
 {% assign src = include.src | default:"" %}
 {% assign alt = include.alt | default:"" %}
 {% assign max_width = include.max_width | default:"" %}
+{% assign href = include.href | default:"" %}
 
 {% if src != "" %}
-  <img src="{{ src }}" 
-       alt="{{ alt }}"
-       class="img-fluid mx-auto d-block"
-       {% if max_width != "" %}style="max-width: {{ max_width }}; width: 100%;"{% endif %}>
+{% if href != "" %}
+<a href="{{ href }}" 
+  class="mx-auto d-block"
+  {% if max_width != "" %}style="max-width: {{ max_width }}; width: 100%;"{% endif %}>
+  <img src="{{ src }}" alt="{{ alt }}" class="img-fluid">
+</a>
 {% else %}
-  <p class="error">Error: Missing 'src' attribute in include 'image.html'.</p>
+<img src="{{ src }}" 
+  alt="{{ alt }}"
+  class="img-fluid mx-auto d-block"
+  {% if max_width != "" %}style="max-width: {{ max_width }}; width: 100%;"{% endif %}>
+{% endif %}
+{% else %}
+<p class="error">Error: Missing 'src' attribute in include 'image.html'.</p>
 {% endif %}

From a84f13a2dcda8f6a3e96de9cdcd3b6b928f3ab01 Mon Sep 17 00:00:00 2001
From: yoid2000 <paul@francis.com>
Date: Fri, 15 Dec 2023 18:54:47 +0100
Subject: [PATCH 2/2] added and tested image link

---
 _pages/syndiffix.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/_pages/syndiffix.md b/_pages/syndiffix.md
index 2b44a5c..dadba83 100644
--- a/_pages/syndiffix.md
+++ b/_pages/syndiffix.md
@@ -14,9 +14,7 @@ nav: true
 
 A complete description of **SynDiffix**, including its operation, performance, and anonymity, can be found on [arXiv](https://arxiv.org/abs/2311.09628). See [github.com/diffix/syndiffix](https://github.com/diffix/syndiffix).
 
-Click [here](/syndiffix-mostlyai-ctgan) for a comparison of SynDiffix with Mostly AI and CTGAN.
-
-<a href="/syndiffix-mostlyai-ctgan"> <img src="/assets/img/compare-link.png"> </a>
+{% include image.html href="/syndiffix-mostlyai-ctgan" src="/assets/img/compare-link.png" alt="SynDiffix usage style" max_width="800px" %}
 
 Programming with **SynDiffix** can be as easy as: