michi.vonah/website-v3
1
0
Fork 0
mirror of https://github.com/michivonah/website-v3.git synced 2025-12-22 21:36:28 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve page speed / SEO + general fixes

Browse source
This commit is contained in:
Michi 2025-04-05 18:44:40 +02:00
parent 0fe7cfa463
commit d0e903d7da
6 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
static/akar-icons-fonts/src/css/akar-icons.css
View file

@ -1,5 +1,6 @@
@font-face {
font-family: "akar-icons";
font-display: swap;
src: url("/akar-icons-fonts/src/fonts/akar-icons.ttf?1f3540771cfc5786c664ac6bc39123ba") format("truetype"),
url("/akar-icons-fonts/src/fonts/akar-icons.woff?1f3540771cfc5786c664ac6bc39123ba") format("woff"),
url("/akar-icons-fonts/src/fonts/akar-icons.svg?1f3540771cfc5786c664ac6bc39123ba#akar-icons") format("svg");

BIN
static/assets/about-me/about-me.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Before After
Before After

17
static/main.js
View file

@ -14,11 +14,24 @@ document.addEventListener('DOMContentLoaded', async function(){
loadMoreContent('.project-list', 6);
// hide loader
const loader = document.querySelector('.loadingscreen');
/*const loader = document.querySelector('.loadingscreen');
loader.classList.add('fade-out-no-scale');
setTimeout(() => {
loader.classList.add('hidden');
}, 250);
}, 250);*/
console.log(
" \n" +
" __ __ _ _ _ _ \n" +
" | \\/ (_) | | (_) /\\ | | \n" +
" | \\ / |_ ___| |__ _ __ _____ _ __ / \\ | |__ \n" +
" | |\\/| | |/ __| '_ \\| | \\ \\ / / _ \\| '_ \\ / /\\ \\ | '_ \\ \n" +
" | | | | | (__| | | | | \\ V / (_) | | | | / ____ \\| | | |\n" +
" |_| |_|_|\\___|_| |_|_| \\_/ \\___/|_| |_| /_/ \\_\\_| |_|\n" +
" \n" +
" Website V3 - michivonah.ch \n" +
" \n"
);
});
window.addEventListener('scroll', function(){

11
static/style.css
View file

@ -532,6 +532,8 @@ nav.small .nav-links a:last-child:focus{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: none;
outline: none;
border-radius: var(--baseRadius);
transition: var(--baseTransition);
box-shadow: var(--boxShadow);
@ -590,6 +592,13 @@ nav.small .nav-links a:last-child:focus{
opacity: 1;
}
.card-first img{
--buffer: 5px;
width: calc(100% + var(--buffer));
height: calc(100% + var(--buffer));
object-fit: cover;
}
.project-card:hover .card-first,
.project-card:focus .card-first{
height: 0;
@ -646,7 +655,7 @@ nav.small .nav-links a:last-child:focus{
.card-first img{
height: calc(100% + 60px);
filter: blur(6px);
filter: blur(6px) brightness(0.6);
}
.card-second{