24 lines
952 B
HTML
24 lines
952 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Todo List avec Router</title>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/riot@6.0.1/riot.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/riot-route@4.0.0/dist/route.min.js"></script>
|
||
|
|
<style>
|
||
|
|
body { font-family: sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; }
|
||
|
|
.filters a { margin: 0 5px; padding: 5px 10px; border: 1px solid #ccc; text-decoration: none; color: #333; }
|
||
|
|
.filters a.active { background-color: #eee; }
|
||
|
|
.done { text-decoration: line-through; color: #999; }
|
||
|
|
ul { list-style: none; padding: 0; }
|
||
|
|
li { margin: 5px 0; display: flex; align-items: center; gap: 10px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<todo-router></todo-router>
|
||
|
|
<script type="module">
|
||
|
|
import './todo-router.riot';
|
||
|
|
riot.mount('todo-router');
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|