Removed validate function

public/styles.css

@@ -27,7 +27,6 @@ body {
 
 h1 {
 	font-family: var(--font-titles);
-	text-align: center;
 }
 
 p {
@@ -63,26 +62,25 @@ form {
 	display: flex;
 	flex-direction: column;
 	flex-wrap: wrap;
-	background-color: var(--neutral);
-
+	border: 0.3rem solid var(--neutral);
+	border-radius: 2px;
 	padding: 1rem;
 	width: auto;
 	max-width: 100%;
 }
 
-.backForm {
-	background: none;
-	padding: 0;
-}
+.backForm,
 .deleteForm {
 	background: none;
 	padding: 0;
+	border: none;
 }
 
 .nameAndDate {
 	font-style: italic;
 	justify-content: flex-end;
 	font-size: small;
+	margin-bottom: 0.3rem;
 }
 
 ul {
@@ -91,11 +89,11 @@ ul {
 }
 
 li {
-	background-color: var(--neutral);
+	border: 0.3rem solid var(--neutral);
 	margin-bottom: 1rem;
 	padding: 1rem;
 	border-radius: 2px;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	box-shadow: 6px 2px 4px rgba(0, 0, 0, 0.4);
 	gap: 0.5 rem;
 }
 

src/functions.js

@@ -1,33 +1,3 @@
-// function home(errors = {}, values = {}) {
-// 	const title = 'Create post'
-// 	const needBack = false
-// 	const content = /*html*/ `
-//     <h1>New post</h1>
-//     <form method="POST">
-//       <p>
-//         <label for="nickname">Your Name</label>
-//         <input
-//           id="nickname"
-//           name="nickname"
-//           value="${values.nickname ? sanitize(values.nickname) : ''}"
-//         >
-//         ${validation(errors.nickname)}
-//       </p>
-//       <p>
-//         <label for="message">Text</label>
-//         <textarea
-//         id="message"
-//         name="message">${
-// 					values.message ? sanitize(values.message) : ''
-// 				}</textarea>
-//         ${validation(errors.message)}
-//       </p>
-//       <button class="right-button">Send</button>
-//     </form>
-//   `
-// 	return layout(title, content, needBack)
-// }
-
 function sanitize(string) {
 	return string
 		.replace(/&/g, '&amp;')
@@ -37,12 +7,4 @@ function sanitize(string) {
 		.replace(/'/g, '&#039;')
 }
 
-function validation(message) {
-	if (message) {
-		return `<span style="color: red">${message}</span>`
-	} else {
-		return ''
-	}
-}
-
-module.exports = { sanitize, validation }
+module.exports = { sanitize }

src/server.js

@@ -73,4 +73,8 @@ server.post('/back', (req, res) => {
 	res.redirect('/')
 })
 
+server.post('/showPosts', (req, res) => {
+	res.redirect('/posts')
+})
+
 module.exports = server

views/formPage.ejs

@@ -28,5 +28,9 @@
 
 			<button class="right-button">Send</button>
 		</form>
+		<p></p>
+		<form class="backForm" action="/showPosts" method="POST">
+			<button type="submit">Show Posts</button>
+		</form>
 	</body>
 </html>