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

8
pages/_app.tsx
View file

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

1
pages/_document.tsx
View file

@ -6,7 +6,6 @@ class AppDocument extends Document {
<Html lang='en'> <Html lang='en'>
<Head> <Head>
<link rel='preconnect' href='https://vitals.vercel-insights.com' /> <link rel='preconnect' href='https://vitals.vercel-insights.com' />
<title>albert</title>
<meta name='title' content='albert' /> <meta name='title' content='albert' />
<meta name='og:title' content='albert' /> <meta name='og:title' content='albert' />
<meta name='description' content='system administrator' /> <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() { export default function() {
const { data: spotify } = useSWR('/api/spotify', fetcher, { refreshInterval: 1000 }) const { data: spotify } = useSWR('/api/spotify', fetcher, { refreshInterval: 1000 })
if(!spotify) return if(!spotify) return
return ( return (
<FadeIn> <FadeIn>
<div className='px-8 w-11/12 m-auto rounded-lg max-w-4xl'> <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'> <div className='flex justify-between items-center text-3xl mt-11 md:mt-16 max-w-sm m-auto'>
{ socials.map(social => ( { 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>
</div> </div>