My personal website
renderg.host
1export const cardWrapper = 'group relative flex flex-col h-full bg-bones-white dark:bg-bones-black';
2export const contentContainer = 'flex flex-col flex-grow gap-4 p-8 justify-between';
3export const coverImage = 'object-cover w-full h-full transition-transform group-hover:scale-105';
4export const coverImageContainer = 'relative aspect-[16/9] w-full overflow-hidden bg-neutral-100 dark:bg-neutral-700';
5export const date = 'text-neutral-600 dark:text-neutral-400';
6export const detailContainer = 'flex flex-col gap-4';
7export const metaContainer = 'flex items-center justify-between';
8export const publicationContainer = 'flex items-center gap-2';
9export const publicationIcon = 'h-8 w-8 object-contain';
10export const publicationName = 'font-medium text-neutral-900 dark:text-neutral-100';