Yao211 commited on
Commit
03b634f
Β·
verified Β·
1 Parent(s): 564d53c

Delete templates

Browse files
Files changed (1) hide show
  1. templates/index.html +0 -88
templates/index.html DELETED
@@ -1,88 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Miragic Speed-Painting</title>
7
- <link rel="stylesheet" href="/static/css/style.css">
8
- </head>
9
- <body>
10
- <div class="container">
11
- <header class="header">
12
- <div class="logo-section">
13
- <img src="https://avatars.githubusercontent.com/u/211682198?s=200&v=4" alt="Miragic Logo" class="logo">
14
- <div class="title-section">
15
- <h1>Miragic Speed-Painting 🎨</h1>
16
- <p>Upload an image to see AI create speedpainting animations!</p>
17
- </div>
18
- </div>
19
- </header>
20
-
21
- <section class="company-info">
22
- <h2>About US</h2>
23
- <p>Miragic is a cutting-edge platform to serve AI-powered tools like Virtual Try-on, Speed Painting, Background Remover and Sales Pilot.</p>
24
- <p><a href="https://miragic.ai" target="_blank">Visit our website</a> to explore more innovative generative AI tools!</p>
25
- </section>
26
-
27
- <div class="usage-counter" id="usageCounter">
28
- <span id="usageText">Checking usage...</span>
29
- </div>
30
-
31
- <div class="main-content">
32
- <div class="input-section">
33
- <div class="upload-area" id="uploadArea">
34
- <input type="file" id="imageInput" accept="image/*" hidden>
35
- <div class="upload-placeholder">
36
- <div class="upload-icon">πŸ“·</div>
37
- <p>Click to upload or drag and drop an image</p>
38
- <p class="upload-hint">Supports JPG, PNG, WebP</p>
39
- </div>
40
- <img id="previewImage" class="preview-image" style="display: none;">
41
- </div>
42
-
43
- <div class="examples-section">
44
- <h3>Try these examples!</h3>
45
- <div class="examples-grid">
46
- <img src="/static/assets/1.jpg" alt="Example 1" class="example-image">
47
- <img src="/static/assets/2.jpg" alt="Example 2" class="example-image">
48
- <img src="/static/assets/3.jpg" alt="Example 3" class="example-image">
49
- <img src="/static/assets/4.jpg" alt="Example 4" class="example-image">
50
- </div>
51
- </div>
52
-
53
- <button id="generateBtn" class="button-gradient" disabled>
54
- Generate Speedpainting πŸš€
55
- </button>
56
- </div>
57
-
58
- <div class="output-section">
59
- <div class="video-container">
60
- <video id="resultVideo" class="result-video" controls style="display: none;">
61
- Your browser does not support the video tag.
62
- </video>
63
- <div id="loadingSpinner" class="loading-spinner" style="display: none;">
64
- <div class="spinner"></div>
65
- <p>Generating your speedpainting...</p>
66
- </div>
67
- <div id="videoPlaceholder" class="video-placeholder">
68
- <div class="placeholder-icon">🎬</div>
69
- <p>Your speedpainting video will appear here</p>
70
- </div>
71
- </div>
72
-
73
- <div id="signupPrompt" class="signup-container" style="display: none;">
74
- <h3>πŸš€ Want unlimited generations?</h3>
75
- <p>You've reached your daily limit. Sign up at Miragic.ai for unlimited access to all our AI tools!</p>
76
- <a href="https://miragic.ai/" target="_blank" class="signup-button">
77
- SignUp for Free πŸš€
78
- </a>
79
- </div>
80
- </div>
81
- </div>
82
-
83
- <div id="errorMessage" class="error-message" style="display: none;"></div>
84
- </div>
85
-
86
- <script src="/static/js/main.js"></script>
87
- </body>
88
- </html>