From e0858ad3586dc8e62f5af7022640249aaf1dfa81 Mon Sep 17 00:00:00 2001
From: Henry Hobbs <henry@hobbs.zone>
Date: Mon, 3 Jun 2024 21:13:09 -0400
Subject: [PATCH] added a link to mtg.hobbs.zone. changed layout to grid
 instead of flexboxes

---
 css/output.css |  66 +++++++++++++++++++++++++++---
 img/mtg.png    | Bin 0 -> 17324 bytes
 landing.html   | 108 ++++++++++++++++++++++++++++---------------------
 3 files changed, 124 insertions(+), 50 deletions(-)
 create mode 100644 img/mtg.png

diff --git a/css/output.css b/css/output.css
index 09498b9..2a260ba 100644
--- a/css/output.css
+++ b/css/output.css
@@ -717,6 +717,10 @@ video {
   margin: 1rem;
 }
 
+.m-auto {
+  margin: auto;
+}
+
 .mb-36 {
   margin-bottom: 9rem;
 }
@@ -725,10 +729,26 @@ video {
   margin-bottom: 1rem;
 }
 
+.mr-auto {
+  margin-right: auto;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
 
+.mb-auto {
+  margin-bottom: auto;
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -1307,6 +1327,18 @@ video {
   grid-auto-flow: column dense;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1491,6 +1523,10 @@ video {
   justify-items: stretch;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -2261,6 +2297,11 @@ video {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.text-slate-400 {
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity));
+}
+
 .text-slate-500 {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
@@ -2281,11 +2322,6 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-slate-400 {
-  --tw-text-opacity: 1;
-  color: rgb(148 163 184 / var(--tw-text-opacity));
-}
-
 .underline {
   text-decoration-line: underline;
 }
@@ -2737,6 +2773,12 @@ video {
   }
 }
 
+@media (min-width: 768px) {
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
 @media (min-width: 1024px) {
   .lg\:w-1\/2 {
     width: 50%;
@@ -2746,6 +2788,14 @@ video {
     width: 100%;
   }
 
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }
@@ -2755,6 +2805,12 @@ video {
   }
 }
 
+@media (min-width: 1280px) {
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
 @media (prefers-color-scheme: dark) {
   @media (min-width: 1024px) {
     .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
diff --git a/img/mtg.png b/img/mtg.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ad1044c0d3415f6a5224d1cbed64b896c71aed2
GIT binary patch
literal 17324
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
TipP5!r&#JL+RA0fI}iRJ)5#H7

literal 0
HcmV?d00001

diff --git a/landing.html b/landing.html
index f61e7c0..5ae4391 100644
--- a/landing.html
+++ b/landing.html
@@ -15,62 +15,80 @@
         </h1>
       </a>
     </div>
-    <div class="flex flex-wrap">
-      <a href="./henry.html">
-        <div
-          class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-        >
-          <div class="flex flex-row">
-            <img
-              class="w-24 rounded-full aspect-square"
-              src="./img/henry.jpg"
-              alt="zuzu"
-            />
-            <div class="flex flex-col p-4">
-              <h1 class="text-4xl">Henry</h1>
-              <p>About me</p>
-            </div>
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4 m-4">
+      <a
+        href="./henry.html"
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <div class="flex flex-row">
+          <img
+            class="w-24 rounded-full aspect-square mb-auto mt-auto"
+            src="./img/henry.jpg"
+            alt="zuzu"
+          />
+          <div class="flex flex-col p-4">
+            <h1 class="text-4xl">Henry</h1>
+            <p>About me</p>
           </div>
         </div>
       </a>
-      <a href="https://git.hobbs.zone/henry">
-        <div
-          class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-        >
-          <div class="flex flex-row">
-            <img
-              class="w-24 rounded-full aspect-square"
-              src="./img/gitea.svg"
-              alt="gitea"
-            />
-            <div class="flex flex-col p-4">
-              <h1 class="text-4xl">Gitea</h1>
-              <p>Source code for my projects</p>
-            </div>
+      <a
+        href="https://git.hobbs.zone/henry"
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <div class="flex flex-row">
+          <img
+            class="w-24 rounded-full aspect-square mb-auto mt-auto"
+            src="./img/gitea.svg"
+            alt="gitea"
+          />
+          <div class="flex flex-col p-4">
+            <h1 class="text-4xl">Gitea</h1>
+            <p>Source code for my projects</p>
+          </div>
+        </div>
+      </a>
+      <a
+        href="https://mtg.hobbs.zone/"
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <div class="flex flex-row">
+          <img
+            class="w-24 rounded-full aspect-square mb-auto mt-auto"
+            src="./img/mtg.png"
+            alt="mtg"
+          />
+          <div class="flex flex-col p-4">
+            <h1 class="text-4xl">MTG Visual Serach</h1>
+            <p>AI-powered art search for Magic: The Gathering cards</p>
           </div>
         </div>
       </a>
       <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <h1 class="text-4xl">More</h1>
+      </div>
       <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <h1 class="text-4xl">sites</h1>
+      </div>
       <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <h1 class="text-4xl">coming</h1>
+      </div>
       <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <h1 class="text-4xl">soon</h1>
+      </div>
       <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
-      <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
-      <div
-        class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40 m-2 flex-1"
-      ></div>
+        class="bg-slate-900 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform min-h-32 min-w-40"
+      >
+        <h1 class="text-4xl">probably</h1>
+      </div>
     </div>
     <div
       class="bottom-2 flex justify-center w-max bg-slate-200 p-2 rounded-md shadow-md fixed px-24"