yaemiku/hamburger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update :3
All checks were successful
Build Full Stack / release-image (push) Successful in 11m45s
Details

Browse Source
This commit is contained in:
Nikola Kubiczek
2025-04-02 22:57:52 +02:00
parent a0dde77659
commit fdf64a2bf3
12 changed files with 70 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/api/lastfm/route.ts Normal file
View File

@ -0,0 +1,12 @@
export async function GET() {
const res = await fetch(
`http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=yae_miku&api_key=${process.env.API_KEY}&format=json&limit=1`,
{
headers: {
'Content-Type': 'application/json',
},
}
);
const data = await res.json();
return Response.json(data.recenttracks.track[0]);
}

BIN
app/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

4
app/globals.css
View File

@ -2,6 +2,6 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
ul { /* ul {
@apply flex flex-row gap-x-4 flex-wrap list-inside items-center justify-center @apply flex flex-row gap-x-4 flex-wrap list-inside items-center justify-center
} } */

3
app/icon.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<text y="1em" font-size="80">🌺</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 112 B

10
app/layout.tsx
View File

@ -1,5 +1,6 @@
import type { Metadata } from 'next'; import type { Metadata } from 'next';
import './globals.css'; import './globals.css';
import bg from '@/public/orchids.webp';
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Nikola Kubiczek', title: 'Nikola Kubiczek',
@ -12,8 +13,13 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en" className="dark">
<body className="antialiased">{children}</body> <body
className="antialiased bg-stone-900 bg-cover"
style={{ backgroundImage: `url(${bg.src})` }}
>
{children}
</body>
</html> </html>
); );
} }

76
app/page.tsx
View File

@ -3,32 +3,30 @@
import Image from 'next/image'; import Image from 'next/image';
import useSWR, { Fetcher } from 'swr'; import useSWR, { Fetcher } from 'swr';
type ListenBrainz = { type LastFM = {
payload: { artist: { '#text': string };
listens: { image: [{ size: string; '#text': string }];
track_metadata: { mbid: string;
track_name: string; album: {
artist_name: string; mbid: string;
release_name: string; '#text': string;
};
}[];
}; };
name: string;
'@attr': { nowplaying: string };
url: string;
}; };
const fetcher: Fetcher<ListenBrainz, string> = (...args) => const fetcher: Fetcher<LastFM, string> = (...args) =>
fetch(...args).then((res) => res.json()); fetch(...args).then((res) => res.json());
export default function Home() { export default function Home() {
const { data, isLoading } = useSWR( const { data, isLoading } = useSWR('/api/lastfm', fetcher);
'https://api.listenbrainz.org/1/user/yaemiku/listens?count=1',
fetcher
);
return ( return (
<div className="prose prose-stone mx-auto mt-6 p-4"> <div className="prose prose-invert mx-auto pt-6 pb-4 px-6 shadow-sm">
<header className="text-center"> <header className="text-center backdrop-blur-sm p-2 border-2 border-gray-700 rounded-md">
<Image <Image
src={'/pfp_fb_cropped.jpg'} src={'/pfp_pic.webp'}
width={200} width={200}
height={200} height={200}
alt="My Picture" alt="My Picture"
@ -39,10 +37,22 @@ export default function Home() {
{isLoading ? ( {isLoading ? (
<></> <></>
) : ( ) : (
<samp className="lead"> <samp className="lead flex flex-col text-center">
<em>Last song I have listened to:</em> <br /> <em className="break flex mx-auto items-center gap-2">
<b>{data?.payload.listens[0].track_metadata.track_name}</b> <span>🎶</span>
<br />- {data?.payload.listens[0].track_metadata.artist_name} <br /> <span>{data?.['@attr']
? "Currently listening to"
: 'Last song'}</span>
<span>🎶</span>
</em>
<b className="">
<a href={data?.url} target="_blank">
{data?.name}
</a>
</b>
<i className=" text-sm">
{data?.album['#text']}, {data?.artist['#text']}
</i>
</samp> </samp>
)} )}
</header> </header>
@ -53,7 +63,7 @@ export default function Home() {
Currently studying pure mathematics at the University of Warsaw and Currently studying pure mathematics at the University of Warsaw and
doing commissions on the side. I had been considering studying doing commissions on the side. I had been considering studying
computer science but decided not to - mathematics is the love of my computer science but decided not to - mathematics is the love of my
life and an absolute passion. life, an absolute passion.
</p> </p>
<p> <p>
In my free time I love listening to music - be it on headphones, In my free time I love listening to music - be it on headphones,
@ -89,10 +99,10 @@ export default function Home() {
<ul> <ul>
<li> <li>
<a <a
href="https://listenbrainz.org/user/yaemiku/" href="https://www.last.fm/user/yae_miku"
target="_blank" target="_blank"
> >
listenbrainz last.fm
</a> </a>
</li> </li>
@ -104,19 +114,19 @@ export default function Home() {
instagram instagram
</a> </a>
</li> </li>
<li> {/* <li>
<a <a
href="https://stats.foldingathome.org/donor/id/711660268" href="https://stats.foldingathome.org/donor/id/711660268"
target={'_blank'} target={'_blank'}
> >
folding@home folding@home
</a> </a>
</li> </li> */}
<li> {/* <li>
<a href="/cv/" target={'_blank'}> <a href="/cv/" target={'_blank'}>
cv cv
</a> </a>
</li> </li> */}
<li> <li>
<a href="https://git.yaemiku.dev/yaemiku" target={'_blank'}> <a href="https://git.yaemiku.dev/yaemiku" target={'_blank'}>
git git
@ -124,9 +134,13 @@ export default function Home() {
</li> </li>
</ul> </ul>
And if you&apos;d want to send me any crypto And if you&apos;d want to send me any crypto
<ul className='block list-outside'> <ul className="block list-outside">
<li>cosmos1gy6tg8jaf4qwmpug8jp8kqnyy9en3lmjxq0twf</li> <li className="break-all">
<li className='break-all'>46MiubQK8psbDWys429WvTQ71DyDiLkKmSLznoDYYFQbA6MfTvuVRJzSAbCCA17n8RGjCojx5GcpKH3q1DbpKJaQPCVcabi</li> cosmos1gy6tg8jaf4qwmpug8jp8kqnyy9en3lmjxq0twf
</li>
<li className="break-all">
46MiubQK8psbDWys429WvTQ71DyDiLkKmSLznoDYYFQbA6MfTvuVRJzSAbCCA17n8RGjCojx5GcpKH3q1DbpKJaQPCVcabi
</li>
</ul> </ul>
</div> </div>
</div> </div>

BIN
public/orchids.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 225 KiB

BIN
public/orchids.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 297 KiB

BIN
public/pfp_fb_cropped.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 90 KiB

BIN
public/pfp_formal_comp.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 262 KiB

BIN
public/pfp_pic.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 492 KiB

BIN
public/pfp_pic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 451 KiB