flifloo/image_node
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Somme CSS for the eyes

Browse source
This commit is contained in:
Ethanell 2020-04-26 21:25:55 +02:00
parent 97264f5e1d
commit f72061057e
4 changed files with 60 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
public/css/main.css Normal file
View file

@ -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;
}

2
views/index.pug
View file

@ -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

1
views/layout.pug
View file

@ -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

12
views/login.pug
View file

@ -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