diff --git a/assets/css/common.css b/assets/css/common.css index 890bcbb..c2bdcd6 100644 --- a/assets/css/common.css +++ b/assets/css/common.css @@ -1,5 +1,6 @@ @import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); body { min-height: 100vh; @@ -9,6 +10,10 @@ body { font-family: 'Montserrat', sans-serif; } +.lato { + font-family: 'Lato', sans-serif; +} + .noto-sans { font-family: 'Noto Sans', sans-serif; } @@ -61,4 +66,8 @@ body { .halo-hover:hover { transition: all 500ms; box-shadow: 0 0 100px white; +} + +.width50P { + width: 50%; } \ No newline at end of file diff --git a/assets/css/welcome.css b/assets/css/welcome.css new file mode 100644 index 0000000..955e405 --- /dev/null +++ b/assets/css/welcome.css @@ -0,0 +1,75 @@ +h1 { + font-size: 3.5em; +} + +#header { + position: absolute; + top: 25px; + left: 35px; + right: 35px; + z-index: auto; +} + +.button { + display: inline-block; + text-decoration: none; + border: none; + border-radius: 7px; + padding: 10px 25px; + transition: all 250ms; + margin-bottom: 10px; + font-size: large; +} + +.btn-violet { + background-color: rgb(169, 89, 201); +} + +.btn-violet:hover { + transition: all 250ms; + background-color: rgb(145, 47, 184); +} + +.btn-red { + background-color: #EC7063; +} + +.btn-red:hover { + transition: all, 250ms; + background-color: rgb(211, 59, 42); +} + +.btn-blue { + background-color: rgb(59, 140, 233); +} + +.btn-blue:hover { + transition: all, 250ms; + background-color: rgb(51, 104, 202); +} + +.btn-dark { + background-color: #424949; +} + +.btn-dark:hover { + transition: all, 250ms; + background-color: #282b2b; +} + +.btn-green { + background-color: #2ECC71; +} + +.btn-green:hover { + transition: all, 250ms; + background-color: rgb(20, 172, 53); +} + +body { + background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(90, 92, 106, 1) 0%, rgba(32, 45, 58, 1) 81.3%); +} + +#buttonList, #buttonList2 { + margin-top: 10px; +} \ No newline at end of file diff --git a/welcome.php b/welcome.php index de62370..67de2bb 100644 --- a/welcome.php +++ b/welcome.php @@ -13,32 +13,34 @@ if (!is_connected()) { - Welcome - - + + + + + + + Food inventory - Welcome - -