49 lines
1.7 KiB
PHP
49 lines
1.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Viral Video Clipper</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
<script src="https://unpkg.com/feather-icons"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="hero">
|
|
<div class="container">
|
|
<h1>Turn Your Long Videos into Viral Highlights</h1>
|
|
<p>Our AI automatically finds the most engaging moments and turns them into shareable short clips.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="upload-section">
|
|
<div class="container">
|
|
<div id="upload-card">
|
|
<button id="uploadButton" class="cta-button">
|
|
<i data-feather="upload-cloud"></i>
|
|
Upload Your Video
|
|
</button>
|
|
<input type="file" id="file-input" accept="video/*">
|
|
</div>
|
|
|
|
<div id="processing-status" class="hidden">
|
|
<h4 id="file-name"></h4>
|
|
<p id="status-text">Processing...</p>
|
|
<div class="progress-bar-container">
|
|
<div class="progress-bar"></div>
|
|
</div>
|
|
<button id="nextStepButton" class="cta-button hidden">
|
|
Preview & Export Clips
|
|
<i data-feather="arrow-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
<script>
|
|
feather.replace();
|
|
</script>
|
|
</body>
|
|
</html> |