mirror of
https://github.com/BradNut/personal-website-sveltekit
synced 2025-09-08 23:20:18 +00:00
84 lines
No EOL
2 KiB
Svelte
84 lines
No EOL
2 KiB
Svelte
<script lang="ts">
|
|
import { page } from '$app/stores';
|
|
import github from '@iconify-icons/radix-icons/github-logo';
|
|
import linkedin from '@iconify-icons/radix-icons/linkedin-logo';
|
|
import email from '@iconify-icons/material-symbols/mail';
|
|
const userNames = {
|
|
github: 'BradNut',
|
|
linkedIn: 'bradley-shellnut',
|
|
email: 'bradleyshellnut@pm.me',
|
|
};
|
|
</script>
|
|
|
|
<footer>
|
|
<div>
|
|
<iconify-icon icon={github} width="24" height="24" />
|
|
<iconify-icon icon={linkedin} width="24" height="24" />
|
|
<iconify-icon icon={email} width="24" height="24" />
|
|
</div>
|
|
<nav class="footer-list" aria-label="footer navigation">
|
|
<a class:active={$page.url.pathname === '/'} href="/">Home</a>
|
|
<a class:active={$page.url.pathname === '/about'} href="/about">About</a>
|
|
<a class:active={$page.url.pathname === '/portfolio'} href="/portfolio">Portfolio</a>
|
|
<a class:active={$page.url.pathname === '/uses'} href="/uses">Uses</a>
|
|
<a class:active={$page.url.pathname === '/privacy'} href="/privacy">Privacy</a>
|
|
<a class:active={$page.url.pathname === '/articles'} href="/articles">Favorite Articles</a>
|
|
</nav>
|
|
<!-- <p className="center"> -->
|
|
<p>
|
|
Bradley Shellnut © 2012 - {new Date().getFullYear()}
|
|
</p>
|
|
</footer>
|
|
<!--
|
|
<style lang="postcss">
|
|
display: grid;
|
|
grid-template-rows: repeat(2, 1fr);
|
|
background: var(--footerBackground);
|
|
align-items: center;
|
|
align-content: center;
|
|
gap: 1rem;
|
|
|
|
margin-top: 6rem;
|
|
padding: 2rem;
|
|
|
|
@media (max-width: 800px) {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: 0;
|
|
max-height: 0;
|
|
border: solid;
|
|
width: 100%;
|
|
border-width: thin 0 0 0;
|
|
transition: inherit;
|
|
/* border-color: var(--lightShade);
|
|
color: var(--lightShade); */
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
padding: 0.2rem;
|
|
font-weight: 600;
|
|
/* color: var(--lightShade); */
|
|
}
|
|
|
|
ul {
|
|
margin: 0.5rem;
|
|
}
|
|
|
|
nav .footer-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
gap: 1rem;
|
|
}
|
|
|
|
a {
|
|
margin: 1rem;
|
|
line-height: 1rem;
|
|
}
|
|
</style> --> |