mirror of
https://github.com/eworm-de/routeros-scripts.git
synced 2025-12-06 09:59:28 +00:00
Merge branch 'contrib-html' into next
This commit is contained in:
Christian Hesse
commit
99829a59a1
10 changed files with 158 additions and 87 deletions
2
Makefile
2
Makefile
|
|
@ -11,7 +11,7 @@ HTML = $(MARKDOWN:.md=.html)
|
|||
|
||||
all: $(CAPSMAN) $(LOCAL) $(WIFI) $(HTML) checksums.json
|
||||
|
||||
%.html: %.md contrib/html.sh contrib/html.sh.d/head.html
|
||||
%.html: %.md general/style.css contrib/html.sh contrib/html.sh.d/head.html
|
||||
contrib/html.sh $< > $@
|
||||
|
||||
%.capsman.rsc: %.template.rsc Makefile
|
||||
|
|
|
|||
13
contrib/Makefile
Normal file
13
contrib/Makefile
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
# Makefile
|
||||
|
||||
HTML := $(wildcard *.html)
|
||||
|
||||
.PHONY: all docs
|
||||
|
||||
all: docs
|
||||
|
||||
docs: $(HTML)
|
||||
sed -i \
|
||||
-e '/href=/s|\.md|\.html|' \
|
||||
-e '/blockquote/s|/\*! display \*/|display: none;|' \
|
||||
$(HTML)
|
||||
|
|
@ -2,8 +2,18 @@
|
|||
|
||||
set -e
|
||||
|
||||
sed "s|__TITLE__|$(head -n1 "${1}")|" < "${0}.d/head.html"
|
||||
RELTO="$(dirname "${1}")"
|
||||
|
||||
sed \
|
||||
-e "s|__TITLE__|$(head -n1 "${1}")|" \
|
||||
-e "s|__STYLE__|$(realpath --relative-to="${RELTO}" general/style.css)|" \
|
||||
-e "s|__LOGO__|$(realpath --relative-to="${RELTO}" logo.png)|" \
|
||||
< "${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">|'
|
||||
-e 's/href="\([-_\./[:alnum:]]*\)\.md\(#[-[:alnum:]]*\)\?"/href="\1.html\2"/g' \
|
||||
-e '/<h[1234] /s| id="\(.*\)">| id="\L\1">|' \
|
||||
-e '/<h[1234] /s|-2[7cd]-||g' -e '/<h[1234] /s|--26-amp-3b-||g' \
|
||||
-e '/The above link may be broken on code hosting sites/s|blockquote|blockquote style="display: none;"|'
|
||||
|
||||
printf '</body></html>'
|
||||
|
|
|
|||
|
|
@ -1,15 +1,6 @@
|
|||
<!DOCTYPE html><html lang="en">
|
||||
<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><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" type="image/png" href="__LOGO__">
|
||||
</head><body>
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
body {
|
||||
font-family: fira-sans, sans-serif;
|
||||
font-size: 10pt;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
|
@ -1,14 +1,19 @@
|
|||
<!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">
|
||||
<!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" type="image/png" href="../logo.png">
|
||||
<script src="logo-color.d/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
</head><body>
|
||||
|
||||
<h1>RouterOS-Scripts Logo Color Changer</h1>
|
||||
<h1>Logo Color Changer</h1>
|
||||
|
||||
<p><a href="../README.md">⬅️ Go back to main README</a></p>
|
||||
|
||||
<blockquote style="/*! display */"><p>💡️ <strong>Hint</strong>: This site or links
|
||||
on it may be broken on code hosting sites. Use
|
||||
<a href="https://rsc.eworm.de/main/contrib/logo-color.html">Logo Color Changer</a>
|
||||
instead.</p></blockquote>
|
||||
|
||||
<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
|
||||
|
|
@ -33,8 +38,11 @@ logo and download it.</p>
|
|||
for other browsers may differ.)</p>
|
||||
|
||||
<p>See how to
|
||||
<a href="../../about/doc/mod/notification-telegram.md#set-a-profile-photo">Set
|
||||
<a href="../doc/mod/notification-telegram.md#set-a-profile-photo">Set
|
||||
a profile photo</a> for your Telegram bot.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<hr />
|
||||
|
||||
<p><a href="../README.md">⬅️ Go back to main README</a><br/>
|
||||
<a href="#top">⬆️ Go back to top</a></p>
|
||||
</body></html>
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
body {
|
||||
font-family: fira-sans, sans-serif;
|
||||
font-size: 10pt;
|
||||
background-color: transparent;
|
||||
}
|
||||
div.notification {
|
||||
position: relative;
|
||||
float: right;
|
||||
width: 600px;
|
||||
border: 3px outset #6c5d53;
|
||||
/* border-radius: 5px; */
|
||||
padding: 10px;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
div.content {
|
||||
padding-left: 60px;
|
||||
}
|
||||
img.logo {
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
}
|
||||
p.heading {
|
||||
margin: 0px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
p.hint {
|
||||
display: none;
|
||||
}
|
||||
pre {
|
||||
font-family: fira-mono, monospace;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
span.link {
|
||||
color: #863600;
|
||||
}
|
||||
|
|
@ -1,14 +1,19 @@
|
|||
<!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>
|
||||
<!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" type="image/png" href="../logo.png">
|
||||
<script src="notification.d/script.js"></script>
|
||||
</head><body>
|
||||
|
||||
<h1>RouterOS-Scripts Notification Generator</h1>
|
||||
<h1>Notification Generator</h1>
|
||||
|
||||
<p><a href="../README.md">⬅️ Go back to main README</a></p>
|
||||
|
||||
<blockquote style="/*! display */"><p>💡️ <strong>Hint</strong>: This site or links
|
||||
on it may be broken on code hosting sites. Use
|
||||
<a href="https://rsc.eworm.de/main/contrib/notification.html">Notification Generator</a>
|
||||
instead.</p></blockquote>
|
||||
|
||||
<div class="notification">
|
||||
<img src="../logo.svg" alt="logo" class="logo" width=48 height=48>
|
||||
|
|
@ -16,8 +21,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 <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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -25,11 +30,14 @@
|
|||
<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, '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, '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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<hr />
|
||||
|
||||
<p><a href="../README.md">⬅️ Go back to main README</a><br/>
|
||||
<a href="#top">⬆️ Go back to top</a></p>
|
||||
</body></html>
|
||||
|
|
|
|||
|
|
@ -106,10 +106,13 @@ chat with [BotFather ↗️](https://t.me/BotFather) and set it there.
|
|||
|
||||
|
||||
|
||||
Have a look at my
|
||||
[RouterOS-Scripts Logo Color Changer](https://git.eworm.de/cgit/routeros-scripts/plain/contrib/logo-color.html)
|
||||
Have a look at my [Logo Color Changer](../../contrib/logo-color.html)
|
||||
to create a colored version of this scripts' logo.
|
||||
|
||||
> 💡️ **Hint**: The above link may be broken on code hosting sites.
|
||||
> Use [Logo Color Changer](https://rsc.eworm.de/main/contrib/logo-color.html)
|
||||
> instead.
|
||||
|
||||
See also
|
||||
--------
|
||||
|
||||
|
|
|
|||
79
general/style.css
Normal file
79
general/style.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/* stylesheet for RouterOS Scripts */
|
||||
body {
|
||||
background-color: transparent;
|
||||
font-family: fira-sans, sans-serif;
|
||||
font-size: 10pt;
|
||||
line-height: 1.6;
|
||||
}
|
||||
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: none;
|
||||
width: 600px;
|
||||
border: 3px outset #6c5d53;
|
||||
/* border-radius: 5px; */
|
||||
padding: 10px;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
div.content {
|
||||
padding-left: 60px;
|
||||
}
|
||||
img.logo {
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
}
|
||||
p.heading {
|
||||
margin: 0px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
p.hint {
|
||||
display: none;
|
||||
}
|
||||
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;
|
||||
}
|
||||
@media only screen and (orientation: landscape) {
|
||||
body {
|
||||
margin-left: 10vw;
|
||||
margin-right: 10vw;
|
||||
}
|
||||
div.notification {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue