Agregando contenido y utilizando Boostrap5

vikdeb · vikdeb · commit e9d662ea5bed · 2023-02-28T21:01:26.000-03:00
diff --git a/src/index.js b/src/index.js
@@ -9,8 +9,11 @@ const __dirname = dirname(fileURLToPath(import.meta.url)); //direccionar ruta ab
 
 app.set('views', join(__dirname, 'views'));
 app.set('view engine', 'ejs');
+
 app.use(indexRoutes);
 
+app.use(express.static(join(__dirname, 'public')))
+
 app.listen(3000);
 
 console.log('server is listening on port', 3000)
diff --git a/src/public/main.css b/src/public/main.css
@@ -0,0 +1,3 @@
+body{
+    background: green;
+}
diff --git a/src/views/index.ejs b/src/views/index.ejs
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><%=title%></title>
+  <%- include('partials/head') %>
 </head>
 <body>
     <%- include('partials/navigation') %>
diff --git a/src/views/partials/head.ejs b/src/views/partials/head.ejs
@@ -0,0 +1,5 @@
+<!-- Boostrap5 -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
+
+<!-- custom CSS -->
+<link rel="stylesheet" href="/main.css">
