sentiment-fastapi / app_templates /random_youtube.html
LorenzoBioinfo
Add app and first data
66028cc
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Random YouTube Comment</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50 flex flex-col items-center justify-center min-h-screen">
<h2 class="text-3xl font-semibold text-gray-800 mb-4">🌍 Test su Dati Nuovi (YouTube Comments)</h2>
<p class="text-gray-600 mb-6">Questa sezione testa il modello su dati reali non visti durante il training (generalizzazione).</p>
<div class="bg-white rounded-2xl shadow-md p-6 w-3/4 text-center">
<p class="text-lg text-gray-700 italic mb-4">"{{ text }}"</p>
<div class="grid grid-cols-2 gap-4 mt-4">
<div class="p-3 border rounded-xl">
<h3 class="text-gray-600 text-sm">🧩 Predizione del Modello</h3>
<p class="text-xl font-semibold text-blue-600">{{ result.label }}</p>
<p class="text-xs text-gray-500">Confidence: {{ result.confidence }}</p>
</div>
<div class="p-3 border rounded-xl">
<h3 class="text-gray-600 text-sm">🎯 Etichetta Reale</h3>
<p class="text-xl font-semibold text-green-600">{{ true_label }}</p>
</div>
</div>
</div>
<div class="mt-6 flex gap-4">
<a href="/random_youtube_comment" class="px-5 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">πŸ” Altro Commento</a>
<a href="/" class="px-5 py-2 bg-gray-300 text-gray-800 rounded-lg hover:bg-gray-400 transition">⬅️ Torna alla Home</a>
</div>
</body>
</html>