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: maintenance

Browse Source
This commit is contained in:
Divlo
2021-12-04 15:52:51 +01:00
parent e5f4615f7f
commit 729e540d04
69 changed files with 10182 additions and 18460 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Profile/ProfileDescriptionBottom.tsx
View File

@ -2,7 +2,7 @@ import Translation from 'next-translate/Trans'
export const ProfileDescriptionBottom: React.FC = () => {
return (
<p className='mt-8 mb-8 font-normal text-base text-gray dark:text-gray-dark'>
<p className='mt-8 mb-8 text-base font-normal text-gray dark:text-gray-dark'>
<Translation
i18nKey='home:about.description-bottom'
components={[<br key='break' />]}

6
components/Profile/ProfileInfo.tsx
View File

@ -4,14 +4,14 @@ export const ProfileInformation: React.FC = () => {
const { t } = useTranslation()
return (
<div className='pb-2 mb-6 border-b-2 font-headline border-gray-600 dark:border-gray-400'>
<h1 className='text-4xl mb-2'>
<div className='mb-6 border-b-2 border-gray-600 pb-2 font-headline dark:border-gray-400'>
<h1 className='mb-2 text-4xl'>
{t('home:about.i-am')}{' '}
<strong className='font-semibold text-yellow dark:text-yellow-dark'>
Divlo
</strong>
</h1>
<h2 className='text-base mb-3'>{t('home:about.description')}</h2>
<h2 className='mb-3 text-base'>{t('home:about.description')}</h2>
</div>
)
}

84
components/Profile/ProfileList/ProfileItem.tsx
View File

@ -8,72 +8,22 @@ export const ProfileItem: React.FC<ProfileItemProps> = (props) => {
const { title, value, link } = props
return (
<>
<li className='profile-list__item'>
<strong className='profile-list__item-title text-black dark:text-white'>
{title}
</strong>
<span className='profile-list__item-info text-gray dark:text-gray-dark'>
{link != null ? (
<a
className='text-gray dark:text-gray-dark hover:underline'
href={link}
>
{value}
</a>
) : (
value
)}
</span>
</li>
<style jsx>
{`
.profile-list__item {
margin-bottom: 13px;
}
.profile-list__item::after,
.profile-list__item::before {
content: ' ';
display: table;
}
.profile-list__item::after {
clear: both;
}
.profile-list__item-title {
display: block;
width: 120px;
float: left;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
}
.profile-list__item-info {
display: block;
margin-left: 125px;
font-size: 15px;
font-weight: 400;
line-height: 20px;
}
@media (max-width: 576px) {
.profile-list__item-title {
margin-bottom: 3px;
}
.profile-list__item-info {
margin-left: 0;
margin-bottom: 15px;
}
.profile-list__item-info,
.profile-list__item-title {
width: 100%;
float: none;
line-height: 1.2;
}
}
`}
</style>
</>
<li className='mb-3 before:table after:clear-both after:table'>
<strong className='float-left block w-28 text-xs font-bold uppercase text-black dark:text-white'>
{title}
</strong>
<span className='profile-list__item-info ml-0 mb-4 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
{link != null ? (
<a
className='text-gray hover:underline dark:text-gray-dark'
href={link}
>
{value}
</a>
) : (
value
)}
</span>
</li>
)
}

2
components/Profile/ProfileList/index.tsx
View File

@ -6,7 +6,7 @@ export const ProfileList: React.FC = () => {
const { t } = useTranslation('home')
return (
<ul className='m-0 p-0 list-none'>
<ul className='m-0 list-none p-0'>
<ProfileItem title={t('home:about.birth-date')} value='31/03/2003' />
<ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
<ProfileItem

4
components/Profile/ProfileLogo.tsx
View File

@ -4,8 +4,8 @@ import DivloLogo from 'public/images/divlo_logo.png'
export const ProfileLogo: React.FC = () => {
return (
<div className='px-2 py-6 max-w-[370px] max-h-[370px]'>
<Image src={DivloLogo} alt='Divlo' priority />
<div className='max-h-[370px] max-w-[370px] px-2 py-6'>
<Image src={DivloLogo} alt='Divlo' />
</div>
)
}

2
components/Profile/SocialMediaList/SocialMediaIcons/Icon.tsx
View File

@ -8,7 +8,7 @@ export const Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 24 24'
className={classNames(
'dark:text-white text-black w-8 h-8 fill-current',
'h-8 w-8 fill-current text-black dark:text-white',
className
)}
{...rest}

2
components/Profile/SocialMediaList/SocialMediaItem.tsx
View File

@ -7,7 +7,7 @@ export const SocialMediaItem: React.FC<SocialMediaItemProps> = (props) => {
const { link, ariaLabel, children } = props
return (
<li className='inline-block mx-4 my-1'>
<li className='mx-4 my-1 inline-block'>
<a
href={link}
aria-label={ariaLabel}

2
components/Profile/SocialMediaList/index.tsx
View File

@ -9,7 +9,7 @@ import { NPMIcon } from './SocialMediaIcons/NPMIcon'
export const SocialMediaList: React.FC = () => {
return (
<ul className='social-media-list m-0 mt-2 py-4 list-none text-center'>
<ul className='social-media-list m-0 mt-2 list-none py-4 text-center'>
<SocialMediaItem link='https://github.com/Divlo' ariaLabel='GitHub'>
<GitHubIcon />
</SocialMediaItem>

2
components/Profile/index.tsx
View File

@ -5,7 +5,7 @@ import { ProfileLogo } from './ProfileLogo'
export const Profile: React.FC = () => {
return (
<div className='flex flex-col justify-center items-center px-10 pt-2 md:pt-10 md:flex-row'>
<div className='flex flex-col items-center justify-center px-10 pt-2 md:flex-row md:pt-10'>
<ProfileLogo />
<div>
<ProfileInformation />