Added Web frontend

This commit is contained in:
Vyacheslav K
2025-02-07 09:22:25 +03:00
parent 9f1894190e
commit 7a8d28e8aa
3 changed files with 929 additions and 0 deletions

View File

@@ -0,0 +1,26 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/static/tailwind.js"></script>
</head>
<body class="px-5 py-5">
<h1 class="text-3xl font-bold">
Study task-1
</h1>
<span class="text-lg mt-4 block">Realtime text transliteration service with API</span>
<div class="block mt-5">
<div class="mb-5">
<label for="originalText" class="block mb-2 text-sm font-medium text-gray-900">Text to transliterate</label>
<input type="text" id="originalText" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 ">
</div>
<div class="mb-5">
<label for="transliteratedText" class="block mb-2 text-sm font-medium text-gray-900">Result</label>
<input type="text" id="transliteratedText" disabled="" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 ">
</div>
</div>
<a href="https://git.moondev.space/themoon/study-task-1" class="block mt-2 text-lg text-blue-500" target="_blank">REST API Reference</a>
<script src="/static/main.js"></script>
</body>
</html>