From 2ab54c6b0a2d2b3a5c0cc71368e9b985716d81ed Mon Sep 17 00:00:00 2001
From: RemRem <remrem@github.com>
Date: Sat, 4 Feb 2023 01:03:16 +0100
Subject: [PATCH] add grid pattern

---
 views/cards.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/views/cards.html b/views/cards.html
index 8a8f56d..714cd32 100644
--- a/views/cards.html
+++ b/views/cards.html
@@ -40,6 +40,16 @@
         <rect width="2" height="8" fill="#fff" />
       </pattern>
 
+      <pattern
+        id="pattern-grid"
+        width="30"
+        height="30"
+        patternUnits="userSpaceOnUse"
+      >
+        <rect width="7.5" height="30" fill="#fff" />
+        <rect width="30" height="7.5" fill="#fff" />
+      </pattern>
+
       <pattern
         id="pattern-dot"
         width="40"
@@ -68,6 +78,16 @@
           fill="url(#pattern-dot)"
         />
       </mask>
+
+      <mask id="mask-grid">
+        <rect
+          x="0"
+          y="0"
+          width="200"
+          height="400"
+          fill="url(#pattern-grid)"
+        />
+      </mask>
     </defs>
   </svg>
 
@@ -84,7 +104,7 @@
       </svg>
 
       <svg class="item" height="160" width="80" viewBox="0 0 200 400">
-        <use href="#squiggle" fill="#008002" mask="url(#mask-stripe)"></use>
+        <use href="#squiggle" fill="#008002" mask="url(#mask-grid)"></use>
         <use href="#squiggle" stroke="#008002" fill="none" stroke-width="18"></use>
       </svg>
     </div>