added index.php and its css
This commit is contained in:
Louis Vallat
parent
71009bd737
commit
0990e971a0
18
assets/css/common.css
Normal file
18
assets/css/common.css
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
|
||||||
|
|
||||||
|
.montserrat {
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noto-sans {
|
||||||
|
font-family: 'Noto Sans', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bold-900 {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
76
assets/css/index.css
Normal file
76
assets/css/index.css
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
background: rgb(2, 0, 36);
|
||||||
|
background: -moz-linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
|
||||||
|
background: -webkit-linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
|
||||||
|
background: linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#006f83", GradientType=1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#indexTitle {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 40%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
z-index: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#login {
|
||||||
|
position: fixed;
|
||||||
|
display: block;
|
||||||
|
top: 35px;
|
||||||
|
right: 35px;
|
||||||
|
z-index: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginButton {
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
padding: 12px;
|
||||||
|
border: solid white;
|
||||||
|
border-radius: 15px;
|
||||||
|
transition: all 500ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#loginButton:hover {
|
||||||
|
transition: all 500ms;
|
||||||
|
color: #546a7b;
|
||||||
|
background-color: #fdfdff;
|
||||||
|
box-shadow: 0 0 100px white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Very small devices (portrait phone, 575 and down) */
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
#title {
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#subtitle {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Small devices (landscape phones, 576px and up)*/
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
#title {
|
||||||
|
font-size: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#subtitle {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Large devices (desktops, 992px and up)*/
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#title {
|
||||||
|
font-size: 7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#subtitle {
|
||||||
|
font-size: 2.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
53
assets/css/reset.css
Normal file
53
assets/css/reset.css
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
/* http://meyerweb.com/eric/tools/css/reset/ */
|
||||||
|
/* v1.0 | 20080212 */
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
outline: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
vertical-align: baseline;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remember to define focus styles! */
|
||||||
|
:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remember to highlight inserts somehow! */
|
||||||
|
ins {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
del {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tables still need 'cellspacing="0"' in the markup */
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
34
index.php
Normal file
34
index.php
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
require_once("./assets/php/utils.php")
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<!-- TODO : ADD SEO STUFF -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<link href="/assets/css/reset.css" rel="stylesheet">
|
||||||
|
<link href="/assets/css/common.css" rel="stylesheet">
|
||||||
|
<link href="/assets/css/index.css" rel="stylesheet">
|
||||||
|
<title>Food inventory</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="indexTitle">
|
||||||
|
<h1 class="montserrat white bold-900 big" id="title">Food inventory</h1>
|
||||||
|
<h2 class="white bold-900 noto-sans" id="subtitle">Keep an eye on your food.</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="noto-sans" id="login">
|
||||||
|
<a class="white" href="/login.php" id="loginButton">
|
||||||
|
<?php echo is_connected() ? "Compte\n" : "Connexion\n"; ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user