table,h1 { font-family: sans-serif; font-weight: normal; font-size: 3.8mm; line-height: 5.2mm; }
small { font-size: 2.5mm; line-height: 2.5mm; }
small small { font-size: 2mm; line-height: 1.9mm; }
+a { color: dark-grey; text-decoration: none; }
/* table */
table { border-spacing:0px; border-collapse: collapse; }
</style>
</head>
<body>
-<h1>Distribution Box Label Generator for DIN Rail Modules ( github.com/harvie )</h1>
+<h1>Distribution Box Label Generator for DIN Rail Modules ( <a href="https://github.com/harvie">github.com/harvie</a> )</h1>
<div class="noprint">Copy-paste these icons:</div>
📡 🌐 🔔 📺 📞 🔌 💧 🔥 ⚡ 💡 🔧 🛠️ 🔑 🔒 🌡️ ⚙️ 🕒 ⏰ 💨 🔋 📹 🔐 🤖 ☀️ 🌒 🌙 🔆 🌞 ⏳ 🛡️ ⚔️ ☠ ☠️ 🛗 🚗 ⭐ ✨ 💫 ❄️ ⚠ ⚠️ 🚨
<br />
<div id="labeltable">
<table class="">
+<tr>
+<td></td>
+<td>🔌<br />Living Room</td>
+<td>🔌<br />Bedroom</td>
+<td>💧<br />Washing Machine</td>
+<td>💡<br />Hall Lights</td>
+<td>💧<br />Kitchen Counter</td>
+<td>💧<br />Dish Washer</td>
+<td colspan=3>🔥<br />Kitchen Oven</td>
+<td colspan=3>⚡<br />Surge Protector</td>
+<td></td>
+</tr>
+
<tr>
<td></td>
<td>🔌<br />Obývák</td>
<td colspan=3>💡<br />Světla Předsíň<br />Bezdrátové Relé</td>
<td></td>
</tr>
+
</table>
+
+
<table class="indexed">
+
<tr>
<td><small>Very long and tiny text that is really important to have on your breaker box!</small></td>
<td>Warning!<small><small>Very long and tiny text that is really important to have on your breaker box!</small></small></td>
<td></td>
<td></td>
<td></td>
-<td></td>
-<td></td>
-<td></td>
-<td></td>
-<td></td>
-<td></td>
+<td colspan="6">⚠️<br />Colspan is not breaking the numbering scheme</td>
<td></td>
</tr>
<td></td>
<td></td>
</tr>
+
</table>
+
+
<table class="indexed fancyindex">
+
<tr>
<td></td>
<td></td>
</table>
</div>
-<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script>
+<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.replace(/<.?tbody>/g, "").trim();</script>
</body>
</html>