forked from GivFNZ/my-website
Compare commits
No commits in common. "8d72b0f1e7eef36345ce675939eb8fe9d1c8237d" and "da5e733458f266579897019936e3cbc46cbfe729" have entirely different histories.
8d72b0f1e7
...
da5e733458
5
.gitignore
vendored
5
.gitignore
vendored
@ -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
2097
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -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: "
|
||||||
|
@ -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>
|
||||||
|
@ -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"] ?
|
||||||
|
@ -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;
|
|
||||||
`;
|
|
Loading…
x
Reference in New Issue
Block a user