theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

chore: better Prettier config for easier reviews

Browse Source
This commit is contained in:
Théo LUDWIG
2023-10-23 23:11:59 +02:00
parent c7ad15a465
commit e566ef6c38
105 changed files with 2138 additions and 2080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/Portfolio/PortfolioItem.tsx
View File

@ -1,6 +1,6 @@
import Image from 'next/image'
import Image from "next/image"
import { ShadowContainer } from '@/components/design/ShadowContainer'
import { ShadowContainer } from "@/components/design/ShadowContainer"
export interface PortfolioItemProps {
title: string
@ -13,29 +13,29 @@ export const PortfolioItem = (props: PortfolioItemProps): JSX.Element => {
const { title, description, link, image } = props
return (
<ShadowContainer className='relative cursor-pointer items-center sm:ml-10'>
<ShadowContainer className="relative cursor-pointer items-center sm:ml-10">
<a
className='group inline-flex justify-center'
target='_blank'
rel='noopener noreferrer'
className="group inline-flex justify-center"
target="_blank"
rel="noopener noreferrer"
href={link}
aria-label={title}
>
<div className='flex justify-center'>
<div className="flex justify-center">
<Image
quality={100}
className='h-auto w-auto transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5'
className="h-auto w-auto transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
width={300}
height={300}
src={image}
alt={title}
/>
</div>
<div className='absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100'>
<h3 className='my-6 text-xl font-semibold text-yellow dark:text-yellow-dark'>
<div className="absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100">
<h3 className="my-6 text-xl font-semibold text-yellow dark:text-yellow-dark">
{title}
</h3>
<p className='my-6'>{description}</p>
<p className="my-6">{description}</p>
</div>
</a>
</ShadowContainer>

10
components/Portfolio/index.tsx
View File

@ -1,18 +1,18 @@
import { getI18n } from '@/i18n/i18n.server'
import { getI18n } from "@/i18n/i18n.server"
import type { PortfolioItemProps } from './PortfolioItem'
import { PortfolioItem } from './PortfolioItem'
import type { PortfolioItemProps } from "./PortfolioItem"
import { PortfolioItem } from "./PortfolioItem"
export const Portfolio = (): JSX.Element => {
const i18n = getI18n()
let items = i18n.translate<PortfolioItemProps[]>('home.portfolio.items')
let items = i18n.translate<PortfolioItemProps[]>("home.portfolio.items")
if (!Array.isArray(items)) {
items = []
}
return (
<div className='flex w-full flex-wrap justify-center px-3'>
<div className="flex w-full flex-wrap justify-center px-3">
{items.map((item, index) => {
return <PortfolioItem key={index} {...item} />
})}