From ec3081fa10eaa2e1a74553e5909c139f30bc354a Mon Sep 17 00:00:00 2001
From: Ananth Venkatesh <46249765+quantum9Innovation@users.noreply.github.com>
Date: Mon, 19 Feb 2024 13:31:31 -0800
Subject: [PATCH] chore: update styling and add link to affiliation page (#13)

Co-authored-by: quantum9Innovation <quantum9Innovation@users.noreply.github.com>
Co-authored-by: Youwen Wu <38934577+couscousdude@users.noreply.github.com>
Co-authored-by: couscousdude <couscousdude@users.noreply.github.com>
Co-authored-by: Team 1280 Programming Laptop <59985235+Team1280Programming@users.noreply.github.com>
Co-authored-by: Team 1280 Programming <sanramonvalleyrobotics@gmail.com>
Co-authored-by: Team1280Programming <Team1280Programming@users.noreply.github.com>
---
 src/app/affiliation/page.tsx | 16 ++++++++--------
 src/app/page.tsx             |  9 ++++++++-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/app/affiliation/page.tsx b/src/app/affiliation/page.tsx
index 9b62ce0..36d3300 100644
--- a/src/app/affiliation/page.tsx
+++ b/src/app/affiliation/page.tsx
@@ -1,17 +1,14 @@
 import { affiliations } from '@/app/db/data'
+import cardEffects from '@/app/styles/cardEffects.module.css'
 import { Zilla_Slab } from 'next/font/google'
 import Image from 'next/image'
+import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { Fragment } from 'react'
 import getAffiliations from './getAffiliations'
 
 const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500'] })
 
-export function generateStaticParams() {
-  const affiliationsList = Object.keys(affiliations)
-  return affiliationsList.map((shortName) => ({ shortName }))
-}
-
 const AffiliationCard = ({
   params,
 }: Readonly<{ params: { shortName: string } }>) => {
@@ -22,9 +19,12 @@ const AffiliationCard = ({
   }
 
   return (
-    <div className='m-4'>
+    <Link
+      className={`${cardEffects['card-large']} border-4 rounded-lg border-gray-300 hover:border-blue-500 p-5 my-4 w-full cursor-pointer shadow-slate-300 shadow-md text-left m-4 no-link-style pb-8`}
+      href={`/affiliation/${shortName}`}
+    >
       <div className='grid grid-cols-1 max-w-3xl mx-auto'>
-        <div className='mx-auto mb-4 max-w-3xl md:w-auto md:h-[40vw] lg:h-[20vw] rounded-lg shadow-lg shadow-slate-400'>
+        <div className='mx-auto mb-4 max-w-3xl md:w-auto md:h-[40vw] lg:h-[20vw] rounded-lg'>
           <Image
             alt='profile'
             width={1000}
@@ -41,7 +41,7 @@ const AffiliationCard = ({
         </span>
         <div className='text-slate-600 text-2xl mt-4 text-center'>{name}</div>
       </div>
-    </div>
+    </Link>
   )
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 661481d..5f9720b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -88,7 +88,14 @@ export default function Home() {
         channels. Read more about us <Link href='/about'>here</Link>. eeXiv can
         be accessed from its primary domain at{' '}
         <a href='https://eexiv.org'>eexiv.org</a> or at our mirror at{' '}
-        <a href='https://eexiv.vercel.app'>eexiv.vercel.app</a>.
+        <a href='https://eexiv.vercel.app'>eexiv.vercel.app</a>. If this is your
+        first time here, check out the following pages in the eeXiv knowledge
+        base:
+        <ul className='list-disc pl-4 mt-4'>
+          <li>
+            <Link href='/affiliation/'>Author affiliations</Link>
+          </li>
+        </ul>
       </p>
       <News />
       <div className='grid grid-cols-1 space-y-2 mt-4 basis-full'>