Skip to content
Snippets Groups Projects
Select Git revision
  • b069e4c07a3fbac0b86f4bc6e7184a48001417ac
  • main default protected
  • tracespace
3 results

index.html

Blame
  • index.html 3.04 KiB
    <!-- Quentin Bolsee and Jake Read, MIT Center for Bits and Atoms, 2023 -->
    <!DOCTYPE html>
    <html>
    <head>
    	<link rel="icon" type="image/x-icon" href="img/logo.png">
     	<link rel="stylesheet" type="text/css" href="src/style.css">
    	<meta charset="utf-8">
    	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    	<meta http-equiv="Pragma" content="no-cache" />
    	<meta http-equiv="Expires" content="-1" />
    </head>
    <body style="background-color: rgb(255, 255, 255);">
    	<h1>gerber2img</h1>
    	<p>Drag and drop one or multiple Gerber files; lock origin and dimension to preserve alignment between successive uploads.</p>
    	<div id="dropZone"><p id="dropText">↑</p></div>
    	<input type="file" id="fileInput" multiple hidden></input>
    	<canvas id="canvas" hidden></canvas>
    	<div class="container">
    		<div class="panel">
    			<h2>Viewer</h2>
    			<div class="preview">
    				<svg id="previewSVG"></svg>
    			</div>
    			<div>
    				<!-- <button class="interface" id="loadButton">Load file(s)...</button></input> -->
    				<button class="interface" id="downloadRenderButton">Download render</button>
    				<!-- <button class="interface" id="downloadlayersButton">Download layers</button> -->
    			</div>
    		</div>
    		<div class="panel">
    			<h2>Settings</h2>
    			<div class="settings">
    				<h3>Rendering</h3>
    
    				<div>
    					<input type="checkbox" id="settingsFill" checked="checked">
    					<label for="settingsFill">Fill edge cut</label>
    				</div>
    
    				<div>
    					<input type="checkbox" id="settingsBW">
    					<label for="settingsBW">Black and white</label>
    				</div>
    
    				<div>
    					<input type="checkbox" id="settingsTransparent">
    					<label for="settingsTransparent">Transparent background</label>
    				</div>
    
    				<div>
    					<input type="checkbox" id="settingsAsSVG">
    					<label for="settingsAsSVG">Download as SVG</label>
    				</div>
    
    				<h3>Resolution [DPI]</h3>
    
    				<div>
    					<input id="settingsDPI" step=1 min=1 type="number" value="1000">
    				</div>
    
    				<h3>Origin [mm]</h3>
    				<div>
    					<label for="settingsOrigX">x:</label>
    					<input id="settingsOrigX" step=0.1 type="number">
    					<label for="settingsOrigY">y:</label>
    					<input id="settingsOrigY" step=0.1 type="number">
    					<button class="lock" id="settingsLockOrig">🔓</button>
    				</div>
    
    				<h3>Dimensions [mm]</h3>