DavidOnTop/davidontop
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: icons font

Browse source
This commit is contained in:
davidontop 2024-05-23 19:32:13 +02:00
parent fae1dd00b6
commit e9e824bd6d
Signed by: DavidOnTop
GPG key ID: 5D05538A45D5149F
4 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/SymbolsNerdFont-Regular.ttf Normal file
View file

Binary file not shown.

4
src/layouts/Layout.astro
View file

@ -20,4 +20,8 @@ import { ViewTransitions } from "astro:transitions";
</body>
</html>
<style is:global>
@font-face {
font-family: "Symbols Nerd Font";
src: url("/SymbolsNerdFont-Regular.ttf") format('truetype');
}
</style>

12
src/pages/index.astro
View file

@ -5,13 +5,13 @@ import Layout from "../layouts/Layout.astro";
<Layout>
<div class="fixed inset-x-0 inset-y-0 mx-auto my-auto flex justify-center items-center">
<div>
<p class="text-2xl font-bold">Hello there, I'm David.</p>
<p class="text-2xl font-bold">&nbsp&nbspHello there, I'm David.</p>
<div class="flex justify-around items-center text-4xl pr-3">
<a href="mailto:me@davidon.top" class="p-3 tooltip tooltip-bottom" data-tip="me@davidon.top"> </a>
<a href="https://l.davidon.top/pubkey" class="p-3 tooltip tooltip-bottom" data-tip="GPG pubkey">󰌾 </a>
<a id="discord-btn" class="p-3 tooltip tooltip-bottom" data-tip="davidon_top">󰙯 </a>
<a href="https://sr.ht/~davidontop" class="p-3 tooltip tooltip-bottom" data-tip="Sourcehut"> </a>
<a href="https://github.com/davidon-top" class="p-3 tooltip tooltip-bottom" data-tip="Github"> </a>
<a href="mailto:me@davidon.top" class="font-icons p-3 tooltip tooltip-bottom" data-tip="me@davidon.top"> </a>
<a href="https://l.davidon.top/pubkey" class="font-icons p-3 tooltip tooltip-bottom" data-tip="GPG pubkey">󰌾 </a>
<a id="discord-btn" class="font-icons p-3 tooltip tooltip-bottom" data-tip="davidon_top">󰙯 </a>
<a href="https://git.davidon.top" class="font-icons p-3 tooltip tooltip-bottom" data-tip="CGit"> </a>
<a href="https://github.com/davidon-top" class="font-icons p-3 tooltip tooltip-bottom" data-tip="Github"> </a>
</div>
</div>
</div>

3
tailwind.config.mjs
View file

@ -18,6 +18,9 @@ export default {
bckg2l: "#3d3d3d",
}
},
fontFamily: {
"icons": ["Symbols Nerd Font"]
}
},
daisyui: {
themes: [