From b069e4c07a3fbac0b86f4bc6e7184a48001417ac Mon Sep 17 00:00:00 2001 From: Quentin Bolsee <quentinbolsee@hotmail.com> Date: Thu, 12 Oct 2023 00:50:33 -0400 Subject: [PATCH] footnote --- index.html | 5 ++++- src/style.css | 14 ++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index a2cc475..41405d2 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ </head> <body style="background-color: rgb(255, 255, 255);"> <h1>gerber2img</h1> - <p>Drag and drop one or multiple Gerber files to start</p> + <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> @@ -87,5 +87,8 @@ </div> </div> <script type="module" src="/src/interface.js"></script> + <footer> + <img src="img/logo.png" height="24" style="margin-left:4px; margin-right:4px;"></img>Quentin Bolsée and Jake Read, MIT Center for Bits and Atoms, 2023 + </footer> </body> </html> diff --git a/src/style.css b/src/style.css index e4b0e24..2938057 100644 --- a/src/style.css +++ b/src/style.css @@ -16,6 +16,11 @@ h3 { margin-bottom: 4px; } +h1 { + margin-top: 4px; + margin-bottom: 8px; +} + p.lock { cursor: default; margin: 0; @@ -134,3 +139,12 @@ div#dropZone { align-items: center; justify-content: center; } + +footer { + position:fixed; + left: 0px; + bottom: 0px; + height: 30px; + width: 100%; + font-size: 12px; +} -- GitLab