mirror of
https://github.com/sergeyyarkov/yarkov.tech.git
synced 2026-10-11 10:29:21 +03:00
60 lines
1.2 KiB
Plaintext
60 lines
1.2 KiB
Plaintext
---
|
|
import { Icon } from "astro-icon";
|
|
const date = new Date();
|
|
---
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<ul>
|
|
<li>
|
|
<a href="https://astro.build/" target="_blank">Astro</a>
|
|
<Icon name="astro" width="20" height="20" />
|
|
</li>
|
|
<li>
|
|
<a href="https://www.netlify.com/" target="_blank">Netlify</a>
|
|
<Icon name="netlify" width="20" height="20" />
|
|
</li>
|
|
<li>
|
|
<a href="/rss.xml" target="_blank">RSS</a>
|
|
<Icon name="rss" width="20" height="20" />
|
|
</li>
|
|
</ul>
|
|
<small>© Sergey Yarkov, {date.getFullYear()}</small>
|
|
</div>
|
|
</footer>
|
|
|
|
<style lang="scss">
|
|
footer {
|
|
user-select: none;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
margin-top: 5rem;
|
|
& .container {
|
|
padding: 25px 0 10px 0;
|
|
border-top: 1px solid var(--border-color);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
row-gap: 15px;
|
|
}
|
|
& ul {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 25px;
|
|
& li {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 7px;
|
|
& a {
|
|
color: var(--font-color);
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
}
|
|
}
|
|
& small {
|
|
text-align: center;
|
|
font-size: var(--font-size-xs);
|
|
}
|
|
}
|
|
</style>
|