diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 1bd633f..a1b2393 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,5 +1,4 @@ {{ partial "header.html" . }} -{{ partial "loader.html" . }} {{ partial "navbar.html" . }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 6c72f0a..f66b3b6 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,10 +1,10 @@ - {{ .Site.Title }} + @@ -15,6 +15,7 @@ + diff --git a/static/akar-icons-fonts/src/css/akar-icons.css b/static/akar-icons-fonts/src/css/akar-icons.css index fcff545..5db19d5 100644 --- a/static/akar-icons-fonts/src/css/akar-icons.css +++ b/static/akar-icons-fonts/src/css/akar-icons.css @@ -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"); diff --git a/static/assets/about-me/about-me.webp b/static/assets/about-me/about-me.webp index 2c6171c..64ba6ca 100644 Binary files a/static/assets/about-me/about-me.webp and b/static/assets/about-me/about-me.webp differ diff --git a/static/main.js b/static/main.js index 38edcda..bccd696 100644 --- a/static/main.js +++ b/static/main.js @@ -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(){ diff --git a/static/style.css b/static/style.css index a419eda..f5ab401 100644 --- a/static/style.css +++ b/static/style.css @@ -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{