Spaces:
Building
Building
File size: 2,215 Bytes
c9f9492 a6c4533 c9f9492 a6c4533 c9f9492 a6c4533 a5d3b7c a6c4533 a5d3b7c 96f121e a5d3b7c a6c4533 a5d3b7c a6c4533 c9f9492 a5d3b7c c9f9492 a6c4533 a5d3b7c c9f9492 a6c4533 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<style>
.gradient-background {
background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
</style>
</head>
<body class="gradient-background min-h-screen">
<div class="container mx-auto px-4 py-8">
<h1 class="text-4xl font-bold text-center mb-8">{{ title }}</h1>
<div class="max-w-2xl mx-auto bg-white rounded-xl shadow-lg p-8">
<form action="{{ url_for('result') }}" method="post">
<div class="mb-6">
<label for="inputSentence" class="block text-gray-700 text-sm font-bold mb-2">
Enter text to translate / 번역할 텍스트를 입력하세요
</label>
<div class="mb-4">
<p class="text-sm text-gray-600">
Proper nouns should be enclosed in single quotation marks (' '). / Example:'Korea' is a beautiful country. <br>
고유명사는 작은따옴표(' ')로 묶어주세요. 예) 나의 이름은 'JOHN' 입니다.
</p>
</div>
<textarea
id="inputSentence"
name="inputSentence"
rows="4"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
required
></textarea>
</div>
<div class="flex justify-center">
<button type="submit"
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
Translate / 번역하기
</button>
</div>
</form>
</div>
</div>
</body>
</html> |