Anri/Constnium
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages 1 Wiki Activity

better style

Browse source
This commit is contained in:
Mylloon 2022-06-23 17:12:10 +02:00
parent 841da793e5
commit 510ca35c87
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 29 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
public/css/style.css
View file

@ -1,15 +1,34 @@
.form-control { /* Center divs */
width: 50% !important; .center {
text-align: center; text-align: center;
padding-left: 2%;
padding-right: 2%;
} }
/* Input */
.form-control[type="text"] {
margin: auto;
width: 50%;
font-size: 24px;
}
/* Size of block displaying informations */
.firstname-constant { .firstname-constant {
height: 15em; height: 13em;
min-height: 15em;
max-height: 15em;
} }
/* Size of information's text */
.firstname-constant p { .firstname-constant p {
text-align: center; font-size: 60px;
font-size: 5em; }
/* Drop the size of the text when screen is small */
@media only screen and (max-width : 850px) {
.firstname-constant {
height: 7em;
}
.firstname-constant p {
font-size: 28px;
}
} }

6
src/views/index.ejs
View file

@ -27,12 +27,12 @@
<body> <body>
<img src="images/logo.webp" class="img-fluid mx-auto d-block" alt="Banner"> <img src="images/logo.webp" class="img-fluid mx-auto d-block" alt="Banner">
<input id="firstname" class="form-control form-control-lg mx-auto d-block" type="text" placeholder="<%- firstname_placeholder %>" autofocus> <input id="firstname" class="form-control center" type="text" placeholder="<%- firstname_placeholder %>" autofocus>
<div class="firstname-constant"></div> <div class="center firstname-constant"></div>
<hr> <hr>
<figure class="text-center"> <figure class="center">
<%- readme %> <%- readme %>
</figure> </figure>