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

yoid2000 · web-flow · commit 3c2764067ce7 · 2023-12-15T18:55:53.000+01:00
Add href property to image
diff --git 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 %}
diff --git 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:
 
