+<!--
+Copyright 2021 - 2022, Tomas Mudrunka
+SPDX-License-Identifier: BSD-3-Clause
+-->
<!DOCTYPE html>
<html>
<head>
td {
border: 1px solid black; width: 18mm; height: 16mm;
text-align: center; padding: 0; overflow: hidden;
- display: flex-wrap; float: left; margin-bottom: 5mm; box-sizing: border-box;
+ display: flex-wrap; float: left; margin-bottom: 4mm; box-sizing: border-box;
justify-content: center; /* align-items: center; */
white-space: pre-line;
position: relative;
td:not(:last-child) { border-right: 0px solid red; }
/* wide modules */
-td[colspan="2"] { width: calc(2 * 18mm); counter-increment: module_counter 2; }
-td[colspan="3"] { width: calc(3 * 18mm); counter-increment: module_counter 3; }
-td[colspan="4"] { width: calc(4 * 18mm); counter-increment: module_counter 4; }
-td[colspan="5"] { width: calc(5 * 18mm); counter-increment: module_counter 5; }
-td[colspan="6"] { width: calc(6 * 18mm); counter-increment: module_counter 6; }
-td[colspan="7"] { width: calc(7 * 18mm); counter-increment: module_counter 7; }
-td[colspan="8"] { width: calc(8 * 18mm); counter-increment: module_counter 8; }
-td[colspan="9"] { width: calc(8 * 18mm); counter-increment: module_counter 9; }
-td[colspan="10"] { width: calc(8 * 18mm); counter-increment: module_counter 10; }
-td[colspan="11"] { width: calc(8 * 18mm); counter-increment: module_counter 11; }
-td[colspan="12"] { width: calc(8 * 18mm); counter-increment: module_counter 12; }
-td[colspan="13"] { width: calc(8 * 18mm); counter-increment: module_counter 13; }
-td[colspan="14"] { width: calc(8 * 18mm); counter-increment: module_counter 14; }
-td[colspan="15"] { width: calc(8 * 18mm); counter-increment: module_counter 15; }
-td[colspan="16"] { width: calc(8 * 18mm); counter-increment: module_counter 16; }
+td[colspan="2" ] { width: calc(2 * 18mm); counter-increment: module_counter 2; }
+td[colspan="3" ] { width: calc(3 * 18mm); counter-increment: module_counter 3; }
+td[colspan="4" ] { width: calc(4 * 18mm); counter-increment: module_counter 4; }
+td[colspan="5" ] { width: calc(5 * 18mm); counter-increment: module_counter 5; }
+td[colspan="6" ] { width: calc(6 * 18mm); counter-increment: module_counter 6; }
+td[colspan="7" ] { width: calc(7 * 18mm); counter-increment: module_counter 7; }
+td[colspan="8" ] { width: calc(8 * 18mm); counter-increment: module_counter 8; }
+td[colspan="9" ] { width: calc(9 * 18mm); counter-increment: module_counter 9; }
+td[colspan="10"] { width: calc(10 * 18mm); counter-increment: module_counter 10; }
+td[colspan="11"] { width: calc(11 * 18mm); counter-increment: module_counter 11; }
+td[colspan="12"] { width: calc(12 * 18mm); counter-increment: module_counter 12; }
+td[colspan="13"] { width: calc(13 * 18mm); counter-increment: module_counter 13; }
+td[colspan="14"] { width: calc(14 * 18mm); counter-increment: module_counter 14; }
+td[colspan="15"] { width: calc(15 * 18mm); counter-increment: module_counter 15; }
+td[colspan="16"] { width: calc(16 * 18mm); counter-increment: module_counter 16; }
/* indexing */
tr { counter-reset: module_counter; }
</style>
</head>
<body>
-<h1>Distribution Box Label Generator for DIN Rail Modules ( <a href="https://github.com/harvie">github.com/harvie</a> )</h1>
+<h1>Distribution Box Label Generator for DIN Rail Circuit Breaker Modules with 18mm pitch ( <a href="https://github.com/harvie">github.com/harvie</a> ; License: BSD-3 )</h1>
<div class="noprint">Copy-paste these icons:</div>
-📡 🌐 🔔 📺 📞 🔌 💧 🔥 ⚡ 💡 🔧 🛠️ 🔑 🔒 🌡️ ⚙️ 🕒 ⏰ 💨 🔋 📹 🔐 🤖 ☀️ 🌒 🌙 🔆 🌞 ⏳ 🛡️ ⚔️ ☠ ☠️ 🛗 🚗 ⭐ ✨ 💫 ❄️ ⚠ ⚠️ 🚨
+<!-- Power --> 🔌 ⚡ 💡 🔋 🔥 💧
+<!-- Telco --> 📡 🌐 📺 📞 🔔 📱 🔊 ☎️
+<!-- Danger --> ⚠ ⚠️ 🚨 💀 ☠️ ☠ 🚫
+<!-- Home --> 🍽️ 🍴 🛏️ 🛀 🚽 🏠 🚗
+<br />
+<!-- Work --> 🔧 🛠️ ⚙️ 🤖 🛗 🖥️ 🪛
+<!-- Elements --> 🌡️ 🕒 ⏰ 💨 ☀️ 🌒 🌙 🔆 🌞 ⏳ ⭐ ✨ 💫 ❄️
+<!-- Security --> 🔑 🔒 🔐 🛡️ ⚔️
+<!-- Multimedia --> 📹 📽️ 🎥
+<!-- Geometry --> ■ ▲ ● ◆
<br />
<div class="noprint">
<textarea id="labeltext" style="width:100%; height: 20em;" oninput="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;"></textarea>
<td></td>
</tr>
+<tr>
+<td colspan="3">🔥<br />Kuchyně<br />Varná deska</td>
+<td>💡<br />Světla</td>
+<td>🔌 📡<br />Předsíň Data</td>
+<td>🔥<br />Kuchyně Trouba</td>
+<td>🔌 ❄️<br />Kuchyně Lednice</td>
+<td>🔌 🔥<br />Kuchyně<small>Mikrovlnná Trouba</small></td>
+<td>🔌 💧<br />Kuchyně Myčka</td>
+<td colspan="4">⚡ 💧<br />Proudový chránič</td>
+<td>🔌 💧<br />Koupelna Pračka</td>
+</tr>
+
+<tr>
+<td>🔌<br />Kuchyně Linka</td>
+<td>🔌<br />Obývák Předsíň<small>Střed</small></td>
+<td>🔌<br />Ložnice</td>
+<td>🔌 💡<br />Kuchyně Digestoř</td>
+<td>🔥<br />Koupelna Podlaha</td>
+<td>🔥<br />Koupelna Žebřík</td>
+<td>🔌 💡<br />Koupelna</td>
+<td>🔔<br />Zvonek</td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
+
<tr>
<td></td>
<td></td>