From 8c4e952d66211dffe5d8afc0a50c396b2fde2107 Mon Sep 17 00:00:00 2001
From: Oculux <nate.williamson.nz@gmail.com>
Date: Tue, 6 Aug 2024 22:13:25 +1200
Subject: [PATCH 1/2] :bento: make connector.svg take up entire image

---
 next/assets/home/connector.svg | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/next/assets/home/connector.svg b/next/assets/home/connector.svg
index fa4d2bf..3455077 100644
--- a/next/assets/home/connector.svg
+++ b/next/assets/home/connector.svg
@@ -1,3 +1,13 @@
-<svg width="45" height="24" viewBox="0 0 45 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44.4257 0.75946H0.453369H0.258636C6.53788 0.75946 11.6282 5.84979 11.6282 12.129C11.6282 18.4083 6.53788 23.4986 0.258636 23.4986H44.4257C40.0741 23.4986 36.1042 21.0148 34.201 17.1014C30.5286 9.54973 36.0283 0.75946 44.4257 0.75946Z" fill="white"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 45 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M45,0H0c6.4,0,11.6,5.4,11.6,12S6.4,24,0,24h45c-4.4,0-8.5-2.6-10.4-6.8-3.7-8,1.9-17.2,10.4-17.2Z"/>
+</svg>
\ No newline at end of file

From f6a74c2d8d913f068db8d651408474284742c8f0 Mon Sep 17 00:00:00 2001
From: Oculux <nate.williamson.nz@gmail.com>
Date: Tue, 6 Aug 2024 22:13:53 +1200
Subject: [PATCH 2/2] :memo: add grid example page

---
 next/app/test/nate/grid/page.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 next/app/test/nate/grid/page.tsx

diff --git a/next/app/test/nate/grid/page.tsx b/next/app/test/nate/grid/page.tsx
new file mode 100644
index 0000000..53bc522
--- /dev/null
+++ b/next/app/test/nate/grid/page.tsx
@@ -0,0 +1,21 @@
+export default function GridPage() {
+  return (
+    <div className="border border-green-500 grid grid-cols-2 gap-4">
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-green-500 col-start-2 col-span-2 row-start-4 border border-pink-400">
+        Grid Page
+      </h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+    </div>
+  );
+}