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

8
pages/_app.tsx
View file

@ -1,9 +1,9 @@
import "styles/globals.scss";
import Head from "next/head";
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 (
<>
<Head>

18
pages/_document.tsx
View file

@ -1,17 +1,17 @@
import Document, { Html, Head, Main, NextScript } from "next/document";
import Document, {Html, Head, Main, NextScript} from 'next/document';
class AppDocument extends Document {
render() {
return (
<Html lang="en">
<Html lang='en'>
<Head>
<link rel="preconnect" href="https://vitals.vercel-insights.com" />
<meta name="title" content="albert" />
<meta name="og:title" content="albert" />
<meta name="description" content="system administrator" />
<meta name="og:description" content="system administrator" />
<meta name="theme-color" content="#000000" />
<meta property="og:image" content="/favicon.ico" />
<link rel='preconnect' href='https://vitals.vercel-insights.com' />
<meta name='title' content='albert' />
<meta name='og:title' content='albert' />
<meta name='description' content='system administrator' />
<meta name='og:description' content='system administrator' />
<meta name='theme-color' content='#000000' />
<meta property='og:image' content='/favicon.ico' />
</Head>
<body>
<Main />

3
pages/api/s3.ts
View file

@ -1,5 +1,4 @@
import { NextApiRequest, NextApiResponse } from "next";
import aws from "aws-sdk";
const { BUCKET, ACCESS_KEY, SECRET_KEY, ENDPOINT, REGION } = process.env;
@ -40,7 +39,7 @@ export default async function (req: NextApiRequest, res: NextApiResponse) {
}
}
res.setHeader(
"Cache-Control",
'Cache-Control',
"public, s-maxage=10, stale-while-revalidate=59"
);
res.json({ object: objects, size: Number(size.toFixed(2)) });

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>
))}