Rewrite website

This commit is contained in:
Drew DeVault 2017-10-02 23:36:54 -04:00
parent 44640f466b
commit cf8d3f6895
10 changed files with 23720 additions and 75 deletions

1
.gitignore vendored
View file

@ -1 +1,2 @@
_site/ _site/
.sass-cache

3
.gitmodules vendored Normal file
View file

@ -0,0 +1,3 @@
[submodule "_sass/bootstrap"]
path = _sass/bootstrap
url = https://github.com/twbs/bootstrap

2
_config.yml Normal file
View file

@ -0,0 +1,2 @@
exclude:
- _sass/bootstrap/

View file

@ -1,59 +1,38 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css" /> <link rel="stylesheet" href="/css/master.css" />
<link rel="stylesheet" href="/css/master.css" /> <title>{{ page.title }}</title>
<title>{{ page.title }}</title> </head>
</head> <body>
<body> <div class="container">
<div class="container"> <nav class="navbar navbar-toggleable-md navbar-light">
<div class="row"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="col-md-4"> <span class="navbar-toggler-icon"></span>
<h1> </button>
<img src="/assets/logo.png" id="logo" alt="Sway" /> <a class="navbar-brand" href="/">Sway</a>
</h1> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<p> <ul class="navbar-nav mr-auto">
Sway is a drop-in replacement for the <a href="http://i3wm.org/">i3 <li class="nav-item">
window manager</a>, but for Wayland instead of X11. It works <a class="nav-link" href="https://github.com/swaywm/sway/releases">Releases ≫</a>
with your existing i3 configuration and supports most of i3's features, </li>
and a few extras. <li class="nav-item">
</p> <a class="nav-link" href="https://github.com/swaywm/sway">Source Code ≫</a>
</div> </li>
<div class="col-md-8"> <li class="nav-item">
{{ content }} <a class="nav-link" href="https://github.com/SirCmpwn/sway/wiki">Wiki ≫</a>
</div> </li>
</div> <li class="nav-item">
<a class="nav-link" href="http://webchat.freenode.net/?channels=sway&uio=d4">Support Chat ≫</a>
</li>
</ul>
</div> </div>
<nav class="navbar navbar-dark navbar-fixed-bottom"> </nav>
<div class="container"> <div class="main">
<a href="/" class="navbar-brand">Sway</span> {{ content }}
<ul class="nav navbar-nav"> </div>
<li class="nav-item"> </div>
<a class="nav-link" </body>
href="https://github.com/SirCmpwn/sway/releases">Releases</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://github.com/SirCmpwn/sway">Source code</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="/roadmap">Roadmap</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="https://github.com/SirCmpwn/sway/wiki">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="http://webchat.freenode.net/?channels=sway&uio=d4">IRC channel</a>
</li>
</ul>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>
</body>
</html> </html>

1
_sass/bootstrap Submodule

@ -0,0 +1 @@
Subproject commit 65ffb1c3b6e94440812a2e228cb8e8be512652ec

BIN
assets/patreon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3 KiB

View file

@ -1,35 +1,46 @@
--- ---
--- ---
@import "bootstrap/scss/bootstrap";
html {
height: 100%;
}
body { body {
background-color: #000; background: linear-gradient(to bottom right, #75d3e8, #3c84ac);
color: #fff; background-size: cover;
margin-top: 1rem; background-repeat: no-repeat;
margin-bottom: 5rem; background-attachment: fixed;
margin: 0;
height: 100%;
}
.navbar-light {
margin-bottom: 1rem;
.navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.8);
text-decoration: underline;
}
}
.main a {
color: darken(#014c8c, 10);
text-decoration: underline;
} }
video { video {
max-width: 100%; max-width: 100%;
box-shadow: 0 0 3px 3px #444;
} }
.text-center { .text-center {
text-align: center; text-align: center;
} }
hr { hr {
border-color: white; border-color: white;
}
.table-success {
background-color: green;
}
.table-danger {
background-color: darken(red, 10);
}
nav {
background: black;
} }
#logo { #logo {

1234
css/video-js.css Normal file

File diff suppressed because one or more lines are too long

View file

@ -3,4 +3,35 @@ title: Sway
layout: master layout: master
--- ---
<video src="https://sr.ht/-ssd.webm" controls></video> <div class="row">
<div class="col-md-4">
<h1><img src="/assets/logo.png" id="logo" alt="Sway" /></h1>
<p>
Sway is tiling Wayland compositor and a drop-in replacement for the
<a href="http://i3wm.org/">i3 window manager</a> for X11. It works
with your existing i3 configuration and supports most of i3's
features, plus a few extras.
</p>
<p>
We also maintain the <a href="https://github.com/swaywm/wlroots">wlroots</a>
project to provide a modular basis for Sway and other Wayland compositors
to build upon, and we <a href="https://github.com/swaywm/sway-protocols">
publish standards</a> for interopable Wayland desktops.
</p>
<a rel="noopener noreferrer" target="_blank" href="https://patreon.com/sircmpwn">
<img src="/assets/patreon.png" alt="Support Sway on Patreon" />
</a>
</div>
<div class="col-md-8">
<link rel="stylesheet" href="/css/video-js.css">
<script>
window.HELP_IMPROVE_VIDEOJS = false;
</script>
<script src="/js/video.js"></script>
<video class="video-js vjs-16-9" data-setup="{}" controls>
<source src="https://sr.ht/lJ9C.webm" type="video/webm">
<p>Your browser does not support HTML5 video.</p>
</video>
</div>
</div>

22383
js/video.js Normal file

File diff suppressed because one or more lines are too long