Fix as many of the HTML validation errors as possible

This commit is contained in:
Lewis Dale 2023-11-28 21:16:07 +00:00
parent fb94864b15
commit 54657cac84

View File

@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html lang="{{metadata.site.language}}"> <html lang="{{metadata.site.language}}">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" >
<title>{{ title | safe }} | {{ metadata.site.name }}</title> <title>{{ title | safe }} | {{ metadata.site.name }}</title>
<link <link
@ -9,37 +9,37 @@
type="image/png" type="image/png"
href="/assets/favicon/light/favicon.ico" href="/assets/favicon/light/favicon.ico"
media="(prefers-color-scheme: light)" media="(prefers-color-scheme: light)"
/> >
<link <link
rel="icon" rel="icon"
type="image/png" type="image/png"
href="/assets/favicon/dark/favicon.ico" href="/assets/favicon/dark/favicon.ico"
media="(prefers-color-scheme: dark)" media="(prefers-color-scheme: dark)"
/> >
<link rel="stylesheet" type="text/css" href="/assets/css/fontawesome.min.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/fontawesome.min.css">
{% if includePrism %} {% if includePrism %}
<link rel="stylesheet" type="text/css" href="/assets/css/prism.min.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/prism.min.css">
{% endif %} {% endif %}
<link rel="stylesheet" type="text/css" href="/assets/css/styles.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
{% if feed %} {% if feed %}
<link rel="alternate" type="application/rss+xml" title="LewisDale.Dev" href="{{ feed }}" /> <link rel="alternate" type="application/rss+xml" title="LewisDale.Dev" href="{{ feed }}">
<link rel="alternate" type="application/atom+xml" title="LewisDale.Dev Atom Feed" href="{{ feed }}atom" /> <link rel="alternate" type="application/atom+xml" title="LewisDale.Dev Atom Feed" href="{{ feed }}atom">
<link rel="alternate" type="application/json" title="LewisDale.Dev JSON Feed" href="{{ feed }}json" /> <link rel="alternate" type="application/json" title="LewisDale.Dev JSON Feed" href="{{ feed }}json">
{% else %} {% else %}
<link rel="alternate" type="application/rss+xml" title="LewisDale.Dev" href="/feed/" /> <link rel="alternate" type="application/rss+xml" title="LewisDale.Dev" href="/feed/">
<link rel="alternate" type="application/atom+xml" title="LewisDale.Dev Atom Feed" href="/feed/atom" /> <link rel="alternate" type="application/atom+xml" title="LewisDale.Dev Atom Feed" href="/feed/atom">
<link rel="alternate" type="application/json" title="LewisDale.Dev JSON Feed" href="/feed/json" /> <link rel="alternate" type="application/json" title="LewisDale.Dev JSON Feed" href="/feed/json">
{% endif %} {% endif %}
<link rel="me" href="proven.lol/f730ca" /> <link rel="me" href="proven.lol/f730ca">
<link rel="me" href="https://social.lewisdale.dev/@lewis" /> <link rel="me" href="https://social.lewisdale.dev/@lewis">
<link rel="me" href="https://github.com/LewisDaleUK" /> <link rel="me" href="https://github.com/LewisDaleUK">
<link rel="webmention" href="https://cms.lewisdale.dev/wp-json/webmention/1.0/endpoint" /> <link rel="webmention" href="https://cms.lewisdale.dev/wp-json/webmention/1.0/endpoint">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="eleventy" /> <meta name="generator" content="eleventy">
<meta name="author" content="{{ metadata.author.name }}" /> <meta name="author" content="{{ metadata.author.name }}">
<meta name="description" content="{{ description }}" /> <meta name="description" content="{{ description }}">
</head> </head>
<body> <body>
<header class="wrapper-lg row space-between"> <header class="wrapper-lg row space-between">
@ -65,11 +65,11 @@
<fieldset class="color-scheme"> <fieldset class="color-scheme">
<legend>Change your colour scheme</legend> <legend>Change your colour scheme</legend>
<label> <label>
<input type="radio" name="color-scheme" value="dark" /> <input type="radio" name="color-scheme" value="dark">
Dark Dark
</label> </label>
<label> <label>
<input type="radio" name="color-scheme" value="light" /> <input type="radio" name="color-scheme" value="light">
Light Light
</label> </label>
</fieldset> </fieldset>
@ -80,7 +80,7 @@
</footer> </footer>
<script type="text/javascript"> <script>
const defaultColourScheme = () => { const defaultColourScheme = () => {
if (localStorage.getItem('color-scheme')) { if (localStorage.getItem('color-scheme')) {
return localStorage.getItem('color-scheme'); return localStorage.getItem('color-scheme');