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
layouts/_default/baseof.html
View file

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

3
layouts/partials/header.html
View file

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

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

@ -1,5 +1,6 @@
@font-face { @font-face {
font-family: "akar-icons"; font-family: "akar-icons";
font-display: swap;
src: url("/akar-icons-fonts/src/fonts/akar-icons.ttf?1f3540771cfc5786c664ac6bc39123ba") format("truetype"), 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.woff?1f3540771cfc5786c664ac6bc39123ba") format("woff"),
url("/akar-icons-fonts/src/fonts/akar-icons.svg?1f3540771cfc5786c664ac6bc39123ba#akar-icons") format("svg"); 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); loadMoreContent('.project-list', 6);
// hide loader // hide loader
const loader = document.querySelector('.loadingscreen'); /*const loader = document.querySelector('.loadingscreen');
loader.classList.add('fade-out-no-scale'); loader.classList.add('fade-out-no-scale');
setTimeout(() => { setTimeout(() => {
loader.classList.add('hidden'); 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(){ 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-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
border: none;
outline: none;
border-radius: var(--baseRadius); border-radius: var(--baseRadius);
transition: var(--baseTransition); transition: var(--baseTransition);
box-shadow: var(--boxShadow); box-shadow: var(--boxShadow);
@ -590,6 +592,13 @@ nav.small .nav-links a:last-child:focus{
opacity: 1; 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:hover .card-first,
.project-card:focus .card-first{ .project-card:focus .card-first{
height: 0; height: 0;
@ -646,7 +655,7 @@ nav.small .nav-links a:last-child:focus{
.card-first img{ .card-first img{
height: calc(100% + 60px); height: calc(100% + 60px);
filter: blur(6px); filter: blur(6px) brightness(0.6);
} }
.card-second{ .card-second{