Sso / index.html
zemi123's picture
Create index.html
cec6301 verified
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Universal AI Prompt Builder</title>
<style>
body { font-family: Arial, sans-serif; max-width: 900px; margin: auto; padding: 20px; }
h2 { color: #2b7a78; }
textarea { width: 100%; height: 80px; margin-bottom: 10px; }
button { padding: 10px 20px; margin-top: 10px; background: #2b7a78; color: white; border: none; cursor: pointer; }
pre { background: #f4f4f4; padding: 10px; border-radius: 6px; }
</style>
</head>
<body>
<h2>🚀 Universal AI Video Prompt Builder</h2>
<label>🎯 Hedef Platform:</label><br>
<select id="target">
<option value="lit">LitVideo 4.5</option>
<option value="wan">WAN 2.1</option>
<option value="sdxl">SD/SDXL</option>
</select>
<br><br>
<label>📸 Fotoğraf Açıklaması:</label><br>
<textarea id="caption"></textarea><br>
<label>🎬 Sahne:</label><br>
<textarea id="scene"></textarea><br>
<button onclick="build()">🚀 PROMPT OLUŞTUR</button>
<h3>✅ Positive Prompt</h3>
<pre id="pos"></pre>
<h3>❌ Negative Prompt</h3>
<pre id="neg"></pre>
<script>
function build() {
let caption = document.getElementById("caption").value.trim();
let scene = document.getElementById("scene").value.trim();
let target = document.getElementById("target").value;
let positive = `Target: ${target}\nPhoto: ${caption}\nScene: ${scene}\nStyle: cinematic, detailed, high quality.`;
let negative = "low quality, blurry, distorted, bad anatomy, glitch, watermark, text";
document.getElementById("pos").innerText = positive;
document.getElementById("neg").innerText = negative;
}
</script>
</body>
</html>