From 9d823448f6f3bfe00a6c8a44d151e79fb9a41ff4 Mon Sep 17 00:00:00 2001
From: Christian Hesse <mail@eworm.de>
Date: Wed, 29 Mar 2023 15:22:13 +0200
Subject: contrib/notification.html: fix warnings and errors

Checked with W3C validator: https://validator.w3.org/
---
 contrib/notification.d/style.css | 3 ++-
 contrib/notification.html        | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'contrib')
diff --git a/contrib/notification.d/style.css b/contrib/notification.d/style.css
index c07de89..f4b34df 100644
--- a/contrib/notification.d/style.css
+++ b/contrib/notification.d/style.css
@@ -34,6 +34,7 @@ pre {
 span.link {
   color: #863600;
 }
-tt {
+span.tag {
+  font-family: monospace;
   background-color: #e6e6e6;
 }
diff --git a/contrib/notification.html b/contrib/notification.html
index 56cb612..e71c71b 100644
--- a/contrib/notification.html
+++ b/contrib/notification.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>RouterOS-Scripts Notification Generator</title>
@@ -10,7 +10,7 @@
 <h1>RouterOS-Scripts Notification Generator</h1>
 
 <div class="notification">
-  <img src="../logo.svg" class="logo" width=48 height=48>
+  <img src="../logo.svg" alt="logo" class="logo" width=48 height=48>
   <div class="content">
   <p id="heading" class="heading">[<span id="hostname">MikroTik</span>] <span id="subject">ℹ️  Subject</span></p>
   <pre id="message">Message</pre>
@@ -21,13 +21,13 @@
 </div>
 
 <p>Hostname: <input type="text" value="MikroTik" onchange="update(this, 'hostname')"></p>
-<p>Subject: <input type="text" size=50 value="ℹ️  Subject"onchange="update(this, 'subject')"></p>
+<p>Subject: <input type="text" size=50 value="ℹ️  Subject" onchange="update(this, 'subject')"></p>
 <p>Message: <textarea id="w3review" name="w3review" rows="4" cols="50" onchange="update(this, 'message')">Message</textarea></p>
 <p><input type="checkbox" onclick="visible(this, 'link')"> Show link: <input type="text" value="https://eworm.de/" onchange="update(this, 'link-text')"></p>
 <p><input type="checkbox" onclick="visible(this, 'queued')"> Queued since <input type="text" value="oct/18/2022 18:30:48" onchange="update(this, 'queued-since')"></p>
 <p><input type="checkbox" onclick="visible(this, 'cut')"> Cut-off with <input type="number" min=1 max=99 value=13 onchange="update(this, 'cut-percent')"> percent</p>
 
-<p>ℹ️  Open the inspector, select the <tt>div</tt> element, right click and select "<i>Screenshot Node</i>"!</p>
+<p>ℹ️  Open the inspector, select the <span class="tag">div</span> element, right click and select "<i>Screenshot Node</i>"!</p>
 
 </body>
 </html>
-- 
cgit v1.2.3-54-g00ecf

