Testcomic

Sleeping

App Files Files Community

jhh6576 commited on Oct 23, 2025

Commit

3351b41

verified ·

1 Parent(s): 51f0bd8

Update app_enhanced.py

Browse files

Files changed (1) hide show

app_enhanced.py +138 -2

app_enhanced.py CHANGED Viewed

@@ -65,6 +65,142 @@ except Exception as e:
 app = Flask(__name__)
 os.makedirs('video', exist_ok=True)
 os.makedirs('frames/final', exist_ok=True)
 os.makedirs('output', exist_ok=True)
@@ -1024,7 +1160,7 @@ comic_generator = EnhancedComicGenerator()
 @app.route('/')
 def index():
-    return render_template('index.html')
 @app.route('/uploader', methods=['POST'])
 def upload_file():
@@ -1050,7 +1186,7 @@ def handle_link():
         link = request.form.get('link', '')
         if not link: return "❌ No link provided"
         import yt_dlp
-        ydl_opts = {'outtmpl': comic_generator.video_path, 'format': 'best[height<=720]'}
         with yt_dlp.YoutubeDL(ydl_opts) as ydl:
             ydl.download([link])
         success = comic_generator.generate_comic()

 app = Flask(__name__)
+# --- NEW: Embedded HTML for the main page with new UI ---
+INDEX_HTML = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Movie to Comic Generator</title>
+    <style>
+        body {
+            background-color: #fdf6e3; /* Cream background */
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+            color: #3d3d3d;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+        }
+        .container {
+            max-width: 500px;
+            width: 100%;
+            padding: 40px;
+            background-color: #ffffff;
+            border-radius: 12px;
+            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+            text-align: center;
+        }
+        h1 {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            font-weight: 600;
+        }
+        .upload-section, .url-section {
+            margin-bottom: 30px;
+        }
+        .file-input {
+            display: none;
+        }
+        .file-label {
+            display: block;
+            padding: 15px 25px;
+            background-color: #2c3e50; /* Dark Slate Blue */
+            color: white;
+            border-radius: 8px;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 500;
+            transition: background-color 0.3s ease, transform 0.2s ease;
+        }
+        .file-label:hover {
+            background-color: #34495e;
+            transform: translateY(-2px);
+        }
+        #file-name {
+            display: block;
+            margin-top: 15px;
+            font-style: italic;
+            color: #7f8c8d;
+        }
+        .submit-btn {
+            width: 100%;
+            padding: 15px;
+            border: none;
+            border-radius: 8px;
+            background-color: #e67e22; /* Carrot Orange */
+            color: white;
+            font-size: 18px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: background-color 0.3s ease;
+        }
+        .submit-btn:hover {
+            background-color: #d35400;
+        }
+        .separator {
+            border-bottom: 1px solid #e0e0e0;
+            margin: 30px 0;
+        }
+        input[type="text"] {
+            width: calc(100% - 22px);
+            padding: 12px;
+            border: 1px solid #bdc3c7;
+            border-radius: 8px;
+            font-size: 16px;
+            margin-bottom: 10px;
+        }
+        .disabled-section input, .disabled-section button {
+            opacity: 0.5;
+            cursor: not-allowed;
+            pointer-events: none;
+        }
+        .coming-soon {
+            font-weight: bold;
+            color: #95a5a6;
+            margin-top: -5px;
+            margin-bottom: 15px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🎬 Movie to Comic Generator</h1>
+        <form action="/uploader" method="post" enctype="multipart/form-data">
+            <div class="upload-section">
+                <label for="file-upload" class="file-label">Choose Video File</label>
+                <input id="file-upload" class="file-input" type="file" name="file" onchange="updateFileName(this)">
+                <span id="file-name">No file selected</span>
+            </div>
+            <button class="submit-btn" type="submit">Generate Comic</button>
+        </form>
+        <div class="separator"></div>
+        <div class="url-section disabled-section">
+            <input type="text" name="link" placeholder="Enter Video URL" disabled>
+            <p class="coming-soon">Coming Soon!</p>
+            <button class="submit-btn" type="submit" disabled>Generate from URL</button>
+        </div>
+    </div>
+    <script>
+        function updateFileName(input) {
+            const fileNameSpan = document.getElementById('file-name');
+            if (input.files && input.files.length > 0) {
+                fileNameSpan.textContent = input.files[0].name;
+            } else {
+                fileNameSpan.textContent = 'No file selected';
+            }
+        }
+    </script>
+</body>
+</html>
+'''
 os.makedirs('video', exist_ok=True)
 os.makedirs('frames/final', exist_ok=True)
 os.makedirs('output', exist_ok=True)
 @app.route('/')
 def index():
+    return INDEX_HTML
 @app.route('/uploader', methods=['POST'])
 def upload_file():
         link = request.form.get('link', '')
         if not link: return "❌ No link provided"
         import yt_dlp
+        ydl_opts = {'outtmpl': comic_generator.video_path, 'format': 'best[height<=720]', 'overwrites': True}
         with yt_dlp.YoutubeDL(ydl_opts) as ydl:
             ydl.download([link])
         success = comic_generator.generate_comic()