File size: 3,722 Bytes
b285804 |
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 |
<html><head><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Babel Library Location Converter</title><meta charset="UTF-8" /></head><body><div class="flex justify-center items-center bg-gray-900">
<div class="w-full max-w-screen-2xl">
<div class="w-full flex items-center justify-center">
<form class="w-auto mx-2">
<label for="hodson-input" class="block text-sm text-gray-700">Library Location</label>
<input type="text" id="location-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
<button type="submit" class="bg-gray-500 hover:bg-gray-700 px-4 py-2 text-white rounded-md hover:bg-gray-700 focus:ring focus:ring-gray-300">
Convert
</button>
<div class="mt-2">
<label for="room-input" class="block text-xs text-gray-700">Room</label>
<input type="room" id="room-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
</div>
<div class="mt-2">
<label for="wall-input" class="block text-xs text-gray-700">Wall</label>
<input type="wall" id="wall-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
</div>
<div class="mt-2">
<label for="shelf-input" class="block text-xs text-gray-700">Shelf</label>
<input type="shelf" id="shelf-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
</div>
<div class="mt-2">
<label for="book-input" class="block text-xs text-gray-700">Book</label>
<input type="book" id="book-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
</div>
<div class="mt-2">
<label for="page-input" class="block text-xs text-gray-700">Page</label>
<input type="page" id="page-input" class="block bg-white shadow border border-gray-400 px-3 py-2 mb-1 rounded-sm w-full" />
</div>
</form> </div>
</div></div></body></html></body></html> |