Merge pull request #8 from diffix/edon/image-href

Add href property to image

_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 %}

_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: