diff options
Diffstat (limited to 'contrib/logo-color.html')
| -rw-r--r-- | contrib/logo-color.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/contrib/logo-color.html b/contrib/logo-color.html new file mode 100644 index 0000000..17942ce --- /dev/null +++ b/contrib/logo-color.html @@ -0,0 +1,40 @@ +<!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> + +<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 +something that differentiates? Color it!</p> + +<embed class="logo" src="../logo.svg" width="192" height="192" type="image/svg+xml"> + +<p>Select the colors here: +<input id="color1" type="color" value="#222222" onchange="color();"> +<input id="color2" type="color" value="#444444" onchange="color();"> +<input id="color3" type="color" value="#ffffff" onchange="color();"></p> + +<p>Then right-click, click "<i>Take Screenshot</i>" and finally select the +logo and download it.</p> + +<p><img src="logo-color.d/browser-01.avif" width=533 height=482 alt="Screenshot Browser 01"> +<img src="logo-color.d/browser-02.avif" width=533 height=482 alt="Screenshot Browser 02"> +<img src="logo-color.d/browser-03.avif" width=533 height=482 alt="Screenshot Browser 03"></p> + +<p>(This example is with +<a href="https://www.mozilla.org/de/firefox/new/">Firefox</a>. The workflow +for other browsers may differ.)</p> + +<p>See how to +<a href="../../about/doc/mod/notification-telegram.md#set-a-profile-photo">Set +a profile photo</a> for your Telegram bot.</p> + +</body> +</html> |