Add regions as recommended by WebAIM
This commit is contained in:
parent
8552f7e7bb
commit
ab603f5900
209
index.html
209
index.html
@ -37,110 +37,117 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Welcome to Classic Web</h1>
|
||||
<p>Hello from morgan[a]zoemp.be</p>
|
||||
<header>
|
||||
<h1>Welcome to Classic Web</h1>
|
||||
<p>Hello from morgan[a]zoemp.be</p>
|
||||
</header>
|
||||
|
||||
<!-- 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>
|
||||
<nav>
|
||||
<!-- Navigation Links (if any) -->
|
||||
</nav>
|
||||
|
||||
<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>
|
||||
<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="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://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;">
|
||||
</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>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user