| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/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> |