Move video style to file

2024-09-20 05:43:19 -06:00
parent d88373e939
commit ab63347549
3 changed files with 37 additions and 34 deletions
--- a/README.md
+++ b/README.md
@@ -52,3 +52,7 @@ Build and push this container to ghcr
 - [ ] change from Audio -> Video
 - [x] Provide a better name for downloaded files
 - [x] Environment variable to control whether "Secure" flag set on cookie
+- [ ] Provide an about page
+  - `ffmpeg` version
+  - `yt-dlp` version
+  - disk space
--- a/static/style/video.css
+++ b/static/style/video.css
@@ -0,0 +1,32 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+h1 {
+    text-align: center;
+}
+
+.video-container {
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+video {
+    width: 100%;
+    max-width: 600px;
+    display: block;
+    margin: 0 auto;
+}
+
+@media (max-width: 600px) {
+    .video-container {
+        max-width: 100%;
+    }
+
+    video {
+        max-width: 100%;
+    }
+}
--- a/templates/video.html
+++ b/templates/video.html
@@ -5,40 +5,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{.original.Title}}</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 20px;
-            box-sizing: border-box;
-        }
-
-        h1 {
-            text-align: center;
-        }
-
-        .video-container {
-            max-width: 600px;
-            margin: 0 auto;
-        }
-
-        video {
-            width: 100%;
-            max-width: 600px;
-            display: block;
-            margin: 0 auto;
-        }
-
-        @media (max-width: 600px) {
-            .video-container {
-                max-width: 100%;
-            }
-
-            video {
-                max-width: 100%;
-            }
-        }
-    </style>
+    <link rel="stylesheet" href="/static/style/video.css">
 </head>

 <body>