From f72061057e7cd8416dbe09b3a7544ac65e70dd42 Mon Sep 17 00:00:00 2001
From: flifloo <flifloo@gmail.com>
Date: Sun, 26 Apr 2020 21:25:55 +0200
Subject: [PATCH] Somme CSS for the eyes

---
 public/css/main.css | 51 +++++++++++++++++++++++++++++++++++++++++++++
 views/index.pug     |  2 +-
 views/layout.pug    |  1 +
 views/login.pug     | 12 ++++++-----
 4 files changed, 60 insertions(+), 6 deletions(-)
 create mode 100644 public/css/main.css

diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..4ae4208
--- /dev/null
+++ b/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;
+}
+
diff --git a/views/index.pug b/views/index.pug
index 4aee92c..65dde84 100644
--- a/views/index.pug
+++ b/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
 
diff --git a/views/layout.pug b/views/layout.pug
index 74126d0..18eb624 100644
--- a/views/layout.pug
+++ b/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
 
diff --git a/views/login.pug b/views/login.pug
index c8bf955..dbaafd5 100644
--- a/views/login.pug
+++ b/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: 
-		input#username(type="text", name="username")
-		label(for="password") Password: 
-		input#password(type="password", name="password")
+		div
+			label(for="username") Username: 
+			input#username(type="text", name="username")
+		div
+			label(for="password") Password: 
+			input#password(type="password", name="password")
 		button(type="submit") Login