Tombola Game Interface - Copy this Html, Tailwind Component to your project
<!DOCTYPE-html>-<html-lang="it">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>Tombola</title>-<link-href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"-rel="stylesheet">-</head>-<body-class="bg-gradient-to-r-from-blue-500-to-green-500-min-h-screen-flex-flex-col-items-center-justify-center">-<div-class="bg-white-rounded-lg-shadow-lg-p-8-max-w-md-w-full">-<h1-class="text-3xl-font-bold-text-center-text-gray-800-mb-6">Benvenuto-nella-Tombola!</h1>-<div-class="flex-flex-col-space-y-4">-<a-href="{{-url_for('nuova_sessione')-}}"-class="block-text-center-bg-blue-600-text-white-rounded-lg-py-2-hover:bg-blue-700-transition-duration-300">Inizia-una-nuova-partita</a>-<a-href="{{-url_for('old_session')-}}"-class="block-text-center-bg-yellow-600-text-white-rounded-lg-py-2-hover:bg-yellow-700-transition-duration-300">Hai-perso-la-connessione?-Clicca-qui!</a>-</div>-<h2-class="text-2xl-font-semibold-text-center-text-gray-800-mt-8-mb-4">Carica-una-partita-esistente</h2>-<form-action="{{-url_for('carica_sessione')-}}"-method="POST"-class="flex-flex-col-space-y-4">-<label-for="session_id"-class="block-text-gray-700">Inserisci-il-numero-della-sessione:</label>-<input-type="text"-id="session_id"-name="session_id"-required-class="border-border-gray-300-rounded-lg-p-2-focus:outline-none-focus:ring-2-focus:ring-blue-500"-placeholder="Numero-sessione">-<button-type="submit"-class="bg-green-600-text-white-rounded-lg-py-2-hover:bg-green-700-transition-duration-300">Carica</button>-</form>-</div>-</body>-</html>
