albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

many

Browse source
This commit is contained in:
skidoodle 2022-08-15 15:21:27 +02:00
parent a93d09feb8
commit 84bf1b3815
4 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/data/socials.ts
View file

@ -3,7 +3,6 @@ import { FaDiscord, FaEnvelope, FaGithub, FaInstagram, FaSteam } from 'react-ico
type Socials = {
id: number,
name: string
ref: string
icon: IconType,
copyValue?: boolean,
@ -12,32 +11,27 @@ type Socials = {
export const socials: Array<Socials> = [
{
id: 1,
name: 'Github',
ref: 'https://github.com/skidoodle',
icon: FaGithub,
},
{
id: 2,
name: 'Steam',
ref: 'https://steamcommunity.com/id/_albert',
icon: FaSteam,
},
{
id: 3,
name: 'Email',
ref: 'contact@albert.lol',
icon: FaEnvelope,
copyValue: true,
},
{
id: 4,
name: 'Instagram',
ref: 'https://www.instagram.com/albertadam_/',
icon: FaInstagram,
},
{
id: 5,
name: 'Discord',
ref: 'albert#8838',
icon: FaDiscord,
copyValue: true,

6
pages/_app.tsx
View file

@ -1,9 +1,15 @@
import 'styles/globals.scss'
import Head from 'next/head'
import { AppProps } from 'next/app'
export default function({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>albert</title>
</Head>
<Component {...pageProps} />
</>
)
}

1
pages/_document.tsx
View file

@ -6,7 +6,6 @@ class AppDocument extends Document {
<Html lang='en'>
<Head>
<link rel='preconnect' href='https://vitals.vercel-insights.com' />
<title>albert</title>
<meta name='title' content='albert' />
<meta name='og:title' content='albert' />
<meta name='description' content='system administrator' />

9
pages/index.tsx
View file

@ -16,7 +16,6 @@ const fetcher = (url: RequestInfo) => fetch(url).then(r => r.json())
export default function() {
const { data: spotify } = useSWR('/api/spotify', fetcher, { refreshInterval: 1000 })
if(!spotify) return
return (
<FadeIn>
<div className='px-8 w-11/12 m-auto rounded-lg max-w-4xl'>
@ -50,7 +49,13 @@ export default function() {
<div className='flex justify-between items-center text-3xl mt-11 md:mt-16 max-w-sm m-auto'>
{ socials.map(social => (
<Icon key={ social.id } aria-label={ social.name } reference={ social.ref } copyValue={ social.copyValue }>{ React.createElement(social.icon) }</Icon>
<Icon
key={ social.id }
reference={ social.ref }
copyValue={ social.copyValue }
>
{ React.createElement(social.icon) }
</Icon>
))}
</div>
</div>