add ejs partial for shared header across pages

JustinZYen · Sep 29, 2024 · a232720 · a232720
1 parent 58e5c48
commit a232720
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 41 deletions.
diff --git a/app.js b/app.js
@@ -5,7 +5,7 @@ var cookieParser = require('cookie-parser');
 var logger = require('morgan');
 
 var indexRouter = require('./routes/index');
-var usersRouter = require('./routes/users');
+var contactRouter = require('./routes/contact');
 
 var app = express();
 
@@ -20,7 +20,7 @@ app.use(cookieParser());
 app.use(express.static(path.join(__dirname, 'public')));
 
 app.use('/', indexRouter);
-app.use('/users', usersRouter);
+app.use('/contact', contactRouter);
 
 // catch 404 and forward to error handler
 app.use(function(req, res, next) {

diff --git a/routes/users.js → routes/contact.js b/routes/users.js → routes/contact.js
@@ -3,7 +3,7 @@ var router = express.Router();
 
 /* GET users listing. */
 router.get('/', function(req, res, next) {
-  res.send('respond with a resource');
+  res.render("contact");
 });
 
 module.exports = router;
diff --git a/src/index.html b/src/index.html
diff --git a/views/contact.ejs b/views/contact.ejs
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+
+    </head>
+    <body>
+        <%- include("nav-bar")%>
+        Contact Page!!!
+    </body>
+</html>
diff --git a/views/index.ejs b/views/index.ejs
@@ -7,11 +7,7 @@
         <link rel="stylesheet" href="/stylesheets/page.css">
     </head>
     <body>
-        <div id="nav-bar">
-            <a href="https://github.com/JustinZYen">Github</a>
-            <a href="https://www.linkedin.com/in/justin-yen-77a2a52a5/">LinkedIn</a>
-            <a>Contact Me (doesn't work)</a>
-        </div>
+        <%- include("nav-bar")%>
         <div id="title-page">
             <h1>Justin Yen</h1>
             <h2>Computer Science Student at ASU's Barrett, the Honors College</h2>

diff --git a/views/nav-bar.ejs b/views/nav-bar.ejs
@@ -0,0 +1,6 @@
+<div id="nav-bar">
+    <a href="./">Home</a>
+    <a href="https://github.com/JustinZYen">Github</a>
+    <a href="https://www.linkedin.com/in/justin-yen-77a2a52a5/">LinkedIn</a>
+    <a href="./contact">Contact Me (doesn't work)</a>
+</div>