<html>
<head>
-<title>DIN Module label generator</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 */
+
* { font-family: sans-serif; font-weight: normal; font-size: 98%; }
td {
- border: 1px solid black; width: 17.5mm; height: 17.5mm;
+ border: 1px solid black; width: 18mm; height: 16mm;
text-align: center; padding: 0; overflow: hidden;
display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box;
justify-content: center; /* align-items: center; */
}
td:not(:last-child) { border-right: 0px solid red; }
-td[colspan="3"] { width: calc(3 * 17.5mm); }
+td[colspan="2"] { width: calc(2 * 18mm); }
+td[colspan="3"] { width: calc(3 * 18mm); }
+td[colspan="4"] { width: calc(4 * 18mm); }
+td[colspan="5"] { width: calc(5 * 18mm); }
+td[colspan="6"] { width: calc(6 * 18mm); }
+td[colspan="7"] { width: calc(7 * 18mm); }
+td[colspan="8"] { width: calc(8 * 18mm); }
tr { margin-bottom: 10mm; }
table { border-spacing:0px; border-collapse: collapse; }
</style>
</head>
<body>
-<h2>DIN Module label generator</h2>
+<h1>Distribution Box Label Generator for DIN Rail Modules</h1>
github.com/harvie
<br /><br />
-<table><tr>
+<table>
+
+<tr>
<td></td>
<td>🔌<br />Obývák</td>
<td>🔌<br />Pokoje 1+2</td>
<td>💧<br />Koupelna Pračka</td>
<td></td>
-<td>💧<br />Kuchyň Linka</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ěťovka</td>
+<td colspan=3>⚡<br />Přepěťová ochrana</td>
<td></td>
</tr>
-<tr></tr>
-
<tr>
<td></td>
<td></td>
<td>🔌<br />Vchod</td>
<td>🔌<br />Předsíň</td>
<td>🔧<br /></td>
-<td>💡 Sv. Kuchyň</td>
-<td>💡 Sv. Koupel</td>
+<td>💡 Sv. Kuchyňe</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říjmač předsíň</td>
+<td colspan=3>💡 Sv.<br /> RF přijímač předsíň</td>
+<td></td>
+</tr>
+
+<tr>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
+
+<tr>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
<td></td>
</tr>
<td></td>
<td></td>
<td></td>
-</tr></table>
+</tr>
+
+</table>
</body>