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

Footer -> Header (rel: #5)

Browse Source
This commit is contained in:
Daniel Kluge 2021-12-26 16:41:56 +01:00
parent e903128069
commit a80d747881
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/index.tsx
View File

@ -11,8 +11,7 @@ const Home: NextPage = () => {
<title>c0ntroller.de</title> <title>c0ntroller.de</title>
</Head> </Head>
<div className={styles.container}> <div className={styles.container}>
<REPL /> <div className={styles.header}>
<div className={styles.footer}>
<span className={styles.spacer} /> <span className={styles.spacer} />
<Link href="https://git.c0ntroller.de/c0ntroller/frontpage"><a>Source</a></Link> <Link href="https://git.c0ntroller.de/c0ntroller/frontpage"><a>Source</a></Link>
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
@ -34,6 +33,7 @@ const Home: NextPage = () => {
<Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link> <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>
<REPL />
</div> </div>
</>); </>);
}; };

16
styles/Home.module.css
View File

@ -6,7 +6,7 @@
padding: 10px; padding: 10px;
} }
.footer { .header {
flex-shrink: 5; flex-shrink: 5;
text-align: center; text-align: center;
font-family: "Segoe UI", Roboto, Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Roboto, Tahoma, Geneva, Verdana, sans-serif;
@ -15,29 +15,29 @@
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.footer * { .header * {
margin: auto 0; margin: auto 0;
} }
.footer a:active, .header a:active,
.footer a:visited, .header a:visited,
.footer a { .header a {
color: var(--repl-color); color: var(--repl-color);
text-decoration: underline; text-decoration: underline;
font-size: 80%; font-size: 80%;
} }
.footer a:hover { .header a:hover {
color: var(--repl-color-link); color: var(--repl-color-link);
} }
.footer .divider { .header .divider {
color: var(--repl-color); color: var(--repl-color);
margin: 0 5px; margin: 0 5px;
font-size: 80%; font-size: 80%;
} }
.footer .spacer { .header .spacer {
flex-grow: 1; flex-grow: 1;
} }