improve page speed / SEO + general fixes

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

View file

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "loader.html" . }}
{{ partial "navbar.html" . }}

View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="UTF-8">
<title>{{ .Site.Title }}</title>
<meta name="mobile-web-app-title" content="{{ .Site.Title }}">
<meta name="apple-mobile-web-app-title" content="{{ .Site.Title }}">
<meta charset="UTF-8">
<link id="favicon" rel="icon" type="image/png" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="icon" type="image/svg+xml" href="{{ .Site.Params.faviconPathSVG | relURL }}">
<link rel="shortcut icon" type="image/png" href="{{ .Site.Params.faviconPath | relURL }}">
@ -15,6 +15,7 @@
<link rel="canonical" href="{{ .Site.BaseURL }}">
<script src='{{ "/akar-icons-fonts/src/index.js" | relURL }}' async></script>
<script src='{{ "/main.js" | absURL }}' defer></script>
<link rel="preload" href='{{ "/style.css" | absURL }}' as="style" />
<link rel="stylesheet" type="text/css" href='{{ "/style.css" | absURL }}' media="screen"/>
<meta name="description" content="{{ .Site.Params.description }}">
<meta name="keywords" content='{{ delimit site.Params.keywords ", " }}'>

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");

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Before After
Before After

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(){

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{