+<!DOCTYPE html>
<html>
<head>
-<title>Distribution Board Label Generator for DIN Rail Modules</title>
+<title>⚡ Distribution Board Label Generator for DIN Rail Modules</title>
<style>
/* DIN Rail Modules are 17.5mm wide, but mounted with 18mm pitch to accomodate differences */
td[colspan="8"] { width: calc(8 * 18mm); }
tr { margin-bottom: 10mm; }
table { border-spacing:0px; border-collapse: collapse; }
+@media print {
+ .noprint * { display: none; }
+ @page { size: landscape; }
+}
</style>
</head>
<body>
github.com/harvie
<br /><br />
-<table>
+Copy-paste these icons: 📡 🌐 🔔 📺 📞 🔌 💧 🔥 ⚡ 💡 🔧 🔑 🔒 🌡 ⚙
+<br />
+<div class="noprint">
+<textarea id="labeltext" style="width:100%; height: 20em;"></textarea>
+<button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button>
+<button onclick="window.print();return false;">Print</button>
+<br />
+<br />
+</div>
+
+<table id="labeltable">
<tr>
<td></td>
<td>🔌<br />Obývák</td>
-<td>🔌<br />Pokoje 1+2</td>
+<td>🔌<br />Pokoje</td>
<td>💧<br />Koupelna Pračka</td>
<td></td>
-<td>💧<br />Kuchyňe Linka</td>
-<td>💧<br />Myčka</td>
-<td colspan=3>🔥<br />Sporák</td>
-<td colspan=3>⚡<br />Přepěťová ochrana</td>
+<td>💧<br />Kuchyně Linka</td>
+<td>💧<br />Kuchyně Myčka</td>
+<td colspan=3>🔥<br />Kuchyně Sporák</td>
+<td colspan=3>⚡<br />Svodič přepětí</td>
<td></td>
</tr>
<td></td>
<td>🔌<br />Vchod</td>
<td>🔌<br />Předsíň</td>
-<td>🔧<br /></td>
-<td>💡 Sv. Kuchyňe</td>
+<td>🔧<br />Režie</td>
+<td>💡 Sv. Kuchyně</td>
<td>💡 Sv. Koupelna</td>
<td>💡 Sv. Obývák</td>
<td>💡 Sv. Pokoje</td>
<td>💡 Sv. Předsíň</td>
-<td colspan=3>💡 Sv.<br /> RF přijímač předsíň</td>
+<td colspan=3>💡 Sv.<br /> RF relé Předsíň</td>
<td></td>
</tr>
</table>
+<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script>
</body>
</html>