barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: theme

Browse source
This commit is contained in:
Barrett Ruth 2025-11-09 14:45:26 -05:00
parent fb0229d80e
commit b98b6f084a
4 changed files with 31 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/Footer.astro
View file

@ -1,6 +1,12 @@
<footer>
<span id="theme-toggle">ʕ•ᴥ•ʔつ☼</span>
<div class="footer-links">
<div class="footer-links-left">
<a href="/resume.pdf" data-topic="resume" target="_blank">resume</a>
<a href="/transcript.pdf" data-topic="transcript" target="_blank"
>transcript</a
>
<a href="/about.html" data-topic="about">about</a>
</div>
<div class="footer-links-right">
<a href="/gist.html" data-topic="gist">gist</a>
<a href="/git.html" data-topic="git">git</a>
<a
@ -13,22 +19,23 @@
</footer>
<style>
footer {
padding: 20px;
font-size: 1.5em;
.footer-links-left,
.footer-links-right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
#theme-toggle {
cursor: pointer;
user-select: none;
}
.footer-links a {
margin-left: 25px;
.footer-links-left a,
.footer-links-right a {
text-decoration: none;
cursor: pointer;
}
@media (max-width: 768px) {
.footer-links-left,
.footer-links-right {
flex-direction: column;
gap: 5px;
}
}
</style>
<script type="module" src="/scripts/index.js"></script>