mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-11-17 02:45:59 +01:00
361 lines
13 KiB
Text
361 lines
13 KiB
Text
<!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="icon" href="ico/favicon.ico" type="image/ico" />
|
|
<link
|
|
rel="icon"
|
|
href="ico/favicon-32x32.png"
|
|
size="32x32"
|
|
type="image/png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
href="ico/favicon-32x32.png"
|
|
size="16x16"
|
|
type="image/png"
|
|
/>
|
|
<link rel="stylesheet" href="css/home.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
|
|
/>
|
|
<title>
|
|
Hyprland - A wayland compositor that doesn't sacrifice on its looks!
|
|
</title>
|
|
|
|
<!--SEO-->
|
|
<meta property="og:site_name" content="Hyprland is a dynamic tiling wayland compositor that offers unique features like smooth animations, dynamic tiling and rounded corners. Learn more by visiting this site!" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://www.hyprland.org/" />
|
|
<meta
|
|
name="twitter:card"
|
|
content="Hyprland is a dynamic tiling wayland compositor that offers unique features like smooth animations, dynamic tiling and rounded corners. Learn more by visiting this site!"
|
|
/>
|
|
<meta
|
|
name="twitter:title"
|
|
content="Hyprland - A wayland compositor that doesn't sacrifice on its looks!"
|
|
/>
|
|
<meta
|
|
name="description"
|
|
content="Hyprland is a dynamic tiling wayland compositor that offers unique features like smooth animations, dynamic tiling and rounded corners. Learn more by visiting this site!"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="tiling wayland compositor, wayland compositor, wayland, hyprland, tiling window manager, linux, arch, twm, x11, sway, bspwm, dwm"
|
|
/>
|
|
<meta name="robots" content="Wiki, https://wiki.hyprland.org" />
|
|
<meta
|
|
name="robots"
|
|
content="Install, https://wiki.hyprland.org/Getting-Started/Installation/"
|
|
/>
|
|
<meta
|
|
name="robots"
|
|
content="Configure, https://wiki.hyprland.org/Configuring/Configuring-Hyprland/"
|
|
/>
|
|
<meta name="robots" content="FAQ, https://wiki.hyprland.org/FAQ/" />
|
|
<meta name="robots" content="Contribute, https://wiki.hyprland.org/Contributing-and-Debugging/" />
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a class="logo" href="https://hyprland.org"><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 class="nav-link" data-value="Wall of Fame" href="https://www.hyprland.org/rices">Wall of Fame</a>
|
|
</li>
|
|
<li><a class="nav-link" data-value="Get Started" href="https://wiki.hyprland.org/Getting-Started/Master-Tutorial/">Get Started</a></li>
|
|
<li><a class="nav-link" data-value="Wiki" href="https://wiki.hyprland.org/">Wiki</a></li>
|
|
<li><a class="nav-link"data-value="FAQ" href="https://wiki.hyprland.org/FAQ/">FAQ</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
<a
|
|
id="cta-github"
|
|
class="cta"
|
|
href="https://github.com/hyprwm/Hyprland"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>Github</a
|
|
>
|
|
<p class="mob-menu">≡</p>
|
|
</header>
|
|
|
|
<div class="top" id="top">
|
|
<div class="text">
|
|
<h2 id="welcome">Welcome to Hyprland!</h2>
|
|
<p>
|
|
A dynamic tiling
|
|
<a
|
|
href="https://wayland.freedesktop.org/"
|
|
class="text-para-link"
|
|
id="link-1"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>Wayland</a
|
|
>
|
|
compositor based on
|
|
<a
|
|
href="https://way-cooler.org/book/wlroots_introduction.html"
|
|
class="text-para-link"
|
|
id="link-2"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>wlroots</a
|
|
>
|
|
that doesn't sacrifice on its looks.
|
|
</p>
|
|
<a
|
|
id="install-hypr"
|
|
href="https://wiki.hyprland.org/Getting-Started/Installation/"
|
|
>
|
|
<div>
|
|
<p>Install Hyprland</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="slide" class="top">
|
|
<div id="slide-content">
|
|
<div class="swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img1.png" id="slide-img" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img2.png" id="slide-img" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img3.png" id="slide-img" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img4.png" id="slide-img" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img5.png" id="slide-img" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="imgs/img6.png" id="slide-img" />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination" style="color: #cfe8f6"></div>
|
|
|
|
<div class="swiper-button-prev" style="color: #cfe8f6"></div>
|
|
<div class="swiper-button-next" style="color: #cfe8f6"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="features">
|
|
<h1 id="features-text">Features</h1>
|
|
<div class="animation">
|
|
<div id="ani-vid">
|
|
<video
|
|
class="animatedVideo"
|
|
src="videos/windows.mp4"
|
|
muted
|
|
loop
|
|
></video>
|
|
</div>
|
|
<div id="ani-text">
|
|
<h1 style="padding-bottom: 15px">
|
|
Smooth<br />
|
|
Animations
|
|
</h1>
|
|
<p>
|
|
Hyprland offers smooth and responsive animations, be it when
|
|
switching between windows, changing a workspace or opening an app
|
|
launcher, on top of being highly customizable!
|
|
</p>
|
|
<a href="https://wiki.hyprland.org/Configuring/Animations/">
|
|
<div>MORE ABOUT ANIMATIONS</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="tiling" id="tiling">
|
|
<div id="til-text">
|
|
<h1 style="padding-bottom: 15px">
|
|
Dynamic<br />
|
|
Tiling
|
|
</h1>
|
|
<p>
|
|
Tiling in Hyprland is dynamic, meaning it handles the placement of
|
|
windows automatically based on multiple factors. Hyprland supports a
|
|
variety of layouts, each with their own options to fine-tune them to
|
|
your likings.
|
|
</p>
|
|
<a href="https://wiki.hyprland.org/Configuring/Dwindle-Layout/">
|
|
<div>MORE ABOUT TILING</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="til-vid">
|
|
<video
|
|
class="animatedVideo"
|
|
src="videos/tiling.mp4"
|
|
muted
|
|
loop
|
|
></video>
|
|
</div>
|
|
</div>
|
|
<div class="configure">
|
|
<div id="con-vid">
|
|
<video
|
|
class="animatedVideo"
|
|
src="videos/configure.mp4"
|
|
muted
|
|
loop
|
|
></video>
|
|
</div>
|
|
<div id="con-text">
|
|
<h1 style="padding-bottom: 15px">
|
|
Easy<br />
|
|
Configuration
|
|
</h1>
|
|
<p>
|
|
Editing the config file for Hyprland is as easy as editing a text
|
|
document. Be sure to check the
|
|
<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, hit us up
|
|
<a
|
|
id="link-config-discord"
|
|
href="https://discord.com/invite/hQ9XvMUjjr"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>@Discord</a
|
|
>.
|
|
</p>
|
|
<a
|
|
id="feat-text"
|
|
href="https://wiki.hyprland.org/Configuring/Configuring-Hyprland/"
|
|
>
|
|
<div>GET STARTED</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="color: #a3a3a3a5; margin: 0px 10%; height: 2px; border: none; background-color: #a3a3a3a5;" />
|
|
<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
|
|
>
|
|
(thank you guys!).
|
|
</p>
|
|
</div>
|
|
<p id="licence">
|
|
<a
|
|
href="https://github.com/hyprwm/Hyprland/blob/main/LICENSE"
|
|
rel="noopener"
|
|
target="_blank"
|
|
>Hyprland is licensed under the BSD 3-Clause "New" or "Revised"
|
|
License.</a
|
|
>
|
|
</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://www.hyprland.org/rices">Wall Of Fame</a>
|
|
<a href="https://wiki.hyprland.org/Getting-Started/Master-Tutorial/">Get Started</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>
|
|
<script src="js/smooth-view.js"></script>
|
|
<script src="js/github-logo.js"></script>
|
|
<script src="js/play-vid-on-focus.js"></script>
|
|
|
|
<!-- <script>
|
|
let myDiv = document.getElementById("top");
|
|
myDiv.style.height = window.innerHeight + "px";
|
|
</script> -->
|
|
</body>
|
|
</html>
|