From dc68a07a1b8a5b7aaa6af17b38a8b0ad9738e108 Mon Sep 17 00:00:00 2001 From: Nemo D'ACREMONT Date: Sun, 17 Nov 2024 09:20:22 +0100 Subject: [PATCH] feat: use static files to share css between templates --- back-end/src/routes/index.ts | 5 +++++ back-end/src/static/css/colors.css | 7 +++++++ back-end/src/static/css/header.css | 22 ++++++++++++++++++++++ back-end/src/static/css/reset.css | 11 +++++++++++ back-end/src/templates/index.ejs | 2 ++ back-end/src/templates/member.ejs | 2 ++ back-end/src/templates/members.ejs | 2 ++ back-end/src/templates/notfound.ejs | 0 back-end/src/templates/partials/header.ejs | 21 ++++++++++----------- back-end/src/templates/partials/links.ejs | 3 +++ 10 files changed, 64 insertions(+), 11 deletions(-) create mode 100644 back-end/src/static/css/colors.css create mode 100644 back-end/src/static/css/header.css create mode 100644 back-end/src/static/css/reset.css create mode 100644 back-end/src/templates/notfound.ejs create mode 100644 back-end/src/templates/partials/links.ejs diff --git a/back-end/src/routes/index.ts b/back-end/src/routes/index.ts index 4ac6e6f..6b1eda7 100644 --- a/back-end/src/routes/index.ts +++ b/back-end/src/routes/index.ts @@ -1,9 +1,11 @@ import express from 'express'; +import path from 'path'; import db from '../db'; import { getUsername, verifyAuthentication } from '../middlewares/auth.middleware' import authRoute from './auth.route' import marquesRoute from './marque.route' import memberRouter from './member.route' +import modelRouter from './model.route'; const routes = express.Router(); @@ -17,8 +19,11 @@ routes.get("/message", async (_req, res) => { res.render('index.ejs', { message }); }); +routes.use("/static", express.static(path.join(__dirname, '../static'))); + routes.use("/auth", authRoute); routes.use("/marques", getUsername, verifyAuthentication, marquesRoute); routes.use("/membres", memberRouter); +routes.use("/models", modelRouter); export default routes; diff --git a/back-end/src/static/css/colors.css b/back-end/src/static/css/colors.css new file mode 100644 index 0000000..3afd1f7 --- /dev/null +++ b/back-end/src/static/css/colors.css @@ -0,0 +1,7 @@ +:root { + --fg: #161925; + --bg: #FDFFFC; + --blue: #235789; + --red: #C1292E; + --yellow: #F1D302; +} diff --git a/back-end/src/static/css/header.css b/back-end/src/static/css/header.css new file mode 100644 index 0000000..0910001 --- /dev/null +++ b/back-end/src/static/css/header.css @@ -0,0 +1,22 @@ +.header nav ul { + display: flex; + list-style: none; +} + +.header { + background-color: var(--fg); + color: var(--bg); +} + +.header a { + color: var(--bg); +} + +.header li { + padding: 2rem 1rem; +} + +.header li:hover { + background-color: var(--bg); + color: var(--fg); +} diff --git a/back-end/src/static/css/reset.css b/back-end/src/static/css/reset.css new file mode 100644 index 0000000..e2b2b8b --- /dev/null +++ b/back-end/src/static/css/reset.css @@ -0,0 +1,11 @@ +* { + margin: 0; + padding: 0; + outline: 0; + border: 0; + font-family: sans-serif; +} + +pre, code { + font-family: monospace; +} diff --git a/back-end/src/templates/index.ejs b/back-end/src/templates/index.ejs index c687a68..7c6d12f 100644 --- a/back-end/src/templates/index.ejs +++ b/back-end/src/templates/index.ejs @@ -5,6 +5,8 @@ Leohl !dworl + + <%- include('partials/links.ejs') %> <%- include('partials/header.ejs') %> diff --git a/back-end/src/templates/member.ejs b/back-end/src/templates/member.ejs index da425bc..a5a8ad0 100644 --- a/back-end/src/templates/member.ejs +++ b/back-end/src/templates/member.ejs @@ -7,6 +7,8 @@ <%= member.name %> + + <%- include('partials/links.ejs') %> diff --git a/back-end/src/templates/members.ejs b/back-end/src/templates/members.ejs index 2a4778a..b8f26d3 100644 --- a/back-end/src/templates/members.ejs +++ b/back-end/src/templates/members.ejs @@ -6,6 +6,8 @@ Liste des membres + + <%- include('partials/links.ejs') %> <%- include('partials/header.ejs') %> diff --git a/back-end/src/templates/notfound.ejs b/back-end/src/templates/notfound.ejs new file mode 100644 index 0000000..e69de29 diff --git a/back-end/src/templates/partials/header.ejs b/back-end/src/templates/partials/header.ejs index aa60070..3de2746 100644 --- a/back-end/src/templates/partials/header.ejs +++ b/back-end/src/templates/partials/header.ejs @@ -1,18 +1,17 @@ -
diff --git a/back-end/src/templates/partials/links.ejs b/back-end/src/templates/partials/links.ejs new file mode 100644 index 0000000..e29f138 --- /dev/null +++ b/back-end/src/templates/partials/links.ejs @@ -0,0 +1,3 @@ + + +