ndacremont/lego
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use static files to share css between templates

Browse Source
This commit is contained in:
Nemo D'ACREMONT 2024-11-17 09:20:22 +01:00
parent 72d04bdab1
commit dc68a07a1b
No known key found for this signature in database
GPG Key ID: 6E5BCE8022FA8276
10 changed files with 64 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
back-end/src/routes/index.ts
View File

@ -1,9 +1,11 @@
import express from 'express'; import express from 'express';
import path from 'path';
import db from '../db'; import db from '../db';
import { getUsername, verifyAuthentication } from '../middlewares/auth.middleware' import { getUsername, verifyAuthentication } from '../middlewares/auth.middleware'
import authRoute from './auth.route' import authRoute from './auth.route'
import marquesRoute from './marque.route' import marquesRoute from './marque.route'
import memberRouter from './member.route' import memberRouter from './member.route'
import modelRouter from './model.route';
const routes = express.Router(); const routes = express.Router();
@ -17,8 +19,11 @@ routes.get("/message", async (_req, res) => {
res.render('index.ejs', { message }); res.render('index.ejs', { message });
}); });
routes.use("/static", express.static(path.join(__dirname, '../static')));
routes.use("/auth", authRoute); routes.use("/auth", authRoute);
routes.use("/marques", getUsername, verifyAuthentication, marquesRoute); routes.use("/marques", getUsername, verifyAuthentication, marquesRoute);
routes.use("/membres", memberRouter); routes.use("/membres", memberRouter);
routes.use("/models", modelRouter);
export default routes; export default routes;

7
back-end/src/static/css/colors.css Normal file
View File

@ -0,0 +1,7 @@
:root {
--fg: #161925;
--bg: #FDFFFC;
--blue: #235789;
--red: #C1292E;
--yellow: #F1D302;
}

22
back-end/src/static/css/header.css Normal file
View File

@ -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);
}

11
back-end/src/static/css/reset.css Normal file
View File

@ -0,0 +1,11 @@
* {
margin: 0;
padding: 0;
outline: 0;
border: 0;
font-family: sans-serif;
}
pre, code {
font-family: monospace;
}

2
back-end/src/templates/index.ejs
View File

@ -5,6 +5,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leohl !dworl</title> <title>Leohl !dworl</title>
<%- include('partials/links.ejs') %>
</head> </head>
<body> <body>
<%- include('partials/header.ejs') %> <%- include('partials/header.ejs') %>

2
back-end/src/templates/member.ejs
View File

@ -7,6 +7,8 @@
<title> <title>
<%= member.name %> <%= member.name %>
</title> </title>
<%- include('partials/links.ejs') %>
</head> </head>
<body> <body>

2
back-end/src/templates/members.ejs
View File

@ -6,6 +6,8 @@
<title> <title>
Liste des membres Liste des membres
</title> </title>
<%- include('partials/links.ejs') %>
</head> </head>
<body> <body>
<%- include('partials/header.ejs') %> <%- include('partials/header.ejs') %>

0
back-end/src/templates/notfound.ejs Normal file
View File

15
back-end/src/templates/partials/header.ejs
View File

@ -1,18 +1,17 @@
<style>
.header nav ul {
display: flex;
list-style: none;
}
</style>
<header class="header"> <header class="header">
<nav> <nav>
<ul> <ul>
<li>
<a href="/membres"> <a href="/membres">
<li>
Membres Membres
</a>
</li> </li>
</a>
<a href="/models">
<li>
Modèles
</li>
</a>
</ul> </ul>
</nav> </nav>
</header> </header>

3
back-end/src/templates/partials/links.ejs Normal file
View File

@ -0,0 +1,3 @@
<link href="/static/css/colors.css" rel="stylesheet" />
<link href="/static/css/header.css" rel="stylesheet" />
<link href="/static/css/reset.css" rel="stylesheet" />