add footer to website

README.md

@@ -18,6 +18,7 @@ _This project is a collaboration between [Adafruit](https://www.adafruit.com/) a
 
 ## Origin
 
-This project started as a fork of [Adafruit WebSerial ESPTool](https://github.com/adafruit/Adafruit_WebSerial_ESPTool) in June 2021. At the time fo the fork, the original repository was a single-use website. This fork converted the code into a reusable package and published it to NPM.
+This project started as a fork of [Adafruit WebSerial ESPTool](https://github.com/adafruit/Adafruit_WebSerial_ESPTool) written by
+[Melissa LeBlanc-Williams](https://github.com/makermelissa) in June 2021. At the time fo the fork, the original repository was a single-use website. This fork converted the code into a reusable package and published it to NPM.
 
-In March 2022 Nabu Casa took over maintenance from Adafruit and this fork became the main code base.
+In March 2022 [Nabu Casa](https://www.nabucasa.com) took over maintenance from Adafruit and this fork became the main code base.

css/style.css

@@ -157,12 +157,18 @@ div.clear {
 }
 
 .footer {
-  height: 45px;
-  line-height: 45px;
   padding-left: 70px;
   padding-right: 70px;
 }
 
+.footer a {
+  color: blue;
+}
+
+.footer .controls {
+  line-height: 45px;
+}
+
 .footer button {
   font-size: 14px;
   margin: 0 10px;
@@ -275,10 +281,7 @@ div.clear {
 
 .footer .onoffswitch {
   margin-right: 20px;
-}
-
-#fpsCounter {
-  margin-right: 10px;
+  top: 7px;
 }
 
 #butClear {
@@ -371,3 +374,10 @@ div.clear {
   border-width: 2px;
   border-style: solid;
 }
+.justify {
+  display: flex;
+  justify-content: space-between;
+}
+.center {
+  text-align: center;
+}

index.html

@@ -174,25 +174,33 @@
       </div>
     </main>
     <footer class="footer">
-      <div class="left">
-        <label for="autoscroll">Autoscroll</label>
-        <div class="onoffswitch">
-          <input
-            type="checkbox"
-            name="autoscroll"
-            class="onoffswitch-checkbox"
-            id="autoscroll"
-          />
-          <label class="onoffswitch-label" for="autoscroll">
-            <span class="onoffswitch-inner"></span>
-            <span class="onoffswitch-switch"></span>
-          </label>
+      <div class="justify controls">
+        <div>
+          <label for="autoscroll">Autoscroll </label>
+          <div class="onoffswitch">
+            <input
+              type="checkbox"
+              name="autoscroll"
+              class="onoffswitch-checkbox"
+              id="autoscroll"
+            />
+            <label class="onoffswitch-label" for="autoscroll">
+              <span class="onoffswitch-inner"></span>
+              <span class="onoffswitch-switch"></span>
+            </label>
+          </div>
         </div>
-      </div>
-      <div class="right">
-        <span id="fpsCounter"></span>
         <button id="butClear" type="button">Clear Text</button>
       </div>
+      <div class="center">
+        Maintained by <a href="https://www.nabucasa.com">Nabu Casa</a>. Derived
+        from
+        <a href="https://github.com/adafruit/Adafruit_WebSerial_ESPTool"
+          >Adafruit WebSerial ESPTool</a
+        >
+        by
+        <a href="https://github.com/makermelissa">Melissa LeBlanc-Williams</a>.
+      </div>
     </footer>
   </body>
 </html>