147 lines
6.3 KiB
HTML
147 lines
6.3 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.">
|
|
<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>
|
|
<h1>Welcome to Classic Web</h1>
|
|
<p>Hello from morgan[a]zoemp.be</p>
|
|
|
|
<!-- 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>
|
|
|
|
<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>
|
|
<p>
|
|
This page is exempt from big tech links. For more information, visit
|
|
<a href="https://bigtechdetective.net/">Big Tech Detective</a>.
|
|
</p>
|
|
|
|
<!-- 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">
|
|
</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">
|
|
</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">
|
|
</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">
|
|
</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">
|
|
</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">
|
|
</a>
|
|
</p>
|
|
|
|
<!-- WebAIM Validation Badge -->
|
|
<p>
|
|
<a href="https://webaim.org/">
|
|
<img src="https://img.shields.io/badge/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="https://img.shields.io/badge/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="https://img.shields.io/badge/Lighthouse-tested-green.png" alt="Lighthouse Tested" style="width:116px; height:20px;" loading="lazy">
|
|
</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>
|
|
</body>
|
|
</html>
|