youwen5/eexiv
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update styling and add link to affiliation page (#13)

Browse source 
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>
This commit is contained in:
Ananth Venkatesh 2024-02-19 13:31:31 -08:00 committed by GitHub
parent 12ca81cd68
commit ec3081fa10
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/affiliation/page.tsx
View file

@ -1,17 +1,14 @@
import { affiliations } from '@/app/db/data' import { affiliations } from '@/app/db/data'
import cardEffects from '@/app/styles/cardEffects.module.css'
import { Zilla_Slab } from 'next/font/google' import { Zilla_Slab } from 'next/font/google'
import Image from 'next/image' import Image from 'next/image'
import Link from 'next/link'
import { notFound } from 'next/navigation' import { notFound } from 'next/navigation'
import { Fragment } from 'react' import { Fragment } from 'react'
import getAffiliations from './getAffiliations' import getAffiliations from './getAffiliations'
const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500'] }) const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500'] })
export function generateStaticParams() {
const affiliationsList = Object.keys(affiliations)
return affiliationsList.map((shortName) => ({ shortName }))
}
const AffiliationCard = ({ const AffiliationCard = ({
params, params,
}: Readonly<{ params: { shortName: string } }>) => { }: Readonly<{ params: { shortName: string } }>) => {
@ -22,9 +19,12 @@ const AffiliationCard = ({
} }
return ( 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='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 <Image
alt='profile' alt='profile'
width={1000} width={1000}
@ -41,7 +41,7 @@ const AffiliationCard = ({
</span> </span>
<div className='text-slate-600 text-2xl mt-4 text-center'>{name}</div> <div className='text-slate-600 text-2xl mt-4 text-center'>{name}</div>
</div> </div>
</div> </Link>
) )
} }

9
src/app/page.tsx
View file

@ -88,7 +88,14 @@ export default function Home() {
channels. Read more about us <Link href='/about'>here</Link>. eeXiv can channels. Read more about us <Link href='/about'>here</Link>. eeXiv can
be accessed from its primary domain at{' '} be accessed from its primary domain at{' '}
<a href='https://eexiv.org'>eexiv.org</a> or at our mirror 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> </p>
<News /> <News />
<div className='grid grid-cols-1 space-y-2 mt-4 basis-full'> <div className='grid grid-cols-1 space-y-2 mt-4 basis-full'>