<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Trending Datasets Dashboard</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="min-h-screen bg-blue-50"> <div class="mx-auto flex min-h-screen max-w-5xl flex-col px-4"> <div class="flex min-h-screen items-center justify-center"> <div class="w-full overflow-hidden bg-white shadow-lg sm:rounded-2xl sm:shadow-2xl"> <header class="bg-blue-100 px-4 py-6"> <h1 class="mb-2 text-2xl font-extrabold text-gray-800 sm:mb-3 sm:text-4xl">Trending Spaces Today</h1> <p class="text-base text-gray-700 sm:text-lg">Discover the most popular spaces today.</p> </header> <div class="bg-white p-4"> <iframe src="https://huggingface.co/datasets/cfahlgren1/hub-stats/embed/sql-console/b93Zp2c" class="h-[400px] w-full" frameborder="0" ></iframe> </div> </div> </div> </div> </body> </html>