pavel/media-transform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
pavel 2026-03-23 23:08:40 +01:00
commit 0aee105835
9 changed files with 2017 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

56
public/index.html Normal file
View file

@ -0,0 +1,56 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Convertoor</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<main class="shell">
<section class="hero">
<p class="eyebrow">Media editing tool</p>
<h1>Describe the media transformation you want.</h1>
<p class="lede">
Upload audio, video, or images, write your prompt in plain English, and the tool will produce a
downloadable result for you.
</p>
</section>
<section class="panel">
<form id="job-form">
<label class="field">
<span>Files</span>
<input id="files" name="files" type="file" multiple accept="audio/*,video/*,image/*" required />
</label>
<div id="file-list" class="file-list" aria-live="polite"></div>
<label class="field">
<span>Prompt</span>
<textarea
id="prompt"
name="prompt"
rows="6"
placeholder="Example: Trim the first 15 seconds from this video, add a soft fade-in, and export as mp4."
required
></textarea>
</label>
<button id="submit-button" type="submit">Process files</button>
</form>
<div id="status" class="status idle">Waiting for a job.</div>
<div id="result" class="result" hidden></div>
</section>
</main>
<script src="/app.js"></script>
</body>
</html>