feat: add footer and styling

nodejs-mini-message-board/src/public/script.js

@@ -2,3 +2,5 @@ function test(event) {
   const messageId = event.target.dataset.messageId;
   window.location.href = `comment?id=${messageId}`;
 }
+
+document.getElementById("year").textContent = `${new Date().getFullYear()}`;

nodejs-mini-message-board/src/public/styles.css

@@ -4,6 +4,25 @@
   background-color: #eff3ea;
 }
 
+html,
+body {
+  min-height: 100vh;
+  margin: 0;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+}
+
+footer {
+  flex: 1;
+  align-self: center;
+  align-items: end;
+  display: flex;
+  margin-bottom: 5px;
+}
+
 a {
   color: #86a788;
   font-weight: 600;

nodejs-mini-message-board/src/views/footer.ejs

@@ -1,3 +1,9 @@
+  <footer>
+  <div class="footer">
+  <span>Designed by <a href="https://thecodedom.com/">TheCodeDom</a></span>
+   © <span id="year"></span>
+  </div>
+  </footer>
   <script src="/script.js"></script>
   </body>
 </html>

nodejs-mini-message-board/src/views/index.ejs

@@ -2,7 +2,7 @@
   <%- include('header') %>
 	<div class="container msg-feed"> 
 	<div class="headline">
-	  <h1><a href="new">Join the chat!</a></h1>
+	  <h1><a href="new">Click here to chat!</a></h1>
 	</div>
 	  <% msgs.forEach((msg) => { %>
 	    <div class="card">