wip
This commit is contained in:
parent
a3788b654d
commit
f283646239
BIN
android-chrome-192x192.png
Normal file
BIN
android-chrome-192x192.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 44 KiB |
BIN
android-chrome-512x512.png
Normal file
BIN
android-chrome-512x512.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 246 KiB |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
18
humans.txt
Normal file
18
humans.txt
Normal 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
BIN
humanstxt-isolated-blank.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 987 B |
143
index.html
Normal file
143
index.html
Normal 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
4
robots.txt
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow:
|
||||||
|
|
||||||
|
Sitemap: https://classic.zoemp.be/sitemap.xml
|
10
sitemap.xml
Normal file
10
sitemap.xml
Normal 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>
|
Loading…
Reference in New Issue
Block a user