classicweb/index.html
2023-12-28 09:50:51 +01:00

155 lines
6.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<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">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Classic Web Page",
"description": "A web page dedicated to web standards and privacy.",
"author": {
"@type": "Person",
"name": "Morgan Wattiez",
"url": "https://morgan.zoemp.be"
}
}
</script>
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png">
<style>
/* CSS for mobile, tablet, and print optimization */
@media screen and (max-width: 600px) {
body { font-size: 14px; }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
body { font-size: 16px; }
}
@media print {
body { color: black; }
}
</style>
</head>
<body>
<header>
<h1>Welcome to Classic Web</h1>
<p>Hello from morgan[a]zoemp.be</p>
</header>
<nav>
<!-- Navigation Links (if any) -->
</nav>
<main>
<!-- Your Commitment Section -->
<section>
<h2>Our Commitment to Web Standards and Accessibility</h2>
<p>
Driven by the principles of the small web, classic web, indie web, and slow web philosophies,
this page is an experiment in creating a web presence that respects web standards, accessibility,
privacy, and has a minimal carbon impact. Inspired to build a better web, we are rigorously
testing and validating our webpage using various tools and extensions like Web Developer Checklist,
Ultrablock, JSHelter, Privacy Badger, Big Tech Detective, Lighthouse, DuckDuckGo Privacy Essentials,
and WAVE.
</p>
<p>
This is a work in progress, and each step in our journey is aimed at creating a web experience
that is not only user-friendly but also responsible and respectful of user privacy and our environment.
Learn more about our journey and progress at <a href="https://morgan.zoemp.be">https://morgan.zoemp.be</a>.
</p>
<p>
The source code for this page is available at <a href="https://gitea.zoemp.be/morgan/classicweb">https://gitea.zoemp.be/morgan/classicweb</a>.
</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>
<p>Learn more about our commitment to these values and join our journey towards a more ethical and user-controlled web.</p>
</section>
<!-- Carbon Badge -->
<p>
<a href="https://www.websitecarbon.com/website/classic-zoemp-be/">
<img src="/Carbon_Rating-A%2B-green.png" alt="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="vcss.gif" alt="Valid HTML Badge" 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="/CSS-valid-green.png" alt="Valid CSS Badge" style="width:70px; height:20px;" loading="lazy">
</a>
</p>
<!-- Pingdom Validator Badge -->
<p>
<a href="https://tools.pingdom.com/#632ad94444400000">
<img src="/pingdom-valid-blue.png" alt="Pingdom Validation Badge" 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="/WebPageTest-valid-red.png" alt="WebPageTest Validation Badge" style="width:122px; height:20px;" loading="lazy">
</a>
</p>
<!-- Big Tech Detective Badge -->
<p>
<a href="https://bigtechdetective.net/">
<img src="/Big_Tech-free-purple.png" alt="Big Tech-free" 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="/WebAIM-validated-green.png" alt="WebAIM Validated" 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="/Nibbler-tested-orange.png" alt="Nibbler Tested" 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="/Lighthouse-tested-green.png" alt="Lighthouse Tested" style="width:116px; height:20px;" loading="lazy">
</a>
</p>
</main>
<footer>
<p>This page is exempt from big tech links. For more information, visit <a href="https://bigtechdetective.net/">Big Tech Detective</a>.</p>
<!-- 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">
</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>
</body>
</html>