thomas
This commit is contained in:
24
TP4/EX3/index.html
Normal file
24
TP4/EX3/index.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!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>
|
Reference in New Issue
Block a user