diverse fixes & SEO optimization

static/main.js

@@ -1,26 +1,23 @@
 // Add event listeners
 document.addEventListener('DOMContentLoaded', async function(){
+    scrollTopVisibilityUpdate();
+    updateNavStyle();
+    calculateAge(".age");
+
+    // add eventlistener to language selector
+    const languageSelector = document.querySelector(".language-selector");
+    languageSelector.addEventListener('change', function(){
+        window.location.href = languageSelector.value + window.location.hash;
+    });
+
+    // load projects
+    loadMoreContent('.project-list', 6);
+
+    // hide loader
+    const loader = document.querySelector('.loadingscreen');
+    loader.classList.add('fade-out-no-scale');
     setTimeout(() => {
-        scrollTopVisibilityUpdate();
-        updateNavStyle();
-        calculateAge(".age");
-    
-        // add eventlistener to language selector
-        const languageSelector = document.querySelector(".language-selector");
-        languageSelector.addEventListener('change', function(){
-            window.location.href = languageSelector.value + window.location.hash;
-        });
-    
-        // load projects
-        loadMoreContent('.project-list', 6);
-    
-        // hide loader
-        const loader = document.querySelector('.loadingscreen');
-        loader.classList.add('fade-out-no-scale');
-        //loader.classList.add('hidden');
-        setTimeout(() => {
-            loader.classList.add('hidden');
-        }, 250);
+        loader.classList.add('hidden');
     }, 250);
 });
 

static/robots.txt

@@ -0,0 +1,19 @@
+User-agent: *
+Disallow: /akar-icons-fonts/
+Disallow: /assets/
+
+# Disallow AI chatbots to index the content
+User-agent: GPTBot
+Disallow: /
+User-agent: ChatGPT-User
+Disallow: /
+User-agent: PerplexityBot
+Disallow: /
+User-agent: anthropic-ai
+Disallow: /
+‍User-agent: Claude-Web
+Disallow: /
+User-agent: ClaudeBot
+Disallow: /
+
+Sitemap: https://michivonah.ch/sitemap.xml

static/style.css

@@ -117,6 +117,8 @@ nav .inner-width{
 nav img{
     width: auto;
     height: 56px;
+    margin-block: 20px;
+    box-sizing: border-box;
 }
 
 nav.small img{
@@ -266,7 +268,7 @@ nav.small .nav-links a:last-child:focus{
 }
 
 .hero h1{
-    margin: 0 20px;
+    margin: 30px 20px 0;
     font-size: 6rem;
     transition: var(--baseTransition);
     letter-spacing: -0.6rem;
@@ -824,6 +826,10 @@ nav.small .nav-links a:last-child:focus{
     content: none;
 }
 
+.faq summary::-webkit-details-marker{
+    display: none;
+}
+
 .faq summary::before{
     content: "\f156";
     font-family: akar-icons;
@@ -1167,6 +1173,7 @@ nav.small .nav-links a:last-child:focus{
     100%{
         opacity: 0;
         scale: 0;
+        display: none;
     }
 }