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

single quotes

Browse source
This commit is contained in:
skidoodle 2022-10-22 23:43:17 +02:00
parent 9b88d48431
commit 5076ed4efb
10 changed files with 62 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

59
pages/index.tsx
View file

@ -1,74 +1,73 @@
import Image from "next/image";
import Link from "next/link";
import React from "react";
import useSWR from "swr";
import FadeIn from "react-fade-in";
import Image from 'next/image';
import Link from 'next/link';
import React from 'react';
import useSWR from 'swr';
import FadeIn from 'react-fade-in';
import { socials } from "components/data/socials";
import { Icon } from "components/Icon";
import { Toaster } from "react-hot-toast";
import { FaSpotify } from "react-icons/fa";
import {socials} from 'components/data/socials';
import {Icon} from 'components/Icon';
import {Toaster} from 'react-hot-toast';
import {FaSpotify} from 'react-icons/fa';
import profilePic from "public/profile.webp";
import profilePic from 'public/profile.webp';
export const fetcher = (url: RequestInfo) => fetch(url).then((r) => r.json());
export default function () {
var { data: spotify } = useSWR("/api/spotify", fetcher, {
var {data: spotify} = useSWR('/api/spotify', fetcher, {
refreshInterval: 3000,
fallbackData: "loading",
fallbackData: 'loading',
});
return (
<FadeIn>
<div className="px-8 2xl:translate-y-2/3 translate-y-1/3 m-auto max-w-4xl">
<div className="flex flex-col justify-center items-center">
<div className='px-8 2xl:translate-y-2/3 translate-y-1/3 m-auto max-w-4xl'>
<div className='flex flex-col justify-center items-center'>
<Image
src={profilePic}
alt="Profile Picture"
className="rounded-full text-center"
alt='Profile Picture'
className='rounded-full text-center'
height={150}
width={150}
/>
<h1 className="text-4xl font-bold mt-1">albert</h1>
<h1 className='text-4xl font-bold mt-1'>albert</h1>
<p className="text-[#9ca3af] text-xl flex flex-wrap items-center justify-center whitespace-pre-wrap">
<p className='text-[#9ca3af] text-xl flex flex-wrap items-center justify-center whitespace-pre-wrap'>
{Math.floor(
(new Date().getTime() - new Date("2004-07-22").getTime()) /
(new Date().getTime() - new Date('2004-07-22').getTime()) /
(1000 * 60 * 60 * 24 * 365.25)
)}
yrs old <b className="font-semibold">system administrator</b> and
yrs old <b className='font-semibold'>system administrator</b> and
student from Hungary
</p>
</div>
<hr className="border-t-[#727277] w-4/5 md:w-2/5 m-auto mt-5 md:mt-8" />
<hr className='border-t-[#727277] w-4/5 md:w-2/5 m-auto mt-5 md:mt-8' />
<div className="mt-3 flex justify-center items-center">
<FaSpotify className="text-[#32a866]" />
<p className="font-semibold pl-1">
<div className='mt-3 flex justify-center items-center'>
<FaSpotify className='text-[#32a866]' />
<p className='font-semibold pl-1'>
Listening to
{spotify.song ? (
<Link href={`${spotify.song.url}`}>
<a target="_blank" className="text-[#32a866]">
{" "}
<a target='_blank' className='text-[#32a866]'>
{' '}
{spotify.song.title}
</a>
</Link>
) : (
<a className="text-[#32a866]"> nothing</a>
<a className='text-[#32a866]'> nothing</a>
)}
</p>
</div>
<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) => (
<Icon
key={social.id}
reference={social.ref}
copyValue={social.copyValue}
>
copyValue={social.copyValue}>
{React.createElement(social.icon)}
</Icon>
))}