First try for adding colour to the table

IIIF · Aug 2, 2024 · cd51159 · cd51159
1 parent 95e72d1
commit cd51159
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -41,4 +41,5 @@ code {
 
 .viewer td {
     border: none !important;
+    text-align: center !important;
 }
diff --git a/recipe/matrix.md b/recipe/matrix.md
@@ -72,17 +72,17 @@ The possible values for viewer support are YES, NO or Partial. Click on the reci
             <td width="100px">
                 {% if current.id == viewer %}
                     {% if current.support == "full" %}
-                        YES
+                        <img src="{{ site.cookbook_url | absolute_url }}/assets/images/icons/required.png" alt="Yes" title="Yes" />
                     {% else if current.support == "partial" %}
-                        Partial
+                        <img src="{{ site.cookbook_url | absolute_url }}/assets/images/icons/recommended.png" alt="Partial" title="Partial" />
                     {% else %}
-                        YES
+                        <img src="{{ site.cookbook_url | absolute_url }}/assets/images/icons/required.png" alt="Yes" title="Yes" />
                     {% endif %}
                 {% else %}
                     {% if recipe.viewers contains viewer %} 
-                        YES
+                        <img src="{{ site.cookbook_url | absolute_url }}/assets/images/icons/required.png" alt="Yes" title="Yes" />
                     {% else %}    
-                        NO
+                        <img src="{{ site.cookbook_url | absolute_url }}/assets/images/icons/not_allowed.png" alt="No" title="No"/>
                     {% endif %}
                 {% endif %}
             </td>