173 lines
7.6 KiB
HTML
173 lines
7.6 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">
|
|
<link rel="canonical" href="https://classic.zoemp.be">
|
|
<!-- 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">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="apple-touch-startup-image" sizes="256x256" href="/apple-touch-startup-256x256.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 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>
|
|
<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+" 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="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="/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="/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="/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="/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="/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="/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="/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>
|
|
|
|
<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="" width="88" height="31">Support humans.txt</a>
|
|
</a>
|
|
</p>
|
|
</footer>
|
|
|
|
<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>
|