Spaces:
Building
Building
| <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> |