sansguidon/classicweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Morgan Wattiez 2023-12-27 16:57:40 +01:00
parent a3788b654d
commit f283646239
8 changed files with 175 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
android-chrome-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
android-chrome-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 KiB

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

18
humans.txt Normal file
View File

@ -0,0 +1,18 @@
/* TEAM */
Developer and Designer: Morgan Wattiez
Contact: morgan[a]zoemp.be
From: Brussels
/* PHILOSOPHY */
This site embraces open-source, privacy, and decentralization.
Committed to small web, slow web principles.
/* SITE */
Last update: 2023-12-27 16:22 (CET)
Language: English / French
Technologies used: HTML, CSS, LAMP, ChatGPT, NVIM
IDE: NVIM v0.6.1
/* SPECIAL THANKS */
Yohan Courbe for being inspiring.
Frédérique Scarnière for her support.

BIN
humanstxt-isolated-blank.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 987 B

143
index.html Normal file
View File

@ -0,0 +1,143 @@
<!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>
</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>

4
robots.txt Normal file
View File

@ -0,0 +1,4 @@
User-agent: *
Disallow:
Sitemap: https://classic.zoemp.be/sitemap.xml

10
sitemap.xml Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://classic.zoemp.be/</loc>
<lastmod>2023-12-27</lastmod> <!-- Replace with the last modification date of your homepage -->
<changefreq>monthly</changefreq> <!-- Change frequency depends on how often you update your site -->
<priority>1.0</priority> <!-- Priority of this URL relative to other URLs on your site -->
</url>
<!-- Add additional URLs here if your site expands -->
</urlset>