fix: add icons to components

trovster · Oct 5, 2023 · a02104b · a02104b
1 parent da2b338
commit a02104b
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -1,12 +1,14 @@
 # Fitness Web Component
 
-Simple Web Components for fitness cards and rings.
+Simple Web Components for fitness cards and activity rings.
 
-The the items in this demo are built using
+The items in this demo are built using
 [Fitness Visualisations](https://github.com/trovster/fitness-visualisations)
 Web Components.
 
-This website is built using [Eleventy](https://www.11ty.dev).
+This website is built using [Eleventy](https://www.11ty.dev), styled using
+[Tailwind](https://tailwindcss.com) and the icons are from
+[Heroicons](https://heroicons.com).
 
 ## The Code
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/icons/exercise.svg b/src/icons/exercise.svg
diff --git a/src/icons/move.svg b/src/icons/move.svg
diff --git a/src/icons/stand.svg b/src/icons/stand.svg
diff --git a/src/index.njk b/src/index.njk
@@ -36,7 +36,11 @@
                     move-total="{{ item.move.total }}" move-goal="{{ item.move.goal }}"
                     exercise-total="{{ item.exercise.total }}" exercise-goal="{{ item.exercise.goal }}"
                     stand-total="{{ item.stand.total }}" stand-goal="{{ item.stand.goal }}"
-                ></fitness-card>
+                >
+                    {% svg 'move', { slot: 'icon-move' } %}
+                    {% svg 'exercise', { slot: 'icon-exercise' } %}
+                    {% svg 'stand', { slot: 'icon-stand' } %}
+                </fitness-card>
             </li>
             {% endfor %}
         </ul>