From f2ef03e57e7b9161db984fc9a5cb4c50e21a4c93 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 10 Aug 2024 01:17:44 +0800
Subject: [PATCH] Create Nunjucks macros for virtual pets

---
 src/_includes/main/virtualpets.njk | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/_includes/main/virtualpets.njk b/src/_includes/main/virtualpets.njk
index 736bea77..6d14083a 100644
--- a/src/_includes/main/virtualpets.njk
+++ b/src/_includes/main/virtualpets.njk
@@ -1,15 +1,17 @@
+{%- macro virtualPet(url, img, alt, tooltip=alt) -%}
+    <li data-tooltip>
+        <a href="{{ url }}" data-tooltip-trigger title="{{ tooltip }}">
+            <img src="{{ img }}" alt="{{ alt }}" loading="lazy">
+        </a>
+    </li>
+{%- endmacro -%}
+
 <section class="content__section">
     <h2>Virtual Pets</h2>
     <p>Feel free to check out my virtual pets and feed them!</p>
     <ul class="web-graphics adoptables">
-        <li data-tooltip>
-            <a href="https://tamanotchi.world/13150c" data-tooltip-trigger title="Pix, my tamaNOTchi"><img src="https://tamanotchi.world/i2/13150" alt="Pix, my tamaNOTchi" loading="lazy"></a>
-        </li>
-        <li data-tooltip>
-            <a href="https://tamanotchi.world/14391c" data-tooltip-trigger title="Neko, my tamaNOTchi"><img src="https://tamanotchi.world/i2/14391" alt="Neko, my tamaNOTchi" loading="lazy"></a>
-        </li>
-        <li data-tooltip>
-            <a href="https://wobble.town/visit/2042" data-tooltip-trigger title="Shelly, my Wobble"><img src="https://wobble.town/visit/2042/wobble.gif" alt="Shelly, my Wobble" loading="lazy"></a>
-        </li>
+        {{ virtualPet("https://tamanotchi.world/13150c", "https://tamanotchi.world/i2/13150", "Pix, my tamaNOTchi") }}
+        {{ virtualPet("https://tamanotchi.world/14391c", "https://tamanotchi.world/i2/14391", "Neko, my tamaNOTchi") }}
+        {{ virtualPet("https://wobble.town/visit/2042", "https://wobble.town/visit/2042/wobble.gif", "Shelly, my Wobble") }}
     </ul>
 </section>
\ No newline at end of file