added a rices page

This commit is contained in:
vaxerski 2022-12-20 19:40:34 +00:00
parent cc895d5f6a
commit 1bcf459a2b
9 changed files with 319 additions and 191 deletions

View file

@ -11,6 +11,9 @@ app.get("/", (req,res) => {
res.render("home") res.render("home")
}) })
app.get("/rices", (req, res) => {
res.render("rices")
})
app.get("*", (req, res) => { app.get("*", (req, res) => {
res.render("404") res.render("404")

21
public/css/rices.css Normal file
View file

@ -0,0 +1,21 @@
.ricestext p {
font-family: "Sofia-Pro-Medium";
font-size: 20px;
color: #cfe8f6;
}
.bigtext {
font-family: "JosefinSans-Regular";
color: #cfe8f6;
font-size: 5rem;
}
.ricestop {
background-color: #1a1a2e;
display: block;
}
.compimage {
max-width: 60vw;
display: block;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 817 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 607 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

View file

@ -1,17 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="shortcut icon" href="ico/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/home.css" /> <link rel="stylesheet" href="css/home.css" />
<link <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
/>
<title>Hyprland</title> <title>Hyprland</title>
</head> </head>
<body> <body>
<header> <header>
@ -19,6 +18,7 @@
<nav> <nav>
<ul class="nav__links"> <ul class="nav__links">
<li><a id="home-full" href="https://hyprland.org">Hyprland</a></li> <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">Wiki</a></li>
<li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li> <li><a href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
</ul> </ul>
@ -32,26 +32,18 @@
<h2 id="welcome">Welcome to Hyprland!</h2> <h2 id="welcome">Welcome to Hyprland!</h2>
<p> <p>
A dynamic tiling A dynamic tiling
<a <a href="https://wayland.freedesktop.org/" class="text-para-link" id="link-1" target="_blank"
href="https://wayland.freedesktop.org/" rel="noopener">Wayland</a>
class="text-para-link"
id="link-1"
target="_blank"
rel="noopener"
>Wayland</a
>
compositor based on compositor based on
<a <a href="https://way-cooler.org/book/wlroots_introduction.html" class="text-para-link" id="link-2"
href="https://way-cooler.org/book/wlroots_introduction.html" target="_blank" rel="noopener">wlroots</a>
class="text-para-link"
id="link-2"
target="_blank"
rel="noopener"
>wlroots</a
>
that doesn't sacrifice on its looks. that doesn't sacrifice on its looks.
</p> </p>
<a id="install-hypr" href="https://wiki.hyprland.org/Getting-Started/Installation/"><div><p>Install Hyprland</p></div></a> <a id="install-hypr" href="https://wiki.hyprland.org/Getting-Started/Installation/">
<div>
<p>Install Hyprland</p>
</div>
</a>
</div> </div>
<div id="slide" class="top"> <div id="slide" class="top">
<div id="slide-content"> <div id="slide-content">
@ -101,7 +93,9 @@
<p>Hyprland offers smooth and responsive animations, be it when <p>Hyprland offers smooth and responsive animations, be it when
switching between windows, changing a workspace or opening switching between windows, changing a workspace or opening
an app launcher, on top of being highly customizable!</p> an app launcher, on top of being highly customizable!</p>
<a href="https://wiki.hyprland.org/Configuring/Animations/"><div>MORE ABOUT ANIMATIONS</div></a> <a href="https://wiki.hyprland.org/Configuring/Animations/">
<div>MORE ABOUT ANIMATIONS</div>
</a>
</div> </div>
</div> </div>
<div class="tiling"> <div class="tiling">
@ -111,7 +105,9 @@
of windows automatically based on multiple factors. of windows automatically based on multiple factors.
Hyprland supports a variety of layouts, each with their own options Hyprland supports a variety of layouts, each with their own options
to fine-tune them to your likings.</p> to fine-tune them to your likings.</p>
<a href="https://wiki.hyprland.org/Configuring/Dwindle-Layout/"><div>MORE ABOUT TILING</div></a> <a href="https://wiki.hyprland.org/Configuring/Dwindle-Layout/">
<div>MORE ABOUT TILING</div>
</a>
</div> </div>
<div id="til-vid"> <div id="til-vid">
@ -130,13 +126,12 @@
<a href="https://wiki.hyprland.org/" id="link-config">Wiki Page</a> for information <a href="https://wiki.hyprland.org/" id="link-config">Wiki Page</a> for information
about the config options, features and syntax. If you still feel lost, about the config options, features and syntax. If you still feel lost,
hit us up hit us up
<a <a id="link-config-discord" href="https://discord.com/invite/hQ9XvMUjjr" target="_blank"
id="link-config-discord" rel="noopener">@Discord</a>.
href="https://discord.com/invite/hQ9XvMUjjr" </p>
target="_blank" <a id="feat-text" href="https://wiki.hyprland.org/Configuring/Configuring-Hyprland/">
rel="noopener" <div>GET STARTED</div>
>@Discord</a>.</p> </a>
<a id="feat-text" href="https://wiki.hyprland.org/Configuring/Configuring-Hyprland/"><div>GET STARTED</div></a>
</div> </div>
</div> </div>
</div> </div>
@ -146,7 +141,8 @@
</h1> </h1>
</div> </div>
<div class="get-started"> <div class="get-started">
<div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div> <div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a>
</div>
</div> </div>
<hr style="color: #a3a3a3a5; margin: 0px 10%;"> <hr style="color: #a3a3a3a5; margin: 0px 10%;">
<footer> <footer>
@ -156,34 +152,17 @@
<div id="devs"> <div id="devs">
<p> <p>
Developers - Developers -
<a <a href="https://github.com/vaxerski" target="_blank" rel="noopener">Vaxerski (Lead Developer)</a>
href="https://github.com/vaxerski"
target="_blank"
rel="noopener"
>Vaxerski (Lead Developer)</a>
<span>,</span> <span>,</span>
<a <a class="site" href="https://github.com/System-x64" target="_blank" rel="noopener">
class="site"
href="https://github.com/System-x64"
target="_blank"
rel="noopener">
System-x64 (Website Stuff)</a> System-x64 (Website Stuff)</a>
<span>,</span> <span>,</span>
<a <a href="https://github.com/fufexan" target="_blank" rel="noopener">Fufexan (Supporting Developer)</a>
href="https://github.com/fufexan"
target="_blank"
rel="noopener">Fufexan (Supporting Developer)</a>
<span>,</span> <span>,</span>
<a <a href="https://github.com/ThatOneCalculator" target="_blank" rel="noopener">
href="https://github.com/ThatOneCalculator"
target="_blank"
rel="noopener">
ThatOneCalculator (Package Maintainer)</a> ThatOneCalculator (Package Maintainer)</a>
<span> and </span> <span> and </span>
<a <a href="https://github.com/hyprwm/Hyprland/graphs/contributors" target="_blank" rel="noopener">
href="https://github.com/hyprwm/Hyprland/graphs/contributors"
target="_blank"
rel="noopener">
our fellow contributors</a>. our fellow contributors</a>.
</p> </p>
</div> </div>
@ -192,13 +171,17 @@
</div> </div>
<div class="footer-icons"> <div class="footer-icons">
<a href="https://github.com/hyprwm/Hyprland" target="_blank" rel="noopener"> <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"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github"
<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" /> 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> </svg>
</a> </a>
<a href="https://discord.com/invite/hQ9XvMUjjr" target="_blank" rel="noopener"> <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"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord"
<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"/> 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> </svg>
</a> </a>
</div> </div>
@ -215,4 +198,5 @@
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="js/swiper.js"></script> <script src="js/swiper.js"></script>
</body> </body>
</html> </html>

120
views/rices.ejs Normal file
View file

@ -0,0 +1,120 @@
<!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/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>
</head>
<body>
<header>
<a class="logo" href="/"><img src="imgs/hyprland.png" alt="logo"></a>
<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 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">&equiv;</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>
<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>
<hr style="color: #a3a3a3a5; margin: 0px 10%;" />
<footer>
<div class="footer-text">
<p style="margin-top: 10px">&#169; Hyprland Development 2022</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>
<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">&times;</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>