aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKing Kévin <kingkevin@cuvoodoo.info>2019-05-14 02:05:39 +0200
committerKing Kévin <kingkevin@cuvoodoo.info>2019-05-14 02:05:39 +0200
commitd9ba881a82d98fbda3cc2c3a902280337d36fb22 (patch)
tree62fa845341628921644e01fccf7e987c5ee1f442
parente4cfd4e4e907020864057bee41044d74da93967c (diff)
make layout more compact
-rw-r--r--oshw_logo.html71
1 files changed, 41 insertions, 30 deletions
diff --git a/oshw_logo.html b/oshw_logo.html
index 54f3fbd..29add1b 100644
--- a/oshw_logo.html
+++ b/oshw_logo.html
@@ -6,6 +6,10 @@
<script type="text/javascript" src="cvlp_lib.js"></script>
<script type="text/javascript" src="lib/FileSaver.min.js"></script>
<script type="text/javascript" src="lib/jszip.min.js"></script>
+ <style>
+ td {text-align: left;}
+ input[type=number] {width: 5em;}
+ </style>
</head>
<body onload="draw()">
<script type="text/javascript">
@@ -211,35 +215,42 @@ I hold no rights on this logo, or withdraw any if applicable, and you can do wha
It is intended to be used for open source hardware projects (which ever definition and licence you are using).<br/>
The source code for this generator can be found <a href="https://git.cuvoodoo.info/oshw_logo/about/">in this git</a>.<br/>
</p>
- <div id="svg"></div>
- <p id="control">
- <form onchange="draw()">
- pads on:
- <input type="radio" name="pad_layer" id="pad_layer_copper" value="copper">copper
- <input type="radio" name="pad_layer" id="pad_layer_silkscreen" value="silkscreen" checked="true">silkscreen
- </form>
- unit: <select id="unit" onchange="change_unit()">
- <option value="mm">millimeter (mm)</option>
- <option value="in">inch (in)</option>
- <option value="mil">mil/thou (mil)</option>
- </select><br />
- pad size: <input id="pad_size_input" type="number" step="any" value=3.0 min=0 onchange="draw()"/><br />
- pad thickness: <input id="pad_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
- pad spacing: <input id="pad_spacing_input" type="number" step="any" value=2.0 min=0 onchange="draw()"/><br />
- pad-chip spacing: <input id="pad_chip_spacing_input" type="number" step="any" value=1.5 min=0 onchange="draw()"/><br />
- chip thickness: <input id="chip_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
- text thickness: <input id="text_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
- <button type="button" onclick="download()">save</button>: <select id="filetype">
-<!--
- <option value="cvlp">CuVoodoo Land Pattern (.cvlp)</option>
--->
- <option value="svg">Scalable Vector Graphics (.svg)</option>
- <option value="pcb-rnd">coralEDA pcb-rnd sub-circuit (.lht)</option>
- <option value="pcb">gEDA pcb footprint (.fp)</option>
- <option value="kicad">KiCad s-expr. footprint (.kicad_mod)</option>
- <option value="eagle">EAGLE XML component library (.lbr)</option>
- <option value="zip">all (.zip)</option>
- </select><br />
- </p>
+ <table>
+ <tr>
+ <th>dimensions</th>
+ <th>preview</th>
+ </tr>
+ <tr>
+ <td>
+ <div id="control">
+ <form onchange="draw()">
+ pads on: <input type="radio" name="pad_layer" id="pad_layer_copper" value="copper">copper <input type="radio" name="pad_layer" id="pad_layer_silkscreen" value="silkscreen" checked="true">silkscreen<br/>
+ unit: <select id="unit" onchange="change_unit()">
+ <option value="mm">millimeter (mm)</option>
+ <option value="in">inch (in)</option>
+ <option value="mil">mil/thou (mil)</option>
+ </select><br />
+ pad size: <input id="pad_size_input" type="number" step="any" value=3.0 min=0 onchange="draw()"/><br />
+ pad thickness: <input id="pad_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
+ pad spacing: <input id="pad_spacing_input" type="number" step="any" value=2.0 min=0 onchange="draw()"/><br />
+ pad-chip spacing: <input id="pad_chip_spacing_input" type="number" step="any" value=1.5 min=0 onchange="draw()"/><br />
+ chip thickness: <input id="chip_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
+ text thickness: <input id="text_thickness_input" type="number" step="any" value=1.0 min=0 onchange="draw()"/><br />
+ </form>
+ </div>
+ </td>
+ <td style="padding: 15px;">
+ <div id="svg"></div>
+ </td>
+ </tr>
+ </table>
+ <button type="button" onclick="download()">save</button>: <select id="filetype">
+ <option value="svg">Scalable Vector Graphics (.svg)</option>
+ <option value="pcb-rnd">coralEDA pcb-rnd sub-circuit (.lht)</option>
+ <option value="pcb">gEDA pcb footprint (.fp)</option>
+ <option value="kicad">KiCad s-expr. footprint (.kicad_mod)</option>
+ <option value="eagle">EAGLE XML component library (.lbr)</option>
+ <option value="zip">all (.zip)</option>
+ </select>
</body>
</html>