Finalizando example

vikdeb · vikdeb · commit 891c683d0faf · 2023-03-01T21:06:56.000-03:00
diff --git a/src/index.js b/src/index.js
@@ -12,7 +12,7 @@ app.set('view engine', 'ejs');
 
 app.use(indexRoutes);
 
-app.use(express.static(join(__dirname, 'public')))
+app.use(express.static(join(__dirname, 'public')));
 
 app.listen(3000);
 
diff --git a/src/public/css/main.css b/src/public/css/main.css
@@ -0,0 +1,3 @@
+body{
+    background: #202020;
+}
diff --git a/src/public/img/jaba.png b/src/public/img/jaba.png
diff --git a/src/public/main.css b/src/public/main.css
diff --git a/src/views/about.ejs b/src/views/about.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>Document</title>
+    <%- include('partials/head') %>
 </head>
 <body>
     <%- include('partials/navigation') %>
diff --git a/src/views/contact.ejs b/src/views/contact.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>Document</title>
+    <%- include('partials/head') %>
 </head>
 <body>
     <%- include('partials/navigation') %>
diff --git a/src/views/index.ejs b/src/views/index.ejs
@@ -9,5 +9,9 @@
 </head>
 <body>
     <%- include('partials/navigation') %>
+    <header class="container bg-dark vh-100 d-flex justify-content-center align-items-center">
+      <img src="/img/jaba.png" alt="" class="w-25">
+    </header>
+    
 </body>
 </html>
diff --git a/src/views/partials/head.ejs b/src/views/partials/head.ejs
@@ -2,4 +2,4 @@
 <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">
+<link rel="stylesheet" href="/css/main.css">
diff --git a/src/views/partials/navigation.ejs b/src/views/partials/navigation.ejs
@@ -1,7 +1,24 @@
-<nav>
-    <ul>
-        <li><a href="/">home</a></li>
-        <li><a href="/about">about</a></li>
-        <li><a href="/contact">contact</a></li>
-    </ul>
-</nav>
+<nav class="navbar navbar-expand-lg bg-black navbar-dark">
+    <div class="container">
+      <a class="navbar-brand" href="">Nodejs</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav ms-auto">
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="/about">About</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="/contact">Contact</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link disabled">Disabled</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+body{`
	`2`	`+ background: #202020;`
	`3`	`+}`