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

44
src/components/Footer.astro
View file

@ -4,15 +4,35 @@ const year = new Date().getFullYear()
--- ---
<footer> <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) => ( links.map((linkObj) => (
<span class="link-item"> <li>
<a href={linkObj.url}>{linkObj.text}</a> <a href={linkObj.url}>{linkObj.text}</a>
</span> </li>
)) ))
} }
</p> </ul>
<p> <p>
&#169; 2022-{year} &#169; 2022-{year}
<a href="/">Ayo Ayco</a>. This website <a <a href="/">Ayo Ayco</a>. This website <a
@ -30,11 +50,21 @@ const year = new Date().getFullYear()
gap: 1rem; */ gap: 1rem; */
padding: 0; padding: 0;
.link-item:not(:last-child)::after { ul {
content: ' • '; list-style: none;
padding: 0;
li {
display: inline;
&:not(:last-child)::after {
content: ' • ';
}
}
} }
p { p,
ul {
margin: 0 0 1em; margin: 0 0 1em;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: 2em; line-height: 2em;