shhhht

optimize for mobile

.gitignore

@@ -0,0 +1,4 @@
+*pgp*
+*security.txt*
+*-sec*
+*-pub*

.well-known/security.txt

@@ -0,0 +1,7 @@
+# Our security address
+Contact: mailto:morgan[a]zoemp.be
+Expires: 2024-12-28T23:59:59Z
+Encryption: https://classic.zoemp.be/pgp-key.txt
+# Preferred languages
+Preferred-Languages: en, fr
+Canonical: https://classic.zoemp.be/.well-known/security.txt

index.html

@@ -4,9 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="Exploring open-source, privacy, and decentralization - a commitment to the small and slow web.">
+    <meta name="HandheldFriendly" content="true">
     <title>Classic Web - Embracing Open-Source and Privacy</title> <!-- Improved title -->
     <link rel="icon" href="/favicon.ico" type="image/x-icon">
     <link type="text/plain" rel="author" href="/humans.txt">
+    <link rel="canonical" href="https://classic.zoemp.be">
     <!-- Structured Data -->
     <script type="application/ld+json">
     {
@@ -23,6 +25,8 @@
     </script>
     <link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
     <link rel="icon" sizes="512x512" href="/android-chrome-512x512.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="apple-touch-startup-image" href="/apple-touch-startup-256x256.png">
     <style>
         /* CSS for mobile, tablet, and print optimization */
         @media screen and (max-width: 600px) {
@@ -68,6 +72,12 @@
 		</p>
 	    </section>
 
+            <!-- Section for Wiki Reference -->
+	    <section>
+	        <h2>Useful Resources for Website Checking</h2>
+	        <p>For additional insights and tools to check and improve your website, visit our <a href="https://gitea.zoemp.be/morgan/classicweb/wiki/Bookmarks">wiki page</a> on useful resources. It contains a curated list of tools and articles that can help in assessing and enhancing various aspects of web development and performance.</p>
+	    </section>  
+
 	    <section>
 		<h2>Our Philosophy</h2>
 		<p>We advocate for open-source, privacy, and the small web. Our platform is committed to slow web principles, data portability, GDPR compliance, and simplicity. We prioritize security, decentralization, and user empowerment.</p>
@@ -77,63 +87,63 @@
 	    <!-- Carbon Badge -->
 	    <p>
 		<a href="https://www.websitecarbon.com/website/classic-zoemp-be/">
-		    <img src="https://img.shields.io/badge/Carbon_Rating-A%2B-green.png" alt="Carbon Rating A+" style="width:116px; height:20px;" loading="lazy">
+		    <img src="/Carbon_Rating-A%2B-green.png" alt="Carbon Rating A+" title="Badge showing this site has a carbon rating A+" style="width:116px; height:20px;" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- HTML Validator Badge -->
 	    <p>
 		<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fclassic.zoemp.be%2F">
-		    <img style="border:0; width:88px; height:31px;" src="https://jigsaw.w3.org/css-validator/images/vcss" alt="Valid HTML Badge" loading="lazy">
+		    <img style="border:0; width:88px; height:31px;" src="vcss.gif" alt="Valid HTML Badge" title="Badge showing this site has passed the HTML Validator test (W3C)" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- CSS Validator Badge -->
 	    <p>
 		<a href="http://jigsaw.w3.org/css-validator/validator?lang=en&profile=css3svg&uri=https%3A%2F%2Fclassic.zoemp.be&usermedium=all&vextwarning=&warning=1">
-		    <img src="https://img.shields.io/badge/CSS-valid-green.png" alt="Valid CSS Badge" style="width:70px; height:20px;" loading="lazy">
+		    <img src="/CSS-valid-green.png" alt="Valid CSS Badge" title="Badge showing this site has passed the CSS Validator test" style="width:70px; height:20px;" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- Pingdom Validator Badge -->
 	    <p>
 		<a href="https://tools.pingdom.com/#632ad94444400000">
-		    <img src="https://img.shields.io/badge/pingdom-valid-blue.png" alt="Pingdom Validation Badge" style="width:94px; height:20px;" loading="lazy">
+		    <img src="/pingdom-valid-blue.png" alt="Pingdom Validation Badge" title="Badge showing this site has passed the Pingdom test" style="width:94px; height:20px;" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- WebPageTest Validator Badge -->
 	    <p>
 		<a href="https://www.webpagetest.org/result/231227_AiDcKA_9CY/2/experiments/#Usable">
-		    <img src="https://img.shields.io/badge/WebPageTest-valid-red.png" alt="WebPageTest Validation Badge" style="width:122px; height:20px;" loading="lazy">
+		    <img src="/WebPageTest-valid-red.png" alt="WebPageTest Validation Badge" title="Badge showing this site has passed the WebPage test" style="width:122px; height:20px;" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- Big Tech Detective Badge -->
 	    <p>
 		<a href="https://bigtechdetective.net/">
-		    <img src="https://img.shields.io/badge/Big_Tech-free-purple.png" alt="Big Tech-free" style="width:88px; height:20px;" loading="lazy">
+		    <img src="/Big_Tech-free-purple.png" alt="Big Tech-free" title="Badge showing this site is not relying on big tech technology to function" style="width:88px; height:20px;" loading="lazy">
 		</a>
 	    </p>
 
 	    <!-- WebAIM Validation Badge -->
 	    <p>
 		<a href="https://wave.webaim.org/report#/https://classic.zoemp.be">
-		    <img src="https://img.shields.io/badge/WebAIM-validated-green.png" alt="WebAIM Validated" style="width:116px; height:20px;">
+		    <img src="/WebAIM-validated-green.png" alt="WebAIM Validated" title="Badge showing this site has passed the WebAIM test" style="width:116px; height:20px;">
 		</a>
 	    </p>
 
 	    <!-- Nibbler Test Badge -->
 	    <p>
 		<a href="https://nibbler.insites.com/en_US/reports/classic.zoemp.be">
-		    <img src="https://img.shields.io/badge/Nibbler-tested-orange.png" alt="Nibbler Tested" style="width:94px; height:20px;">
+		    <img src="/Nibbler-tested-orange.png" alt="Nibbler Tested" title="Badge showing this site has passed the Nibbler test" style="width:94px; height:20px;">
 		</a>
 	    </p> 
 
 	    <!-- Lighthouse (PageSpeed) Test Badge -->
 	    <p>
 		<a href="https://pagespeed.web.dev/analysis/https-classic-zoemp-be/07mbtp60gc?form_factor=mobile">
-		    <img src="https://img.shields.io/badge/Lighthouse-tested-green.png" alt="Lighthouse Tested" style="width:116px; height:20px;" loading="lazy">
+		    <img src="/Lighthouse-tested-green.png" alt="Lighthouse Tested" title="Badge showing this site has passed the Lighthouse test" style="width:116px; height:20px;" loading="lazy">
 		</a>
 	    </p>
     </main>
@@ -143,11 +153,20 @@
 	<!-- Link to your own Humans.txt file -->
 	<p>
 	    <a href="/humans.txt">
-                <img src="/humanstxt-isolated-blank.gif" alt="Humans.txt" width="88" height="31">
+		<img src="/humanstxt-isolated-blank.gif" alt="" width="88" height="31">Support humans.txt
             </a>
 	</p>
     </footer>
 
-    <script async src="https://ackee.zoemp.be/tracker.js" data-ackee-server="https://ackee.zoemp.be" data-ackee-domain-id="2baf29a2-e1ac-4777-a141-8d1a08cb355f"></script>
+	<script>
+	  document.addEventListener('DOMContentLoaded', function() {
+	    var ackeeScript = document.createElement('script');
+	    ackeeScript.async = true;
+	    ackeeScript.src = "https://ackee.zoemp.be/tracker.js";
+	    ackeeScript.setAttribute('data-ackee-server', 'https://ackee.zoemp.be');
+	    ackeeScript.setAttribute('data-ackee-domain-id', '2baf29a2-e1ac-4777-a141-8d1a08cb355f');
+	    document.body.appendChild(ackeeScript);
+	  });
+	</script>
 </body>
 </html>