init commit

2025-12-03 18:55:22 +09:00
commit f05e8e728f
12 changed files with 6325 additions and 0 deletions
--- a/templates/login.html
+++ b/templates/login.html
@@ -0,0 +1,172 @@
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Video Streaming Server - Login</title>
+        <style>
+            * {
+                margin: 0;
+                padding: 0;
+                box-sizing: border-box;
+            }
+            
+            body {
+                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+                height: 100vh;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+            
+            .login-container {
+                background: white;
+                padding: 40px;
+                border-radius: 10px;
+                box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+                width: 100%;
+                max-width: 400px;
+            }
+            
+            .logo {
+                text-align: center;
+                margin-bottom: 30px;
+            }
+            
+            .logo h1 {
+                color: #333;
+                font-size: 28px;
+                margin-bottom: 5px;
+            }
+            
+            .logo p {
+                color: #666;
+                font-size: 14px;
+            }
+            
+            .form-group {
+                margin-bottom: 20px;
+            }
+            
+            .form-group label {
+                display: block;
+                margin-bottom: 5px;
+                color: #555;
+                font-weight: 500;
+            }
+            
+            .form-group input {
+                width: 100%;
+                padding: 12px;
+                border: 1px solid #ddd;
+                border-radius: 5px;
+                font-size: 16px;
+                transition: border-color 0.3s;
+            }
+            
+            .form-group input:focus {
+                outline: none;
+                border-color: #667eea;
+            }
+            
+            .btn {
+                width: 100%;
+                padding: 12px;
+                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+                color: white;
+                border: none;
+                border-radius: 5px;
+                font-size: 16px;
+                font-weight: 600;
+                cursor: pointer;
+                transition: transform 0.3s;
+            }
+            
+            .btn:hover {
+                transform: translateY(-2px);
+            }
+            
+            .error {
+                background: #ffebee;
+                color: #c62828;
+                padding: 10px;
+                border-radius: 5px;
+                margin-bottom: 20px;
+                font-size: 14px;
+            }
+            
+            .demo-accounts {
+                margin-top: 20px;
+                padding: 15px;
+                background: #f5f5f5;
+                border-radius: 5px;
+                font-size: 13px;
+            }
+            
+            .demo-accounts h3 {
+                margin-bottom: 10px;
+                color: #333;
+            }
+            
+            .demo-accounts ul {
+                list-style: none;
+            }
+            
+            .demo-accounts li {
+                margin-bottom: 5px;
+                color: #666;
+            }
+            
+            footer {
+                text-align: center;
+                margin-top: 20px;
+                color: #666;
+                font-size: 12px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="login-container">
+            <div class="logo">
+                <h1>🎥 Video Streaming Server</h1>
+                <p>Admin Panel</p>
+            </div>
+            
+            {% if error %}
+            <div class="error">
+                {{ error }}
+            </div>
+            {% endif %}
+            
+            <form method="POST" action="/login">
+                <div class="form-group">
+                    <label for="username">Username</label>
+                    <input type="text" id="username" name="username" required placeholder="Enter username">
+                </div>
+                
+                <div class="form-group">
+                    <label for="password">Password</label>
+                    <input type="password" id="password" name="password" required placeholder="Enter password">
+                </div>
+                
+                <button type="submit" class="btn">Login</button>
+            </form>
+            
+            <div class="demo-accounts">
+                <h3>Demo Accounts:</h3>
+                <ul>
+                    <li><strong>admin</strong> / admin123</li>
+                    <li><strong>administrator</strong> / securepass</li>
+                    <li><strong>supervisor</strong> / superpass</li>
+                </ul>
+            </div>
+            
+            <footer>
+                Version 2.1.0 • Server: {{ server_host }}:{{ server_port }}
+            </footer>
+        </div>
+    </body>
+    </html>
+