Add a table and modify gifts to make it easier to scan

Author: studioromeo

src/gifts.md

@@ -4,33 +4,35 @@ title: Gifts 🎈
 date: Last Modified
 ---
 
-I hope this doesn't come across the wrong way, honestly I really don't expect anything. But I also know how hard it can be to buy things for people **when you want to** so I kinda wanted to supply something that makes that somewhat easier? I don't know.
+I hope this doesn't come across the wrong way, honestly I really don't expect anything. But I also know how hard it can be to buy things for people **when you want to** so I wanted to write something to take the guesswork out.
 
-I'll leave this list up, if you want to buy something then honestly, you're wonderful and I don't deserve you, but seriously thank you! 🥰
+But what I still love the most is spending time with you!
 
-## Less than £25
+Here are some things we could do together
 
-- Coffee beans
-- Socks
-- [Cycling cap](https://uk.pedaled.com/collections/men-accessories-hats-caps)
-- [Sticker pack](https://www.mahalomydude.com/en-gb/collections/stickers)
-
-## £25 - £100
-
-Holy crap please don't buy anything on here, really! But if you do then thank you! you're way too generous!
-
-- [Coffee grinder](https://www.amazon.co.uk/KINGrinder-Straight-Handle-Adjustable-Aeropress/dp/B0CVSDMXFH)
-- [Powerbank](https://www.amazon.co.uk/Anker-Portable-PowerCore-Essential-Technology/dp/)
-- [Rapha base layer merino (XS)](https://www.rapha.cc/gb/en/shop/mens/base-layers)
-
-## Also
-
-What I love the most is spending time with you. Here are some things we could do together
-
-- Climbing
 - A bike ride
 - Go for a meal / watch a film
-- A city break
-- Go shopping
-
-Thank you
+- Explore a new place together
+- Shopping
+- Bowling / Arcades
+- Etc
+
+I'll leave this list up, if you want to buy something then honestly, you're too generous.
+
+Seriously thank you! 🥰
+
+| Gift           | Price (approx) |                          |
+| -------------- | -------------- | ------------------------ |
+| Sticker Pack   | < £25          | [Mahalo My Dude] [PiHut] |
+| Coffee Beans   | < £25          |                          |
+| Socks          | < £25          |                          |
+| Cycling Cap    | £35            | [Pedaled]                |
+| Coffee Grinder | £66            | [Amazon]                 |
+| Powerbank      | £60-£90        |                          |
+| Base Layer     | £80            | [Rapha]                  |
+
+[Mahalo My Dude]: https://www.mahalomydude.com/en-gb/collections/stickers
+[PiHut]: https://thepihut.com/collections/maker-stickers-badges
+[Pedaled]: https://uk.pedaled.com/collections/men-accessories-hats-caps
+[Amazon]: https://www.amazon.co.uk/KINGrinder-Straight-Handle-Adjustable-Aeropress/dp/B0CVSDMXFH
+[Rapha]: https://www.rapha.cc/gb/en/shop/mens/base-layers

src/scss/base.table.scss

@@ -0,0 +1,28 @@
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+th,
+td {
+    border: 1px solid #ddd;
+    padding: 12px 15px;
+    text-align: left;
+}
+
+thead th {
+    background-color: $colour-grey;
+    color: $colour-space-grey;
+    font-weight: bold;
+}
+
+// Zebra-striping (alternating row colors) for readability
+tbody tr:nth-child(even) {
+    background-color: lighten($colour-grey, 20%);
+}
+
+// Highlight rows that are currently hovered
+tbody tr:hover {
+    background-color: #eee;
+    transition: background-color 0.3s ease;
+}

src/scss/main.scss

@@ -10,6 +10,7 @@
 @import "generic.spacing";
 
 @import "base.body";
+@import "base.table";
 @import "base.heading";
 @import "base.link";
 @import "base.quotation";