tools/din_rail_module_label_generator.html

   1 <html>
   2 <head>
   3 <title>DIN Module label generator</title>
   4 <style>
   5 * { font-family: sans-serif; font-weight: normal; font-size: 98%; }
   6 td {
   7         border: 1px solid black; width: 17.5mm; height: 17.5mm;
   8         text-align: center; padding: 0; overflow: hidden;
   9         display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box;
  10         justify-content: center; /* align-items: center; */
  11 }
  12 td:not(:last-child) { border-right: 0px solid red; }
  13 td[colspan="3"] { width: calc(3 * 17.5mm); }
  14 tr { margin-bottom: 10mm; }
  15 table { border-spacing:0px; border-collapse: collapse; }
  16 </style>
  17 </head>
  18 <body>
  19 <h2>DIN Module label generator</h2>
  20 github.com/harvie
  21 <br /><br />
  22
  23 <table><tr>
  24 <td></td>
  25 <td>&#x1F50C;<br />Obývák</td>
  26 <td>&#x1F50C;<br />Pokoje 1+2</td>
  27 <td>&#x1F4A7;<br />Koupelna Pračka</td>
  28 <td></td>
  29 <td>&#x1F4A7;<br />Kuchyňe Linka</td>
  30 <td>&#x1F4A7;<br />Myčka</td>
  31 <td colspan=3>&#x1F525;<br />Sporák</td>
  32 <td colspan=3>&#x26A1;<br />Přepěťová ochrana</td>
  33 <td></td>
  34 </tr>
  35
  36 <tr></tr>
  37
  38 <tr>
  39 <td></td>
  40 <td></td>
  41 <td>&#x1F50C;<br />Vchod</td>
  42 <td>&#x1F50C;<br />Předsíň</td>
  43 <td>&#x1F527;<br /></td>
  44 <td>&#x1f4a1; Sv. Kuchyňe</td>
  45 <td>&#x1f4a1; Sv. Koupelna</td>
  46 <td>&#x1f4a1; Sv. Obývák</td>
  47 <td>&#x1f4a1; Sv. Pokoje</td>
  48 <td>&#x1f4a1; Sv. Předsíň</td>
  49 <td colspan=3>&#x1f4a1; Sv.<br /> RF přijímač  předsíň</td>
  50 <td></td>
  51 </tr>
  52
  53 <tr>
  54 <td></td>
  55 <td></td>
  56 <td></td>
  57 <td></td>
  58 <td></td>
  59 <td></td>
  60 <td></td>
  61 <td></td>
  62 <td></td>
  63 <td></td>
  64 <td></td>
  65 <td></td>
  66 <td></td>
  67 <td></td>
  68 </tr></table>
  69
  70
  71 </body>
  72 </html>