From c8311babd78f49cd715d8727386b01d149f1a05a Mon Sep 17 00:00:00 2001 From: girault Date: Tue, 7 Jun 2022 13:34:26 +0200 Subject: [PATCH] ajout --- WIM4.1/tp/tp5/ex1/VoirLePUBLIC_HTML | 0 WIM4.1/tp/tp5/ex1/index.html | 29 ++++++++++ WIM4.1/tp/tp5/ex1/todo.css | 84 +++++++++++++++++++++++++++++ WIM4.1/tp/tp5/ex1/todo.riot | 58 ++++++++++++++++++++ 4 files changed, 171 insertions(+) create mode 100644 WIM4.1/tp/tp5/ex1/VoirLePUBLIC_HTML create mode 100644 WIM4.1/tp/tp5/ex1/index.html create mode 100644 WIM4.1/tp/tp5/ex1/todo.css create mode 100644 WIM4.1/tp/tp5/ex1/todo.riot diff --git a/WIM4.1/tp/tp5/ex1/VoirLePUBLIC_HTML b/WIM4.1/tp/tp5/ex1/VoirLePUBLIC_HTML new file mode 100644 index 0000000..e69de29 diff --git a/WIM4.1/tp/tp5/ex1/index.html b/WIM4.1/tp/tp5/ex1/index.html new file mode 100644 index 0000000..7c26011 --- /dev/null +++ b/WIM4.1/tp/tp5/ex1/index.html @@ -0,0 +1,29 @@ + + + + + Riot todo + + + + + + + + + + + + + diff --git a/WIM4.1/tp/tp5/ex1/todo.css b/WIM4.1/tp/tp5/ex1/todo.css new file mode 100644 index 0000000..a2848a8 --- /dev/null +++ b/WIM4.1/tp/tp5/ex1/todo.css @@ -0,0 +1,84 @@ + +body { + font-family: 'myriad pro', sans-serif; + font-size: 20px; + border: 0; +} + +todo { + display: block; + max-width: 600px; + margin: 5% auto; +} + +form input { + font-size: 85%; + padding: .4em; + border: 1px solid #ccc; + border-radius: 2px; +} + +button { + background-color: #1FADC5; + border: 1px solid rgba(0,0,0,.2); + font-size: 75%; + color: #fff; + padding: .4em 1.2em; + border-radius: 2em; + cursor: pointer; + margin: 0 .23em; + outline: none; +} + +button[disabled] { + background-color: #ddd; + color: #aaa; +} + +ul { + padding: 0; +} + +li { + list-style-type: none; + padding: .2em 0; +} + +.completed { + text-decoration: line-through; + color: #ccc; +} + +label { + cursor: pointer; +} +.filters { + margin-top: 10px; + padding: 0; + list-style: none; + /* position: absolute;*/ + right: 0; + left: 0; +} + +.filters li { + display: inline; +} + +.filters li a { + color: inherit; + /* margin: 3px;*/ + margin-right:10px; + padding: 3px 7px; + text-decoration: none; + font-size : 0.75em; + border: 1px solid transparent; + border-radius: 3px; +} +.filters li a:hover { + border-color: rgba(175, 47, 47, 0.1); +} + +.filters li a.selected { + border-color: rgba(175, 47, 47, 0.2); +} diff --git a/WIM4.1/tp/tp5/ex1/todo.riot b/WIM4.1/tp/tp5/ex1/todo.riot new file mode 100644 index 0000000..ef1ad42 --- /dev/null +++ b/WIM4.1/tp/tp5/ex1/todo.riot @@ -0,0 +1,58 @@ + +

{ props.title }

+ + + +
+ + + + +
+ +