| <html lang="en"> | |
| <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <title>Home</title> | |
| </head> | |
| <body class="flex items-center justify-center h-screen bg-gray-100"> | |
| <div class="p-6 bg-white rounded shadow w-96"> | |
| {% if form_ids %} | |
| <h2 class="text-xl font-bold mb-4">Your Forms</h2> | |
| <ul class="list-disc list-inside"> | |
| {% for fid in form_ids %} | |
| <li><a href="/forms/{{ fid }}" class="text-blue-600 underline">{{ fid }}</a></li> | |
| {% endfor %} | |
| </ul> | |
| {% else %} | |
| <h2 class="text-xl font-bold mb-4">Hello there!</h2> | |
| <p>No forms yet.</p> | |
| {% endif %} | |
| <a href="/new" class="mt-4 inline-block px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700">Create New Form</a> | |
| </div> | |
| </body> | |
| </html> |