diff --git a/back-end/src/static/css/header.css b/back-end/src/static/css/header.css index 0910001..ec2517f 100644 --- a/back-end/src/static/css/header.css +++ b/back-end/src/static/css/header.css @@ -1,22 +1,23 @@ .header nav ul { - display: flex; - list-style: none; + display: flex; + list-style: none; } .header { - background-color: var(--fg); - color: var(--bg); + background-color: var(--fg); + color: var(--bg); + margin-bottom: 20px; } .header a { - color: var(--bg); + color: var(--bg); } .header li { - padding: 2rem 1rem; + padding: 2rem 1rem; } .header li:hover { - background-color: var(--bg); - color: var(--fg); + background-color: var(--bg); + color: var(--fg); } diff --git a/back-end/src/static/css/list.css b/back-end/src/static/css/list.css new file mode 100644 index 0000000..fec2816 --- /dev/null +++ b/back-end/src/static/css/list.css @@ -0,0 +1,29 @@ +.list li { + list-style-type: none; +} + +.list li { + background: #C1292E; + transition: .2s ease-in-out; + border-radius: 8px; + text-align: center; + min-width: 150px; +} + +.list { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(auto, 1fr); + width: fit-content; + gap: 10px; +} + +.list li a { + display: block; + color: white; + font-weight: bold; + font-size: .9rem; + text-decoration: none; + padding: 8px 13px; + cursor: pointer; +} diff --git a/back-end/src/templates/partials/links.ejs b/back-end/src/templates/partials/links.ejs index af802e6..7c16fd0 100644 --- a/back-end/src/templates/partials/links.ejs +++ b/back-end/src/templates/partials/links.ejs @@ -1,5 +1,6 @@ + diff --git a/back-end/src/templates/rendu.ejs b/back-end/src/templates/rendu.ejs index 3218a55..120054d 100644 --- a/back-end/src/templates/rendu.ejs +++ b/back-end/src/templates/rendu.ejs @@ -1,28 +1,51 @@ + - Liste des modeles + Liste des modeles - <%- include('partials/links.ejs') %> + <%- include('partials/links.ejs') %> + - <%- include('partials/header.ejs') %> + <%- include('partials/header.ejs') %> -

Liste des modèles proposés par des fans

 +
+

Requêtes prédéfinies

-

Liste des modèles par note décroissante

 - -

Liste des boites ayant moins de 5 ans

- + +