Remove recognition page, adjust section on index

src/assets/menu-primary.ts

@@ -7,7 +7,6 @@ const links: Link[] = [
   { href: "/", label: "Home" },
   { href: "/about/", label: "About" },
   { href: "/projects/", label: "Projects" },
-  { href: "/recognition/", label: "Recognition" },
   { href: "/contact/", label: "Contact" }
 ];
 

src/components/AwardCard.astro

@@ -13,18 +13,16 @@ const { award } = Astro.props as Props;
 const { Content } = await render(award);
 ---
 
-<div class="col-span-1">
-  <div class="bg-primary rounded text-white shadow">
-    <div class="p-2">
-      <div class="text-l font-bold">{award.data.title}</div>
-      <div class="text-sm italic">
-        {award.data.giver} ({award.data.date.getFullYear()})
-      </div>
+<div class="bg-primary rounded text-white shadow">
+  <div class="p-2">
+    <div class="text-l font-bold">{award.data.title}</div>
+    <div class="text-sm italic">
+      {award.data.giver} ({award.data.date.getFullYear()})
     </div>
-    <div class="bg-white p-2 text-left">
-      <div class="text-sm text-gray-600">
-        <Content components={{ a: A }} />
-      </div>
+  </div>
+  <div class="bg-white p-2 text-left">
+    <div class="text-sm text-gray-600">
+      <Content components={{ a: A }} />
     </div>
   </div>
 </div>

src/pages/index.astro

@@ -174,33 +174,18 @@ const tracks = (
     <section id="recognition" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-center">
         <SectionTitle>Recognition</SectionTitle>
-        <div class="grid grid-cols-1 md:grid-cols-2">
+        <Paragraph
+          >I am very grateful to have been recognised and awarded for my work.</Paragraph
+        >
+        <div class="md-8 h-48 overflow-hidden scroll-smooth p-0">
           <div
-            class="col-span-1 flex h-48 w-full flex-col items-center justify-center"
+            class="animate-scrolling-awards m-0 mx-auto flex max-w-md flex-col space-y-8 p-0"
           >
-            <Paragraph
-              >I am very grateful to have been recognised and awarded for my
-              work.</Paragraph
-            >
-            <a
-              href="/recognition/"
-              class="bg-primary text-md font-header hover:text-primary repeat hover:ring-primary mx-auto inline-block rounded px-6 py-3 font-light text-white uppercase drop-shadow-lg/75 transition hover:bg-white hover:ring-2"
-            >
-              Click here for more information
-            </a>
-          </div>
-          <div
-            class="md-8 col-span-1 h-48 overflow-hidden scroll-smooth p-0 md:mt-0"
-          >
-            <div
-              class="animate-scrolling-awards m-0 mx-auto flex max-w-3xs flex-col space-y-8 p-0"
-            >
-              {
-                awardsDoubled.map((award) => {
-                  return <AwardCard award={award} />;
-                })
-              }
-            </div>
+            {
+              awardsDoubled.map((award) => {
+                return <AwardCard award={award} />;
+              })
+            }
           </div>
         </div>
       </div>