c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Fix links, add steam

Browse Source
This commit is contained in:
Daniel Kluge 2021-12-17 20:55:14 +01:00
parent 56d137334b
commit 4ce681b34b
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.tsx
View File

@ -1,7 +1,7 @@
import type { NextPage } from "next"; import type { NextPage } from "next";
import Head from "next/head"; import Head from "next/head";
import Link from "next/link"; import Link from "next/link";
import { GithubLogo, InstagramLogo, DiscordLogo } from "phosphor-react"; import { GithubLogo, InstagramLogo, DiscordLogo, GameController } from "phosphor-react";
import REPL from "../components/REPL"; import REPL from "../components/REPL";
import styles from "../styles/Home.module.css"; import styles from "../styles/Home.module.css";
@ -18,18 +18,20 @@ const Home: NextPage = () => {
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://git.c0ntroller.de/c0ntroller/frontpage/issues/new"><a>Bug?</a></Link> <Link href="https://git.c0ntroller.de/c0ntroller/frontpage/issues/new"><a>Bug?</a></Link>
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://github.com/C0ntroller" passHref><GithubLogo color="var(--repl-color)" weight="light" className={styles.iconLink} /></Link> <Link href="https://github.com/C0ntroller" passHref><GithubLogo color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://github.com/C0ntroller" passHref><InstagramLogo color="var(--repl-color)" weight="light" className={styles.iconLink} /></Link> <Link href="https://www.instagram.com/c0ntroller/" passHref><InstagramLogo color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://github.com/C0ntroller" passHref> <Link href="https://discordapp.com/users/224208617820127233" passHref>
<span className={styles.tooltip}> <span className={styles.tooltip}>
<DiscordLogo color="var(--repl-color)" weight="light" className={styles.iconLink} /> <DiscordLogo color="var(--repl-color)" className={styles.iconLink} />
<span className={styles.tooltiptext}> <span className={styles.tooltiptext}>
C0ntroller_Z#3883 C0ntroller_Z#3883
</span> </span>
</span> </span>
</Link> </Link>
<span className={styles.divider}>|</span>
<Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.spacer} /> <span className={styles.spacer} />
</div> </div>
</div> </div>

4
styles/Home.module.css
View File

@ -62,7 +62,7 @@
z-index: 1; z-index: 1;
bottom: 125%; bottom: 125%;
left: 50%; left: 50%;
margin-left: -60px; margin-left: -70px;
opacity: 0; opacity: 0;
transition: opacity 0.1s; transition: opacity 0.1s;
} }
@ -75,7 +75,7 @@
margin-left: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: #555 transparent transparent transparent; border-color: #333 transparent transparent transparent;
} }
.tooltip:hover .tooltiptext { .tooltip:hover .tooltiptext {