| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Home</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body class="bg-gray-100"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> | |
| {% for app_name in app_names %} | |
| <a href="/{{ app_name }}" class="block"> | |
| <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 p-4"> | |
| <h3 class="text-lg font-semibold text-blue-600 hover:text-blue-800">{{ app_name }}</h3> | |
| </div> | |
| </a> | |
| {% endfor %} | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |