Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Studio Gibli Inspired Tasks</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://accounts.google.com/gsi/client" async defer></script> | |
| <style> | |
| body { | |
| font-family: 'Roboto', sans-serif; | |
| background-color: #f9f7f0; | |
| color: #333; | |
| } | |
| .ghibli-bg { | |
| background-image: url('http://static.photos/nature/1200x630/42'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .task-card { | |
| transition: all 0.3s ease; | |
| background-color: rgba(255, 255, 255, 0.85); | |
| } | |
| .task-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen"> | |
| <app-root></app-root> | |
| <script src="runtime.js" type="module"></script> | |
| <script src="polyfills.js" type="module"></script> | |
| <script src="main.js" type="module"></script> | |
| </body> | |
| </html> |