ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: make footer links html ul

Browse source
This commit is contained in:
Ayo Ayco 2025-02-14 22:21:26 +01:00
parent 306dc2f4d7
commit 447210212d
3 changed files with 736 additions and 721 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
package.json
View file

@ -23,28 +23,28 @@
"@astro-reactive/validator": "^0.5.1",
"@astrojs/sitemap": "^3.2.1",
"@ayco/astro-sw": "^0.8.14",
"@eslint/compat": "^1.2.4",
"@eslint/js": "^9.17.0",
"@typescript-eslint/parser": "^8.19.1",
"astro": "^5.1.3",
"astro-eslint-parser": "^1.1.0",
"@eslint/compat": "^1.2.6",
"@eslint/js": "^9.20.0",
"@typescript-eslint/parser": "^8.24.0",
"astro": "^5.3.0",
"astro-eslint-parser": "^1.2.1",
"astro-github-stats": "^0.8.0",
"astro-iconify": "^1.2.0",
"consola": "^3.3.3",
"eslint": "^9.17.0",
"consola": "^3.4.0",
"eslint": "^9.20.1",
"eslint-plugin-astro": "^1.3.1",
"eslint-plugin-jsx-a11y": "^6.10.2",
"globals": "^15.14.0",
"globals": "^15.15.0",
"husky": "^9.1.7",
"jiti": "^2.4.2",
"lint-staged": "^15.3.0",
"prettier": "^3.4.2",
"lint-staged": "^15.4.3",
"prettier": "^3.5.1",
"prettier-plugin-astro": "^0.14.1",
"rehype-stringify": "^10.0.1",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.1.1",
"tslib": "^2.8.1",
"typescript-eslint": "^8.19.1",
"typescript-eslint": "^8.24.0",
"unified": "^11.0.5"
},
"packageManager": "pnpm@9.15.3+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a",
@ -58,6 +58,6 @@
]
},
"dependencies": {
"pathe": "^2.0.0"
"pathe": "^2.0.3"
}
}

1389
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

42
src/components/Footer.astro
View file

@ -4,15 +4,35 @@ const year = new Date().getFullYear()
---
<footer>
<p>
<ul>
<li>
<a href="/about">About me</a>
</li>
<li>
<a href="/now">What I'm up to</a>
</li>
<li>
<a href="/threads">Thoughts</a>
</li>
<li>
<a href="/showcase">Some Projects</a>
</li>
<li>
<a href="https://ayos.blog/talks">Talks</a>
</li>
<li>
<a href="https://ayos.blog/projects">More Projects</a>
</li>
</ul>
<ul>
{
links.map((linkObj) => (
<span class="link-item">
<li>
<a href={linkObj.url}>{linkObj.text}</a>
</span>
</li>
))
}
</p>
</ul>
<p>
&#169; 2022-{year}
<a href="/">Ayo Ayco</a>. This website <a
@ -30,11 +50,21 @@ const year = new Date().getFullYear()
gap: 1rem; */
padding: 0;
.link-item:not(:last-child)::after {
ul {
list-style: none;
padding: 0;
li {
display: inline;
&:not(:last-child)::after {
content: ' • ';
}
}
}
p {
p,
ul {
margin: 0 0 1em;
font-size: var(--font-size-sm);
line-height: 2em;