diff options
| -rw-r--r-- | _includes/footer.html | 12 | ||||
| -rwxr-xr-x | _includes/head.html | 14 | ||||
| -rw-r--r-- | _includes/navigation.html | 6 | ||||
| -rwxr-xr-x | _layouts/default.html | 5 | ||||
| -rw-r--r-- | _layouts/homepage.html | 5 | ||||
| -rw-r--r-- | about.md | 3 | ||||
| -rw-r--r-- | blog.md | 6 | ||||
| -rw-r--r-- | index.html | 18 | ||||
| -rw-r--r-- | style.css | 22 |
9 files changed, 51 insertions, 40 deletions
diff --git a/_includes/footer.html b/_includes/footer.html index 59281c3..e12a1ad 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,10 +1,10 @@ -<hr> -<footer> +<hr/> +<div id="footer"> <p>The content for this site is <a - href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.<br> + href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.<br/> <a href="https://git.sr.ht/~bt/1mb-club">source code for this site</a></p> <p>Maintained with ♥ for a performant web</p> - <p>Proud supporter of <a href="https://nextdns.io/?from=74d3p3h8">NextDNS</a> and <a href="https://usefathom.com/ref/DKHJVX">Fathom</a><br> - Feel free to reach out via <a rel="me" href="https://mastodon.bsd.cafe/@bt">Mastodon</a><br> + <p>Proud supporter of <a href="https://nextdns.io/?from=74d3p3h8">NextDNS</a> and <a href="https://usefathom.com/ref/DKHJVX">Fathom</a><br/> + Feel free to reach out via <a rel="me" href="https://mastodon.bsd.cafe/@bt">Mastodon</a><br/> Latest sites via <a href="/atom.xml">atom.xml</a> // Latest articles via <a href="/posts.xml">posts.xml</a></p> -</footer> +</div> diff --git a/_includes/head.html b/_includes/head.html index 669f377..2725b64 100755 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,10 +1,10 @@ <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="color-scheme" content="dark light"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta name="color-scheme" content="dark light" /> <title>{{ site.title }}: {{ page.title }}</title> - <meta name="description" content="{{ site.description }}"> - <link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png"> - <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml"> - <link rel="stylesheet" href="{{ site.baseurl }}/style.css"> + <meta name="description" content="{{ site.description }}" /> + <link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" /> + <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml" /> + <link rel="stylesheet" href="{{ site.baseurl }}/style.css" /> </head> diff --git a/_includes/navigation.html b/_includes/navigation.html index 0f4e0f8..25caa6f 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -1,5 +1,5 @@ <h1>1MB Club</h1> -<nav> +<div id="nav"> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> @@ -8,5 +8,5 @@ <li><a href="/blog">Blog</a></li> <li><a href="/submit">Submit</a></li> </ul> - <hr> -</nav> + <hr/> +</div> diff --git a/_layouts/default.html b/_layouts/default.html index a099004..b8067e8 100755 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,5 +1,6 @@ -<!DOCTYPE html> -<html lang="en"> +<!--?xml version="1.0" encoding="UTF-8"?--> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> {% include head.html %} diff --git a/_layouts/homepage.html b/_layouts/homepage.html index 01effd7..065da03 100644 --- a/_layouts/homepage.html +++ b/_layouts/homepage.html @@ -1,5 +1,6 @@ -<!DOCTYPE html> -<html lang="en"> +<!--?xml version="1.0" encoding="UTF-8"?--> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> {% include head.html %} @@ -11,8 +11,7 @@ The internet has become a <em>bloated mess</em>. Massive JavaScript libraries. C But we can make a difference - no matter how small it may seem. <em>1MB Club</em> is a growing collection of performance-focused web pages found across the internet. All member web pages weigh less than 1 megabyte in page size. <blockquote> - <p>Simplicity is a great virtue but it requires hard work to achieve it and education to appreciate it. And to make matters worse: complexity sells better.</p> - <cite>- Edsger Wybe Dijkstra</cite> + <p>Simplicity is a great virtue but it requires hard work to achieve it and education to appreciate it. And to make matters worse: complexity sells better. <cite>- Edsger Wybe Dijkstra</cite></p> </blockquote> The full project (including source code, tickets, bug reports, wiki etc.) can be [found here](https://sr.ht/~bt/1mb-club/). @@ -6,12 +6,12 @@ permalink: blog/ ## Blog Posts -<p align="center">Writing about everything and anything related to web design. Articles tend to have a major focus on performance, accessibility and/or usability.</p> +<p class="center">Writing about everything and anything related to web design. Articles tend to have a major focus on performance, accessibility and/or usability.</p> --- -<ul> +<ul class="posts-list"> {% for post in site.posts %} - <li><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%m/%d/%Y" }}</time><br><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li><hr> + <li><span>{{ post.date | date: "%m/%d/%Y" }}</span><br/><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li> {% endfor %} </ul>
\ No newline at end of file @@ -4,17 +4,17 @@ title: A collection of web pages weighing in less than 1MB summary: Listing all web pages under 1MB in total size --- -<header> - <p align="center"><strong>1MB Club</strong> is a growing collection of performance-focused web pages weighing less than 1 megabyte.</p> -</header> +<div id="header"> + <p class="center"><strong>1MB Club</strong> is a growing collection of performance-focused web pages weighing less than 1 megabyte.</p> +</div> -<main> +<div id="main"> {% assign famers = site.site_listings %} {% assign websites = site.site_listings | sort: 'size' %} <h2 id="members">Official Members</h2> - <img class="http-badge" src="/public/http-badge.svg" alt="HTTP badge"> + <img class="http-badge" src="/public/http-badge.svg" alt="HTTP badge" /> <p> Items marked with this <i>clickable</i> badge support out-of-date browsers via HTTP (<a href="/blog/https-redirects">Why?</a>)</p> - <hr> + <hr/> <table class="members"> <thead align="left"> <tr> @@ -28,7 +28,7 @@ summary: Listing all web pages under 1MB in total size <td> {% if item.http == true %} <a href="http://{{ item.pageurl }}"> - <img class="http-badge" src="/public/http-badge.svg" alt="HTTP badge"> + <img class="http-badge" src="/public/http-badge.svg" alt="HTTP badge" /> </a> {% endif %} <a class="site" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a> @@ -49,6 +49,6 @@ summary: Listing all web pages under 1MB in total size {% endfor %} </p> <p>These 1MB Club members donated to this project and are now immortalized into the "Hall of Fame"</p> - <p><strong>Looking to join the Hall of Fame?</strong><br><a href="/hall-of-fame">Become a supporter today →</a></p> + <p><strong>Looking to join the Hall of Fame?</strong><br/><a href="/hall-of-fame">Become a supporter today →</a></p> </div> -</main> +</div> @@ -97,12 +97,22 @@ p code, li code { width: 45px; } +.posts-list li { + border-bottom: 1px solid; + margin-bottom: 10px; + padding-bottom: 10px; +} + .post-time { color: #24272D; display: block; margin: 0.5em 0; } +.center { + text-align: center; +} + table { border-collapse: collapse; text-align: left; @@ -139,12 +149,12 @@ table.members tbody tr td:first-child::before { z-index: -2; } -nav ul { +#nav ul { margin: 1em 0; padding: 0; text-align: center; } -nav ul li { +#nav ul li { display: inline-block; list-style: none; margin: 0 10px; @@ -201,10 +211,10 @@ nav ul li { font-size: 90%; } -footer { +#footer { text-align: center; } -footer p { +#footer p { margin-bottom: 0; } @@ -215,12 +225,12 @@ footer p { } @media(max-width: 800px) { - main > .http-badge:nth-of-type(1) { + #main > .http-badge:nth-of-type(1) { display: block; float: none; margin: 0 auto; } - main > .http-badge:nth-of-type(1) + p { + #main > .http-badge:nth-of-type(1) + p { text-align: center; } table tr td:first-child { |