vibegif/vibegif.lol
1
0
Fork 0
mirror of https://github.com/vibegif/vibegif.lol.git synced 2026-04-07 02:12:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: update defaults + simpler semi-transparent label

Browse Source
This commit is contained in:
multipleof4
2026-03-21 01:14:39 -07:00
parent e636dc83e8
commit 488ad2e1a3
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -38,8 +38,8 @@
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<label class="text-xs text-neutral-400 uppercase tracking-wider">model</label> <label class="text-xs text-neutral-400 uppercase tracking-wider">model</label>
<select id="sel-model" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400"> <select id="sel-model" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400">
<option value="bytedance-seed/seedream-4.5" selected>Seedream 4.5</option>
<option value="google/gemini-3.1-flash-image-preview">Gemini 3.1 Flash Image</option> <option value="google/gemini-3.1-flash-image-preview">Gemini 3.1 Flash Image</option>
<option value="bytedance-seed/seedream-4.5">Seedream 4.5</option>
</select> </select>
</div> </div>
@@ -52,7 +52,7 @@
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<label class="text-xs text-neutral-400 uppercase tracking-wider">frames</label> <label class="text-xs text-neutral-400 uppercase tracking-wider">frames</label>
<input id="inp-frames" type="number" value="4" min="2" max="24" class="border border-neutral-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-neutral-400"> <input id="inp-frames" type="number" value="2" min="2" max="24" class="border border-neutral-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-neutral-400">
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<label class="text-xs text-neutral-400 uppercase tracking-wider">fps</label> <label class="text-xs text-neutral-400 uppercase tracking-wider">fps</label>
@@ -79,9 +79,7 @@
<label class="flex items-start gap-3 border border-neutral-200 rounded-xl px-3 py-3"> <label class="flex items-start gap-3 border border-neutral-200 rounded-xl px-3 py-3">
<input id="chk-semi-transparent" type="checkbox" class="mt-1 h-4 w-4 accent-neutral-800"> <input id="chk-semi-transparent" type="checkbox" class="mt-1 h-4 w-4 accent-neutral-800">
<span class="text-sm text-neutral-600 leading-snug"> <span class="text-sm text-neutral-600 leading-snug">semi-transparent</span>
semi-transparent (remove bg per frame + export animated webp)
</span>
</label> </label>
<button id="btn-generate" class="bg-neutral-800 text-white rounded-lg px-6 py-3 hover:bg-neutral-700 transition flex items-center justify-center gap-2 text-lg"> <button id="btn-generate" class="bg-neutral-800 text-white rounded-lg px-6 py-3 hover:bg-neutral-700 transition flex items-center justify-center gap-2 text-lg">