Freezer

[mirrors/Designs.git] / tools / din_rail_module_label_generator.html
diff --git a/tools/din_rail_module_label_generator.html b/tools/din_rail_module_label_generator.html

index d9c54b2d153e8b6e599213280cd1be0b2b02d0ae..29ce6634c1e79aa480fa52c91cd26855ae97b065 100644 (file)
--- a/tools/din_rail_module_label_generator.html
+++ b/tools/din_rail_module_label_generator.html
@@ -5,12 +5,16 @@
  <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%; }
+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; }
+td * { display: block; }
  td {
         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;
+       display: flex-wrap; float: left; margin-bottom: 10mm; box-sizing: border-box;
         justify-content: center; /* align-items: center; */
+       white-space: pre-line;
  }
  td:not(:last-child) { border-right: 0px solid red; }
  td[colspan="2"] { width: calc(2 * 18mm); }
@@ -29,17 +33,16 @@ table { border-spacing:0px; border-collapse: collapse; }
  </style>
  </head>
  <body>
-<h1>Distribution Box Label Generator for DIN Rail Modules</h1>
-github.com/harvie
-<br /><br />
-
+<h1>Distribution Box Label Generator for DIN Rail Modules ( github.com/harvie )</h1>
+Copy-paste these icons: &#x1F4E1; &#x1F310; &#x1F514; &#x1F4FA; &#x1F4DE; &#x1F50C; &#x1F4A7; &#x1F525; &#x26A1; &#x1f4a1; &#x1F527; &#x1f6e0;&#xFE0F; &#x1F511; &#x1F512; &#x1F321;&#xFE0F; &#x2699;&#xFE0F; &#x1F552; &#x23F0; &#x1F4A8; &#x1F50B; &#x1F4F9; &#x1F510; &#x1F916; &#x2600;&#xFE0F; &#x1F312; &#x1F319; &#x1F506; &#x1F31E; &#x23F3; &#x1F6E1;&#xFE0F; &#x2694;&#xFE0F; &#x2620; &#x2620;&#xFE0F; &#x1F6D7; &#x1F697; &#x2B50; &#x2728; &#x1F4AB; &#x2744;&#xFE0F;
+<br />
  <div class="noprint">
-<textarea id="labeltext" style="width:100%; height: 20em;"></textarea>
+<textarea id="labeltext" style="width:100%; height: 20em;" oninput="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;"></textarea>
  <button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button>
  <button onclick="window.print();return false;">Print</button>
+</div>
  <br />
  <br />
-</div>
  
  <table id="labeltable">
  
@@ -61,20 +64,20 @@ github.com/harvie
  <td></td>
  <td>&#x1F50C;<br />Vchod</td>
  <td>&#x1F50C;<br />Předsíň</td>
-<td>&#x1F527;<br /></td>
-<td>&#x1f4a1; Sv. Kuchyně</td>
-<td>&#x1f4a1; Sv. Koupelna</td>
-<td>&#x1f4a1; Sv. Obývák</td>
-<td>&#x1f4a1; Sv. Pokoje</td>
-<td>&#x1f4a1; Sv. Předsíň</td>
-<td colspan=3>&#x1f4a1; Sv.<br /> RF relé Předsíň</td>
+<td>&#x1F527;<br />Režie</td>
+<td>&#x1f4a1;<br />Světla Kuchyně</td>
+<td>&#x1f4a1;<br />Světla Koupelna</td>
+<td>&#x1f4a1;<br />Světla Obývák</td>
+<td>&#x1f4a1;<br />Světla Pokoje</td>
+<td>&#x1f4a1;<br />Světla Předsíň</td>
+<td colspan=3>&#x1f4a1;<br />Světla Předsíň<br />Bezdrátové Relé</td>
  <td></td>
  </tr>
  
  <tr>
-<td></td>
-<td></td>
-<td></td>
+<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><b>Bold</b> <i>Italic</i> <u>Under</u></td>
  <td></td>
  <td></td>
  <td></td>