Spaces:
Running
Running
| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Todo List App</title></head><body><div class="container" @init="countdown = 0"><h1>Todo List</h1><ol><li v-for="todo in todos" x-transition><Checkbox v-model="todo.completed" @toggle="completeTodo(todo)" />{{ todo.title }}{{ todo.completed ? 'done' : 'to-do' }}</li></ol><div class="footer"><p>{{ countdown }} seconds left</p></div><button x-data="{ show: true }" x-show="show" x-on:click="show = false">Stop Timer</button></div></body></html> |