Post Routing

Author: ishandeveloper

index.js

@@ -28,9 +28,7 @@ app.get('/', (req, res) => {
  // title: posts
  });
 });
-// app.get('/posts',(req,res)=>res.render('post.ejs'));
 app.get('/posts/:activepost',(req,res)=>{
- // console.log(req.params.activepost);
  posts.forEach((post)=>{
  if(_.lowerCase(post.title)==_.lowerCase(req.params.activepost)){
  res.render('post.ejs',{

public/css/style.css

@@ -97,6 +97,10 @@
  color: black;
  /* font-weight: bold; */
 }
+.post-title-mod{
+ font-size: 2.5em;
+ font-weight: 700;
+}
 .compose-hero{
  text-transform: capitalize;
  font-size: 2em;

views/home.ejs

@@ -25,9 +25,9 @@
  <label class="post-published">Published On <span class="date">
  1 Jan 2020
  </span></label>
- <button class="read-more">
+ <a href="/posts/<%= posts[i].title %>"><button class="read-more">
  Read More
- </button>
+ </button></a>
  </div>
  </div>
  </div>

views/partials/header.ejs

@@ -13,7 +13,7 @@
  <nav class="nav-desk">
  <center>
  <div class="nav-logo">
- <a class="nav-title" href="index.html">
+ <a class="nav-title" href="/">
  Blog | <span>ishandeveloper</span>
  <!-- <span>by ishandeveloper</span> -->
  </a>

views/post.ejs

@@ -13,7 +13,7 @@
 
  <div class="jumbotron jumbotron-fluid post-container">
  <div class="container">
- <h1 class="display-4 post-title">
+ <h1 class="display-4 post-title post-title-mod">
  <%= title %>
  </h1>
  <p class="lead post-content">