feat(webui): add footer

Also make it automatically open the web when you launch the app.

web/assets/index.js

@@ -80,6 +80,8 @@ getLessonButton.addEventListener('click', async () => {
         for (const [id, video] of Object.entries(ids)) {
             promises.push(async () => {
                 const checkbox = document.querySelector(`#${id}`);
+                // Disable the checkbox since the user can't download the same video twice
+                checkbox.disabled = true;
                 if (!checkbox.checked) {
                     return;
                 }

web/assets/style.css

@@ -15,6 +15,20 @@ header {
     background-color: #ffffff50;
 }
 
+footer {
+    padding: 20px 0px;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    position: absolute;
+    width: 100%;
+    background-color: #222;
+}
+
+footer a {
+    color: #fff;
+}
+
 .block {
     width: fit-content;
     border: 1px solid #fff;