Add donation footer to options page

options.css

@@ -176,6 +176,29 @@ label {
   margin-top: 2em;
 }
 
+.support-footer {
+  min-width: 600px;
+  max-width: 738px;
+  margin: 28px 0 24px;
+  padding-left: 18px;
+  color: #6b6b6b;
+  font-size: 0.95em;
+}
+
+.support-footer p {
+  margin: 0;
+}
+
+.support-footer a {
+  color: #2f5ca8;
+  text-decoration: none;
+}
+
+.support-footer a:hover,
+.support-footer a:focus {
+  text-decoration: underline;
+}
+
 select {
   width: 170px;
 }
@@ -269,6 +292,15 @@ select {
     color: #cc99ff;
   }
 
+  .support-footer {
+    color: #a8a8a8;
+  }
+
+  .support-footer a,
+  .support-footer a:visited {
+    color: #8bb8ff;
+  }
+
   hr {
     border-color: #333;
   }

options.html

@@ -323,5 +323,24 @@
         is not available. You can try manually disabling Flash from the browser.
       </p>
     </div>
+
+    <footer class="support-footer">
+      <p>
+        If Speeder has been useful, consider supporting its development via
+        <a
+          href="https://github.com/sponsors/SoPat712"
+          target="_blank"
+          rel="noopener noreferrer"
+          >GitHub Sponsor</a
+        >
+        or
+        <a
+          href="https://ko-fi.com/joshpatra"
+          target="_blank"
+          rel="noopener noreferrer"
+          >Ko-Fi</a
+        >.
+      </p>
+    </footer>
   </body>
 </html>