diff --git a/index.html b/index.html
index a2cc475313f2a109f0efa31e0709d568c2b1804c..41405d2ee99b8ecd9a6ced28b95841efa15ceca9 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 e4b0e24d8e916940945a1abc3b7d8698b46b4ca6..29380579d75d0350a177795a28f219d361954026 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;
+}