Compare commits

..

No commits in common. "8d72b0f1e7eef36345ce675939eb8fe9d1c8237d" and "da5e733458f266579897019936e3cbc46cbfe729" have entirely different histories.

6 changed files with 2104 additions and 20 deletions

5
.gitignore vendored
View File

@ -24,10 +24,7 @@ dist-ssr
*.sw? *.sw?
# Bun # Bun
bun.lock* bun.lockb
# pnpm
pnpm-lock.yaml
# ts build info # ts build info
tsconfig.app.tsbuildinfo tsconfig.app.tsbuildinfo

2097
pnpm-lock.yaml generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -9,8 +9,8 @@
"projects": "Projects", "projects": "Projects",
"send": "Send", "send": "Send",
"myLast": "My Last.FM Status", "myLast": "My Last.FM Status",
"myLastDescription": "I'm listening to:", "myLastDescription": "Take a look on my last played song:",
"lastLink": "View on Last.FM", "lastLink": "Check this song page on Last.FM",
"music": "Music", "music": "Music",
"currentlyListening": "I'm currently listening to it!", "currentlyListening": "I'm currently listening to it!",
"lastUpdate": "Last update: " "lastUpdate": "Last update: "

View File

@ -29,7 +29,7 @@ export default function Home() {
return ( return (
<MainContainer> <MainContainer>
<TopSection> <TopSection>
<Avatar src="https://avatars.githubusercontent.com/u/53719063?v=4" alt="GitHub Profile Picture" /> <Avatar src="https://avatars.githubusercontent.com/u/53719063?v=4" alt="Giv's Gh picture" />
<Paragraph> <Paragraph>
<span ref={typedElement} /> <span ref={typedElement} />
</Paragraph> </Paragraph>

View File

@ -4,7 +4,7 @@ import { useQuery } from '@tanstack/react-query'
import { Paragraph } from "../../components/Paragraph/styles"; import { Paragraph } from "../../components/Paragraph/styles";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { IconLink } from "../home/styles"; import { IconLink } from "../home/styles";
import { MusicDescription, MusicTitle } from "./styles";
export default function Music() { export default function Music() {
const { t } = useTranslation() const { t } = useTranslation()
@ -14,8 +14,8 @@ export default function Music() {
}) })
return ( return (
<MainContainer> <MainContainer>
<MusicTitle>{t("myLast")}</MusicTitle> <h1>{t("myLast")}</h1>
<MusicDescription>{t("myLastDescription")}</MusicDescription> <h3>{t("myLastDescription")}</h3>
<Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph> <Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph>
<IconLink target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</IconLink> <IconLink target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</IconLink>
{lastResponse?.recenttracks?.track[0]?.date?.["#text"] ? {lastResponse?.recenttracks?.track[0]?.date?.["#text"] ?

View File

@ -1,10 +0,0 @@
import styled from "styled-components";
export const MusicTitle = styled.h1`
padding-bottom: 1rem;
`;
export const MusicDescription = styled.h3`
font-size: 1.5rem;
font-weight: 400;
`;