clients/heika
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update pages/index.tsx

Browse source
This commit is contained in:
Lio 2024-10-13 11:23:04 +00:00
parent 43b6171683
commit ef65da24fe
1 changed files with 77 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

154
pages/index.tsx
View file

@ -1,77 +1,77 @@
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import styles from "../styles/Index.module.sass"; import styles from "../styles/Index.module.sass";
import Avatar from "../public/assets/Avatar.png"; import Avatar from "../public/assets/Avatar.png";
import constants from "lib/constants"; import constants from "lib/constants";
import Icon from "components/Icon"; import Icon from "components/Icon";
import Head from "components/Head"; import Head from "components/Head";
import Socials from "lib/socials"; import Socials from "lib/socials";
import Credits from "components/Credits"; import Credits from "components/Credits";
const Index = ({ credits }) => { const Index = ({ credits }) => {
let AvatarSize = 200; let AvatarSize = 200;
return ( return (
<> <>
<Head /> <Head />
<div className={styles.center}> <div className={styles.center}>
<Image <Image
className={styles.avatar} className={styles.avatar}
src={Avatar} src={Avatar}
width={AvatarSize} width={AvatarSize}
height={AvatarSize} height={AvatarSize}
/> />
<h1 className={styles.name}>HEIKADOG</h1> <h1 className={styles.name}>HEIKADOG</h1>
<p className={styles.pronunciation}>(pronounced high-cuh)</p> <p className={styles.pronunciation}>(pronounced high-cuh)</p>
<p className={styles.info}> <p className={styles.info}>
i'm heika, a dog person who creates for the internet. i'm heika, a dog person who creates for the internet.
</p> </p>
<p className={styles.info}> <p className={styles.info}>
buy or stream my album <Link className={styles.link} href={constants.music.sleepydogs}> buy or stream my album <Link className={styles.link} href={constants.music.sleepydogs}>
<a className={styles.link}>SPECIALTY ENDEAVORS (REMASTERED)</a> <a className={styles.link}>SPECIALTY ENDEAVORS (REMASTERED)</a>
</Link>{" "} </Link>{" "}
on all major streaming platforms on all major streaming platforms
</p> </p>
<p className={styles.info}> <p className={styles.info}>
or peep my production credits on <Link className={styles.link} href={constants.socials.spotify}> or peep my production credits on <Link className={styles.link} href={constants.socials.spotify}>
<a className={styles.link}>spotify</a> <a className={styles.link}>spotify</a>
</Link>. </Link>.
</p> </p>
<div id="icons"> <div id="icons">
{Socials.map(social => ( {Socials.map(social => (
<Link key={social.icon} href={social.link}> <Link key={social.icon} href={social.link}>
<a> <a>
<Icon className={social.icon} data-icon="true" icon={social.icon} /> <Icon className={social.icon} data-icon="true" icon={social.icon} />
</a> </a>
</Link> </Link>
))} ))}
</div> </div>
</div> </div>
<div <div
style={{ style={{
position: "absolute", position: "absolute",
bottom: ".5rem", bottom: ".5rem",
left: ".5rem", left: ".5rem",
fontSize: "1.5rem" fontSize: "1.5rem"
}} }}
className="credits"> className="credits">
<Credits credits={credits} /> <Credits credits={credits} />
</div> </div>
</> </>
); );
}; };
export async function getStaticProps() { export async function getStaticProps() {
// const ers = await fetch("https://dreamland.pogcha.mp/api/credits") // const ers = await fetch("https://dreamland.pogcha.mp/api/credits")
// const credits = await ers.json() // const credits = await ers.json()
return { return {
props: { props: {
credits: { credits: {
url: 'lio.to/?ref=heikadog', url: 'shard.wtf/?ref=heikadog',
name: 'LIO' name: 'DATASHARD'
} }
} }
} }
} }
export default Index; export default Index;