Somme CSS for the eyes

public/css/main.css

@@ -0,0 +1,51 @@
+body {
+	background-color: #8EC5FC;
+	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
+}
+
+h1 {
+	width: fit-content;
+	padding: 0.3em;
+	margin: auto auto 0.4em auto;
+	text-align: center;
+	border-bottom-width: 1px;
+	border-bottom-color: black;
+	border-bottom-style: solid;
+}
+
+h2 {
+	text-align: center;
+}
+
+.fail {
+	color: red;
+}
+
+p {
+	text-align: center;
+}
+
+form {
+	background-color: #a7a4a459;
+	border-radius: 0.7em;
+	display: flex;
+	align-items: center;
+	align-content: center;
+	flex-direction: column;
+	justify-content: center;
+	width: fit-content;
+	height: fit-content;
+	margin: auto;
+	padding: 1em;
+}
+
+form>div {
+	margin: 0.3em;
+}
+
+.file_button::-webkit-file-upload-button, button {
+	border-radius: 0.3em;
+	border-width: 0em;
+	padding: 0.5em;
+}
+

views/index.pug

@@ -2,6 +2,6 @@ extend layout
 block content
 	h1 Image Node
 	form(method="POST", action="/upload", enctype="multipart/form-data")
-		input(type="file", name="image", accept="image/*")
+		input.file_button(type="file", name="image", accept="image/*")
 		button(type="submit") Upload
 

views/layout.pug

@@ -6,6 +6,7 @@ html(lang="en")
 			title Image Node - #{title} 
 		else
 			title Image Node
+		link(rel="stylesheet", href="/css/main.css")
 	body
 		block content
 

views/login.pug

@@ -2,11 +2,13 @@ extend layout
 block content
 	h1 Login
 	if fail
-		h2 Invalid loggin !
+		h2.fail Invalid loggin !
 	form(method="POST", action="/login")
-		label(for="username") Username: 
+		div
-		input#username(type="text", name="username")
+			label(for="username") Username: 
-		label(for="password") Password: 
+			input#username(type="text", name="username")
-		input#password(type="password", name="password")
+		div
+			label(for="password") Password: 
+			input#password(type="password", name="password")
 		button(type="submit") Login