Add option for create post on Homepage

* added post link

* added post option in navbar

* updated css for add-btn

public/css/style.css

@@ -479,3 +479,42 @@ img {
   border-radius: 5px;
   text-align: center;
 }
+
+/*  css for add-btn  */
+
+.add-btn a {
+  position: fixed;
+  bottom: 6vh;
+  right: 5vw;
+  z-index: 100;
+  background-color: black;
+  color: white;
+  height: 10vw;
+  width: 10vw;
+  max-width: 60px;
+  max-height: 60px;
+  border-radius: 50%;
+  font-size: clamp(1rem, 4vw, 2.5rem);
+  animation: 3s infinite pulse;
+  text-decoration: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(0.9);
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.306);
+  }
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 50px transparent;
+  }
+  100% {
+    transform: scale(0.9);
+    box-shadow: 0 0 0 0 transparent;
+  }
+}
+

views/index.ejs

@@ -19,7 +19,7 @@
     <% }) %>
   </ul>
 
-
+<button class="add-btn"><a href="/add-post" %> ">+</a></button>
   <% if (nextPage !== null) { %>
     <a href="/?page=<%= nextPage %>" class="pagination">&lt; View Older Posts</a>
   <% } %>
@@ -29,4 +29,4 @@
 
 
 
-</section>
+</section>

views/partials/header.ejs

@@ -15,6 +15,9 @@
       <li>
         <a href="/admin" class="<%= isActiveRoute('/admin', currentRoute) %>">Login</a>
       </li>
+    <li>
+        <a href="/add-post" class="<%= isActiveRoute('/admin', currentRoute) %>">Post</a>
+      </li>
     </ul>
 
   </nav>