Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-22 16:39:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

small visual fixes

Browse source
This commit is contained in:
Jonas_Jones 2025-06-07 23:23:58 +02:00
parent ae2c70bf60
commit ca18227094
2 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Footer.svelte
View file

@ -2,7 +2,9 @@
<!-- Include Font Awesome CDN -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<script lang="ts">
const year = new Date().getFullYear();
</script>
<div class="footer">
<div class="footer-left">
<a href="https://github.com/JonasunderscoreJones" target="_blank" aria-label="github-link"><i class="fab fa-github"></i></a>
@ -11,7 +13,7 @@
<a href="mailto:me@jonasjones.dev" target="_blank" aria-label="mail-link"><i class="fas fa-envelope"></i></a>
</div>
<p>Website by Jonas_Jones 2021 - <script>document.write(new Date().getFullYear());</script></p>
<p>Website by Jonas_Jones 2021 - {year}</p>
<div class="footer-right">
<a href="https://jonasjones.dev" class="footer-link" target="_blank">

15
src/routes/+page.css
View file

@ -126,7 +126,7 @@ a:hover {
.image-wrapper h1 {
padding-left: 20px;
font-size: 6rem;
font-size: clamp(2rem, 8vw, 6rem);;
color: var(--header-font-color);
}
@ -161,6 +161,14 @@ a:hover {
align-items: center;
flex-wrap: wrap;
margin-top: 1rem;
overflow:initial
}
.quick-links .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem; /* optional: adds space between items */
}
.quick-links a {
@ -169,11 +177,6 @@ a:hover {
text-align: center;
margin: 0 1rem;
position: relative;
padding-top: 4rem;
}
.quick-links a:hover {
padding-top: 0;
}
.quick-links a p {