diff --git a/contrib/html.sh b/contrib/html.sh
index f1ee70c1..bbd8ba86 100755
--- a/contrib/html.sh
+++ b/contrib/html.sh
@@ -2,12 +2,7 @@
 
 set -e
 
-RELTO="$(dirname "${1}")"
-sed \
-	-e "s|__TITLE__|$(head -n1 "${1}")|" \
-	-e "s|__STYLE__|$(realpath --relative-to="${RELTO}" contrib/general/style.css)|" \
-	-e "s|__LOGO__|$(realpath --relative-to="${RELTO}" logo.png)|" \
-	< "${0}.d/head.html"
+sed "s|__TITLE__|$(head -n1 "${1}")|" < "${0}.d/head.html"
 markdown -f toc,idanchor "${1}" | sed \
 	-e 's/href="\([-_\./[:alnum:]]*\)\.md"/href="\1.html"/g' \
 	-e '/<h[1234] /s| id="\(.*\)">| id="\L\1">|'
diff --git a/contrib/html.sh.d/head.html b/contrib/html.sh.d/head.html
index 18d13206..1b1dd03a 100644
--- a/contrib/html.sh.d/head.html
+++ b/contrib/html.sh.d/head.html
@@ -1,6 +1,15 @@
 <!DOCTYPE html><html lang="en">
-<head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
-<title>RouterOS Scripts :: __TITLE__</title>
-<link rel="stylesheet" type="text/css" href="__STYLE__">
-<link rel="icon" href="__LOGO__" type="image/png">
+<head><title>RouterOS Scripts :: __TITLE__</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+  body { font-family: sans-serif; }
+  h2 { border-bottom: 1px solid #ccc; color: #000; }
+  a { text-decoration: none; }
+  a:hover { text-decoration: underline; }
+  blockquote { border-left: 4px solid #ccc; padding: 0 10px; color: #777; }
+  code { margin: 0 2px; padding: 2px 5px; border: 1px solid #ccc; background-color: #f8f8f8; border-radius: 3px; }
+  pre { background-color: #f8f8f8; border: 1px solid #ccc; overflow: auto; padding: 6px 10px; border-radius: 3px; }
+  pre code { margin: 0; padding: 0; border: 0; }
+</style>
+<link rel="icon" href="/logo.png" type="image/png">
 </head><body>
diff --git a/contrib/logo-color.d/style.css b/contrib/logo-color.d/style.css
new file mode 100644
index 00000000..eb2ec6a1
--- /dev/null
+++ b/contrib/logo-color.d/style.css
@@ -0,0 +1,5 @@
+body {
+  font-family: fira-sans, sans-serif;
+  font-size: 10pt;
+  background-color: transparent;
+}
diff --git a/contrib/logo-color.html b/contrib/logo-color.html
index e6bf9621..17942cea 100644
--- a/contrib/logo-color.html
+++ b/contrib/logo-color.html
@@ -1,14 +1,14 @@
-<!DOCTYPE html><html lang="en">
-<head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
-<title>RouterOS Scripts :: Logo Color Changer</title>
-<link rel="stylesheet" type="text/css" href="general/style.css">
-<link rel="icon" href="../logo.png" type="image/png">
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>RouterOS-Scripts Logo Color Changer</title>
+<link rel="stylesheet" type="text/css" href="logo-color.d/style.css">
 <script src="logo-color.d/script.js"></script>
-</head><body>
+</head>
+<body>
 
-<h1>Logo Color Changer</h1>
-
-<p><a href="../README.html">⬅️ Go back to main README</a></p>
+<h1>RouterOS-Scripts Logo Color Changer</h1>
 
 <p>You want the logo for your own notifications? But you joined the
 <a href="https://t.me/routeros_scripts">Telegram Group</a> and want
@@ -36,8 +36,5 @@ for other browsers may differ.)</p>
 <a href="../../about/doc/mod/notification-telegram.md#set-a-profile-photo">Set
 a profile photo</a> for your Telegram bot.</p>
 
-<hr />
-
-<p><a href="../README.html">⬅️ Go back to main README</a><br/>
-<a href="#top">⬆️ Go back to top</a></p>
-</body></html>
+</body>
+</html>
diff --git a/contrib/general/style.css b/contrib/notification.d/style.css
similarity index 53%
rename from contrib/general/style.css
rename to contrib/notification.d/style.css
index 0416e45e..648ea23c 100644
--- a/contrib/general/style.css
+++ b/contrib/notification.d/style.css
@@ -3,28 +3,6 @@ body {
   font-size: 10pt;
   background-color: transparent;
 }
-h2 {
-  border-bottom: 1px solid #ccc;
-  color: #000;
-}
-a {
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: underline;
-}
-blockquote {
-  border-left: 4px solid #ccc;
-  padding: 0 10px;
-  color: #777;
-}
-code {
-  margin: 0 2px;
-  padding: 2px 5px;
-  border: 1px solid #ccc;
-  background-color: #f8f8f8;
-  border-radius: 3px;
-}
 div.notification {
   position: relative;
   float: right;
@@ -52,16 +30,6 @@ p.hint {
 pre {
   font-family: fira-mono, monospace;
   white-space: pre-wrap;
-  background-color: #f8f8f8;
-  border: 1px solid #ccc;
-  overflow: auto;
-  padding: 6px 10px;
-  border-radius: 3px;
-}
-pre code {
-  margin: 0;
-  padding: 0;
-  border: 0;
 }
 span.link {
   color: #863600;
diff --git a/contrib/notification.html b/contrib/notification.html
index ac766689..78750362 100644
--- a/contrib/notification.html
+++ b/contrib/notification.html
@@ -1,14 +1,14 @@
-<!DOCTYPE html><html lang="en">
-<head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
-<title>RouterOS Scripts :: Notification Generator</title>
-<link rel="stylesheet" type="text/css" href="general/style.css">
-<link rel="icon" href="../logo.png" type="image/png">
-<script src="notification.d/script.js"></script>
-</head><body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>RouterOS-Scripts Notification Generator</title>
+<link rel="stylesheet" type="text/css" href="notification.d/style.css">
+<script src="notification.d/script.js"></script> 
+</head>
+<body>
 
-<h1>Notification Generator</h1>
-
-<p><a href="../README.html">⬅️ Go back to main README</a></p>
+<h1>RouterOS-Scripts Notification Generator</h1>
 
 <div class="notification">
   <img src="../logo.svg" alt="logo" class="logo" width=48 height=48>
@@ -16,8 +16,8 @@
   <p id="heading" class="heading">[<span id="hostname">MikroTik</span>] <span id="subject">ℹ️  Subject</span></p>
   <pre id="message">Message</pre>
   <p id="link" class="hint">🔗 <span id="link-text" class="link">https://eworm.de/</span></p>
-  <p id="queued" class="hint">⏰ This message was queued since <i><span id="queued-since">2025-10-29 16:06:18</span></i> and may be obsolete.</p>
-  <p id="cut" class="hint">✂️ The message was too long and has been truncated, cut off <i><span id="cut-percent">13</span>%</i>!</p>
+  <p id="queued" class="hint">⏰ This message was queued since <span id="queued-since">oct/18/2022 18:30:48</span> and may be obsolete.</p>
+  <p id="cut" class="hint">✂️ The message was too long and has been truncated, cut off <span id="cut-percent">13</span>%!</p>
   </div>
 </div>
 
@@ -25,14 +25,11 @@
 <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="2025-10-29 16:06:18" onchange="update(this, 'queued-since')"></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>Then right-click, click "<i>Take Screenshot</i>" and finally select the
 notification and download it.</p>
 
-<hr />
-
-<p><a href="../README.html">⬅️ Go back to main README</a><br/>
-<a href="#top">⬆️ Go back to top</a></p>
-</body></html>
+</body>
+</html>
