21 lines
659 B
HTML
21 lines
659 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Todo List avec Riot.js</title>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/riot@6.0.1/riot.min.js"></script>
|
||
|
|
<style>
|
||
|
|
body { font-family: sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; }
|
||
|
|
.filters button { margin: 0 5px; }
|
||
|
|
ul { list-style: none; padding: 0; }
|
||
|
|
li { margin: 5px 0; display: flex; align-items: center; gap: 10px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<todo-app></todo-app>
|
||
|
|
<script type="module">
|
||
|
|
import './todo-app.riot';
|
||
|
|
riot.mount('todo-app');
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|