diff --git a/public/css/404.css b/public/css/404.css index e08932b..afc3145 100644 --- a/public/css/404.css +++ b/public/css/404.css @@ -1,179 +1,44 @@ -@font-face { - font-family: "LondonBetween"; - src: url("../fonts/LondonBetween.woff") format("woff"); -} - -@font-face { - font-family: "JosefinSans-Regular"; - src: url("../fonts/JosefinSans-Regular.woff") format("woff"); -} -@font-face { - font-family: "Sofia-Pro-Light"; - src: url("../fonts/SofiaProLight.woff") format("woff"); -} - -@font-face { +.con404 { + margin: auto; + text-align: center; + color: #cfe8f6; font-family: "Sofia-Pro-Medium"; - src: url("../fonts/SofiaProMedium.woff") format("woff"); } -@font-face { - font-family: "SourceCodePro-Semibold"; - src: url("../fonts/SourceCodePro-Semibold.woff") format("woff"); -} - -* { - padding: 0px; - margin: 0px; - background-color: #1a1a2e; -} - -#content-center { - margin-left: 10%; - margin-right: 10%; -} - -#header { - display: flex; - background-color: #1a1a2e; - width: auto; - height: 6rem; - -} - -.header { - background-color: #1a1a2e; -} - -#header-logo-div { - width: 240px; -} - - - -#header-logo { - width: auto; - height: 100%; -} - -#header-links { - display: flex; - padding-top: 15%; - width: 260px; -} - -#header-links-div { +.con404 > img { + margin-top: 60px; + margin-bottom: 60px; margin-left: auto; - padding-right: 10rem; + margin-right: auto; + max-height: 40vh; + max-width: 60vw; } -.header-link { - color: #cfe8f6; - font-family: "LondonBetween"; +.con404 > h1 { + margin-bottom: 20px; + font-size: 48px; +} + +.con404 > p { font-size: 20px; - text-decoration: none; - transition: transform 0.2s; + margin-left: 30px; + margin-right: 30px; + margin-bottom: 30px; } - - -.text-para-link:hover { - color: aquamarine; - font-size: 28px; -} - -.text-para-link { - color: #cfe8f6; - font-size: 22px; - transition: font-size 0.2s; -} -#header-link-install { - margin-left: 10%; -} -#header-link-configure { - margin-left: 10%; -} - - - -.header-link:hover { - transform: scale(1.3); - border-bottom: 2px solid aquamarine !important; - color: aquamarine; -} - -#links-out { - margin-left: auto; -} - -#github { - margin-top: 50%; -} - -#link-github { - padding: 15px; +.con404 > a > button{ + padding: 20px; background-color: aquamarine; - font-family: "LondonBetween"; - color: #1a1a2e; - text-decoration: none; + border: solid aquamarine; + border-radius: 0.2rem; + margin-bottom: 60px; + transition: all 0.5s ease; + font-size: 20px; + font-family: "Sofia-Pro-Medium"; } -#github { - transition: transform 0.2s; -} - -#github:hover { +.con404 > a > button:hover { + background-color: #1a1a2e; + color: aquamarine; transform: scale(1.2); } - - -#div-img { - width: fit-content; - height: fit-content; - margin-left: 38%; - margin-top: 5%; - -} - -#div-img img { - width: 300px; - height: 300px; -} - -#div-text { - width: fit-content; - height: fit-content; - margin-left: 35%; -} - -#div-text p { - font-family: "Sofia-Pro-Medium"; - color: #cfe8f6; - font-size: 18px; -} - -#div-text h1 { - font-family: "JosefinSans-Regular"; - color: #cfe8f6; - font-size: 32px; - margin-left: 60px; -} - -#div-text a button { - padding: 20px; - padding-left: 80px; - padding-right: 80px; - margin-left:60px; - margin-top: 20px; - background-color: aquamarine; - border: none; - cursor: pointer; - font-family: "sofia-pro-medium"; - font-size: 18px; - border-radius: 15px; - transition: background-color 0.2s; -} - -#div-text a button:hover { - background-color: aqua; -} diff --git a/public/css/home.css b/public/css/home.css index d1ccfee..c61649c 100644 --- a/public/css/home.css +++ b/public/css/home.css @@ -80,7 +80,8 @@ header { margin-left: 20px; padding: 16px 25px; background-color: aquamarine; - border: none; + border: solid aquamarine; + border-radius: 0.2rem; cursor: pointer; transition: all 0.3s ease 0s; color: #1a1a2e; @@ -88,6 +89,8 @@ header { .cta:hover { transform: scale(1.2); + background-color: #1a1a2e; + color: aquamarine; } @@ -152,6 +155,7 @@ header { background-color: aquamarine; margin-top: 45px; transition: all 0.5s ease; + border-radius: 0.2rem; } #install-hypr div p { @@ -160,6 +164,14 @@ header { background-color: aquamarine; padding-top: 1rem; padding-bottom: 1rem; + border-radius: 0.2rem; + border:solid aquamarine; + transition: all 0.5s ease; +} + +#install-hypr div p:hover { + background-color: #1a1a2e; + color: aquamarine } #install-hypr { @@ -333,10 +345,14 @@ header { background-color: aquamarine; text-align: center; transition: all 0.5s ease; + border-radius: 0.2rem; + border: solid aquamarine; } #ani-text a div:hover { transform: scale(1.2); + color: aquamarine; + background-color: #1a1a2e; } .tiling { @@ -377,6 +393,8 @@ header { margin: 0px 20%; margin-top: 40px; + border-radius: 0.2rem; + border: solid aquamarine; background-color: aquamarine; text-align: center; transition: all 0.5s ease; @@ -384,6 +402,8 @@ header { #til-text a div:hover { transform: scale(1.2); + background-color: #1a1a2e; + color: aquamarine; } .configure { @@ -424,6 +444,8 @@ header { margin: 0px 20%; margin-top: 40px; + border: solid aquamarine; + border-radius: 0.2rem; background-color: aquamarine; text-align: center; transition: all 0.5s ease; @@ -431,6 +453,8 @@ header { #con-text a div:hover { transform: scale(1.2); + background-color: #1a1a2e; + color: aquamarine; } #con-text p a { @@ -508,6 +532,8 @@ header { #get-started-button { width: 330px; + border-radius: 0.2rem; + border: solid aquamarine; background-color: aquamarine; margin-inline: auto; margin-bottom: 160px; @@ -516,6 +542,8 @@ header { #get-started-button:hover { transform: scale(1.2); + background-color: #1a1a2e; + color: aquamarine; } @@ -529,6 +557,12 @@ header { padding: 20px; display: block; text-align: center; + transition: all 0.5s ease; +} + +#get-started-button a:hover { + background-color: #1a1a2e; + color: aquamarine; } diff --git a/public/css/rices.css b/public/css/rices.css index 4a24103..d9292ac 100644 --- a/public/css/rices.css +++ b/public/css/rices.css @@ -1,21 +1,59 @@ -.ricestext p { - font-family: "Sofia-Pro-Medium"; - font-size: 20px; +.wofdiv { + margin: auto; + text-align: center; color: #cfe8f6; } +.wofdiv > h1 { + font-family: "Sofia-Pro-Medium"; + font-size: 48px; + margin-top: 60px; + margin-bottom: 30px; +} + +.wofdiv > p { + margin-bottom: 60px; + font-size: 20px; + font-family: "Sofia-Pro-Medium"; +} + .bigtext { font-family: "JosefinSans-Regular"; color: #cfe8f6; font-size: 5rem; } -.ricestop { - background-color: #1a1a2e; - display: block; +.ricewins { + text-align: center; + margin: auto; + margin-bottom: 60px; } -.compimage { +div.ricewins > ul { + list-style-type: none; +} + +.month { + font-family: "Sofia-Pro-Medium"; + color: #cfe8f6; + margin: 30px; +} + +.win-text { + font-size: 24px; + color: #cfe8f6; + font-family: "Sofia-Pro-Medium"; + margin: 20px; +} + +li.win-text > img { max-width: 60vw; - display: block; +} + +@media only +screen and (max-width: 1000px) { + li.win-text > img { + max-width: 80vw; + min-width: 80vw;; + } } \ No newline at end of file diff --git a/public/imgs/404.png b/public/imgs/404.png new file mode 100644 index 0000000..cb7e484 Binary files /dev/null and b/public/imgs/404.png differ diff --git a/views/404.ejs b/views/404.ejs index 66111b0..d5ac84b 100644 --- a/views/404.ejs +++ b/views/404.ejs @@ -1,52 +1,95 @@ -
- - - - - -