mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-12-22 10:19:49 +01:00
Some styling changes (buttons, hover effects, and centered wall of fame rices) (#12)
* Update home.css * Update home.css * Changed width of rice showcase images and capitalized fame * Centered the wall of fame description and the images (+responsivity) * deleted old stuff which I had commented out * Rewrite 404 * Changed wrong 404 page title from 'Hyprland' to 'Oops ...'
This commit is contained in:
Azlan Rafiq
GitHub
parent
fbb5ffcb80
commit
0ada531199
8 changed files with 263 additions and 253 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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;;
|
||||
}
|
||||
}
|
||||
BIN
public/imgs/404.png
Normal file
BIN
public/imgs/404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
141
views/404.ejs
141
views/404.ejs
|
|
@ -1,52 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" href="ico/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="css/404.css" />
|
||||
<title>Oopsy...</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content-center" class="content-center">
|
||||
<header id="header" class="header">
|
||||
<div id="header-logo-div" class="header">
|
||||
<a href="/">
|
||||
<img
|
||||
id="header-logo"
|
||||
class="header"
|
||||
src="svg/hyprland.svg"
|
||||
alt="Hyprland Logo"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="header-links-div" class="header">
|
||||
<div id="header-links" class="header">
|
||||
<a id="header-link-home" class="header-link" href="/">Hyprland</a>
|
||||
<a id="header-link-install" class="header-link" href="/install"
|
||||
>Install</a
|
||||
>
|
||||
<a id="header-link-configure" class="header-link" href="/configure"
|
||||
>Configure</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div id="links-out" class="header-out">
|
||||
<div id="github" class="header-out">
|
||||
<a
|
||||
id="link-github"
|
||||
href="https://github.com/hyprwm/Hyprland"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Github</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="div-img"><img src="svg/login.svg" alt=""></div>
|
||||
<div id="div-text"><h1>Page Not Found!</h1><p>Look where you land, open seas and empty hands</p><a href="/"><button>Return Home</button></a></div>
|
||||
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="ico/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="css/home.css" />
|
||||
<link rel="stylesheet" href="css/404.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
|
||||
<title>Oops ...</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
|
||||
<a class="logo" href="/"><img src="imgs/hyprland.png" alt="logo"></a>
|
||||
<nav>
|
||||
<ul class="nav__links">
|
||||
<li><a id="home-full" href="https://hyprland.org">Hyprland</a></li>
|
||||
<li><a href="https://hyprland.org/rices">Wall of Fame</a></li>
|
||||
<li><a href="https://wiki.hyprland.org">Wiki</a></li>
|
||||
<li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<a class="cta" href="https://github.com/hyprwm/Hyprland" target="_blank" rel="noopener">Github</a>
|
||||
<p class="mob-menu">≡</p>
|
||||
</header>
|
||||
|
||||
<div class="con404">
|
||||
|
||||
<img src="imgs/404.png" alt="not found?">
|
||||
|
||||
<h1>Page Not Found!</h1>
|
||||
<p>Look where you land, open seas and empty hands</p>
|
||||
<a href="/"><button>Return to Home</button></a>
|
||||
</div>
|
||||
|
||||
<hr style="color: #a3a3a3a5; margin: 0px 10%;">
|
||||
<footer>
|
||||
<div class="footer-text">
|
||||
|
||||
<p style="margin-top: 10px">© Hyprland Development 2023</p>
|
||||
<div id="devs">
|
||||
<p>
|
||||
Developers -
|
||||
<a href="https://github.com/vaxerski" target="_blank" rel="noopener">Vaxerski (Lead Developer)</a>
|
||||
<span>,</span>
|
||||
<a class="site" href="https://github.com/System-x64" target="_blank" rel="noopener">
|
||||
System-x64 (Website Stuff)</a>
|
||||
<span>,</span>
|
||||
<a href="https://github.com/fufexan" target="_blank" rel="noopener">Fufexan (Supporting Developer)</a>
|
||||
<span>,</span>
|
||||
<a href="https://github.com/ThatOneCalculator" target="_blank" rel="noopener">
|
||||
ThatOneCalculator (Package Maintainer)</a>
|
||||
<span> and </span>
|
||||
<a href="https://github.com/hyprwm/Hyprland/graphs/contributors" target="_blank" rel="noopener">
|
||||
our fellow contributors</a>.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<p style=" margin-top: 20px; margin-bottom: 10px;">Hyprland is licensed under the BSD 3-Clause "New" or "Revised"
|
||||
License.</p>
|
||||
</div>
|
||||
<div class="footer-icons">
|
||||
<a href="https://github.com/hyprwm/Hyprland" target="_blank" rel="noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github"
|
||||
viewBox="0 0 16 16">
|
||||
<path color="#a3a3a3a5"
|
||||
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://discord.com/invite/hQ9XvMUjjr" target="_blank" rel="noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord"
|
||||
viewBox="0 0 16 16">
|
||||
<path color="#a3a3a3a5"
|
||||
d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
<div id="mobile__menu" class="overlay">
|
||||
<a id="close-id" class="close">×</a>
|
||||
<div class="overlay__content">
|
||||
<a id="home" href="https://hyprland.org">Hyprland</a>
|
||||
<a href="https://wiki.hyprland.org">Wiki</a>
|
||||
<a href="https://wiki.hyprland.org/FAQ/">FAQ</a>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/mobile.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||
<script src="js/swiper.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
<nav>
|
||||
<ul class="nav__links">
|
||||
<li><a id="home-full" href="https://hyprland.org">Hyprland</a></li>
|
||||
<li><a href="https://hyprland.org/rices">Wall of fame</a></li>
|
||||
<li><a href="https://hyprland.org/rices">Wall of Fame</a></li>
|
||||
<li><a href="https://wiki.hyprland.org">Wiki</a></li>
|
||||
<li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="stylesheet" href="css/home.css" />
|
||||
<link rel="stylesheet" href="css/rices.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
|
||||
<title>Hyprland - Wall of fame</title>
|
||||
<title>Hyprland - Wall of Fame</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
<nav>
|
||||
<ul class="nav__links">
|
||||
<li><a href="https://hyprland.org">Hyprland</a></li>
|
||||
<li><a id="home-full" href="https://hyprland.org/rices">Wall of fame</a></li>
|
||||
<li><a id="home-full" href="https://hyprland.org/rices">Wall of Fame</a></li>
|
||||
<li><a href="https://wiki.hyprland.org">Wiki</a></li>
|
||||
<li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
|
||||
</ul>
|
||||
|
|
@ -27,37 +27,22 @@
|
|||
<p class="mob-menu">≡</p>
|
||||
</header>
|
||||
|
||||
<div class="ricestop text">
|
||||
<p class="bigtext" style="font-size: 3rem">Wall of fame</p>
|
||||
<br />
|
||||
<p>
|
||||
Wall of fame documents the winning rices from past ricing competitons held on our Discord server.
|
||||
</p>
|
||||
<div class="wofdiv">
|
||||
<h1>Wall of Fame</h1>
|
||||
<p>The Wall of Fame documents the winning rices from past ricing competitons held on our Discord server.</p>
|
||||
</div>
|
||||
|
||||
<hr style="color: #a3a3a3a5; margin: 0px 10%;" />
|
||||
|
||||
<div class="ricestop text">
|
||||
<p class="bigtext" style="font-size: 2.5rem">December 2022</p>
|
||||
<br />
|
||||
<p>
|
||||
#1: Flafy
|
||||
<img class="compimage" src="imgs/ricingcomp1/flafy.png" />
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
#2 ex aequo: flick0
|
||||
<img class="compimage" src="imgs/ricingcomp1/flicko.png" /><br /><br />
|
||||
amadeus
|
||||
<img class="compimage" src="imgs/ricingcomp1/amadeus.png" />
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
#3 ex aequo: lyasm
|
||||
<img class="compimage" src="imgs/ricingcomp1/lyasm.png" /><br /><br />
|
||||
lauroro
|
||||
<img class="compimage" src="imgs/ricingcomp1/lauroro.jpg" />
|
||||
</p>
|
||||
<div class="ricewins">
|
||||
<ul>
|
||||
<li class="month" style="font-size: 2.5rem;">December 2022</li>
|
||||
<li class="win-text">#1: Flafy<br><br><img src="imgs/ricingcomp1/flafy.png"></li>
|
||||
<li class="win-text">#2: (<i>ex aequo</i>) flick0<br><br><img src="imgs/ricingcomp1/flicko.png"></li>
|
||||
<li class="win-text">#2: (<i>ex aequo</i>) amadeus<br><br><img src="imgs/ricingcomp1/amadeus.png"></li>
|
||||
<li class="win-text">#3: (<i>ex aequo</i>) Lyasm<br><br><img src="imgs/ricingcomp1/Lyasm.png"></li>
|
||||
<li class="win-text">#3: (<i>ex aequo</i>) lauroro<br><br><img src="imgs/ricingcomp1/lauroro.jpg"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<hr style="color: #a3a3a3a5; margin: 0px 10%;" />
|
||||
|
|
|
|||
45
views/temp_404.ejs
Normal file
45
views/temp_404.ejs
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" href="ico/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="css/404.css" />
|
||||
<link rel="stylesheet" href="css/home.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
|
||||
<title>Oopsy...</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a class="logo" href="/"><img src="imgs/hyprland.png" alt="logo"></a>
|
||||
<nav>
|
||||
<ul class="nav__links">
|
||||
<li><a id="home-full" href="https://hyprland.org">Hyprland</a></li>
|
||||
<li><a href="https://hyprland.org/rices">Wall of Fame</a></li>
|
||||
<li><a href="https://wiki.hyprland.org">Wiki</a></li>
|
||||
<li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<a class="cta" href="https://github.com/hyprwm/Hyprland" target="_blank" rel="noopener">Github</a>
|
||||
<p class="mob-menu">≡</p>
|
||||
</header>
|
||||
|
||||
<div class="con404"></div>
|
||||
<div id="div-img"><img src="svg/login.svg" alt=""></div>
|
||||
<div id="div-text"><h1>Page Not Found!</h1><p>Look where you land, open seas and empty hands</p><a href="/"><button>Return Home</button></a></div>
|
||||
|
||||
<div id="mobile__menu" class="overlay">
|
||||
<a id="close-id" class="close">×</a>
|
||||
<div class="overlay__content">
|
||||
<a id="home" href="https://hyprland.org">Hyprland</a>
|
||||
<a href="https://wiki.hyprland.org">Wiki</a>
|
||||
<a href="https://wiki.hyprland.org/FAQ/">FAQ</a>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/mobile.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||
<script src="js/swiper.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue