Initial commit
This commit is contained in:
Jason Francis
commit
983a4ebb03
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>wdisplays</title>
|
||||
<style>
|
||||
* { font-family: sans-serif; color: #333; }
|
||||
body { background: #ddd; margin: 0; }
|
||||
.content { width: 1024px; margin: auto; display: flex; }
|
||||
header .container { margin: 0.5em; }
|
||||
header .title { display: flex; flex: 1; }
|
||||
header .icon { width: 78px; margin: 0 8px; }
|
||||
header .text { flex: 1; display: flex; flex-direction: column; align-self: center; }
|
||||
header h1 { font-size: 20pt; font-weight: bold; margin: 0; }
|
||||
header h2 { font-size: 12pt; font-weight: normal; margin: 0; }
|
||||
header .links { display: flex; margin: 0; padding: 0; }
|
||||
header .links li { align-self: stretch; font-size: 12pt; list-style-type: none; margin: 0; }
|
||||
header .links a { padding: 0 2em; display: inline-block; height: 100%; line-height: 67px; vertical-align: middle; }
|
||||
footer .content { color: #888; text-align: center; display: block; padding: 0.5em; }
|
||||
a { color: #1a5fb4; text-decoration: none; }
|
||||
a:hover { color: #2e7ddd; }
|
||||
a:active { color: #448ce1; }
|
||||
#splash { background: #bbb; }
|
||||
#splash li { list-style-type: none; }
|
||||
#splash .text { margin: 0.5em; flex: 1; }
|
||||
#splash h1 { font-size: 12pt; margin: 0.25em 0; }
|
||||
#splash .screenshot img { height: 302px; width: 545px; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.content { width: 100% }
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
#splash .content { flex-direction: column-reverse; }
|
||||
#splash .screenshot img { height: auto; width: 100%; }
|
||||
header h1 { font-size: 12pt; }
|
||||
header h2 { font-size: 8pt; }
|
||||
}
|
||||
@media only screen and (max-width: 500px) {
|
||||
header .links { justify-content: center; }
|
||||
header .links a { padding: 0; line-height: 1em; }
|
||||
header .content { flex-direction: column; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<span class="title">
|
||||
<span><img src="./wdisplays.svg" class="icon" alt="Icon"></span>
|
||||
<span class="text">
|
||||
<h1>wdisplays</h1>
|
||||
<h2>wlroots display GUI</h2>
|
||||
</span>
|
||||
</span>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://github.com/cyclopsian/wdisplays">Source Code</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section id="splash">
|
||||
<span class="content">
|
||||
<span class="text">
|
||||
<h1>Get control of your Wayland displays.</h1>
|
||||
<p>
|
||||
Use wdisplays to arrange your monitors how you like them. Adjust your
|
||||
screen size and positioning visually, or enter in precise values.
|
||||
Use the live screen preview to align your screen to its content.
|
||||
Makes configuring multi-monitor setups a breeze.
|
||||
</p>
|
||||
<p>
|
||||
Works with
|
||||
popular wlroots compositors like <a href="https://swaywm.org">Sway</a>
|
||||
and <a href="https://wayfire.org">Wayfire</a>.
|
||||
</p>
|
||||
|
||||
</span>
|
||||
<a href="./shot1.png" title="Screenshot" class="screenshot">
|
||||
<img src="./shot1.png" alt="Screenshot">
|
||||
</a>
|
||||
</span>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="content">
|
||||
Copyright © 2020 Jason Francis.
|
||||
<br>
|
||||
Page content licensed under
|
||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode">CC-BY-SA-4.0</a>.
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<svg width="128" height="104" enable-background="new" version="1.0" viewBox="0 0 128 104" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="a">
|
||||
<stop stop-color="#1a5fb4" offset="0"/>
|
||||
<stop stop-color="#1c71d8" offset=".041667"/>
|
||||
<stop stop-color="#1a5fb4" offset=".083333"/>
|
||||
<stop stop-color="#1a5fb4" offset=".91667"/>
|
||||
<stop stop-color="#1c71d8" offset=".95833"/>
|
||||
<stop stop-color="#1a5fb4" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="b">
|
||||
<stop stop-color="#62a0ea" offset="0"/>
|
||||
<stop stop-color="#1c71d8" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="g" x1="88.596" x2="536.6" y1="-449.39" y2="-449.39" gradientTransform="matrix(.25 0 0 .25 -14.149 380.35)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3d3846" offset="0"/>
|
||||
<stop stop-color="#77767b" offset=".035714"/>
|
||||
<stop stop-color="#5e5c64" offset=".071365"/>
|
||||
<stop stop-color="#5e5c64" offset=".92857"/>
|
||||
<stop stop-color="#77767b" offset=".96429"/>
|
||||
<stop stop-color="#3d3846" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="f" x1="12" x2="60" y1="240" y2="240" gradientTransform="translate(2,-30)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
|
||||
<radialGradient id="c" cx="3.6208" cy="206.8" r="16" gradientTransform="matrix(7 -3.4009e-7 2.1256e-7 4.375 -25.346 -728.77)" gradientUnits="userSpaceOnUse" xlink:href="#b"/>
|
||||
<linearGradient id="i" x1="12" x2="60" y1="240" y2="240" gradientTransform="translate(54,-30)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
|
||||
<radialGradient id="e" cx="3.6208" cy="206.8" r="16" gradientTransform="matrix(7 -3.4009e-7 2.1256e-7 4.375 26.654 -728.77)" gradientUnits="userSpaceOnUse" xlink:href="#b"/>
|
||||
<linearGradient id="h" x1="12" x2="60" y1="240" y2="240" gradientTransform="translate(28,8)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
|
||||
<radialGradient id="d" cx="3.6208" cy="206.8" r="16" gradientTransform="matrix(7 -3.4009e-7 2.1256e-7 4.375 .65446 -690.77)" gradientUnits="userSpaceOnUse" xlink:href="#b"/>
|
||||
</defs>
|
||||
<g transform="translate(0,-172)">
|
||||
<rect x="10" y="182" width="108" height="80" rx="6" ry="6" fill="#deddda" style="paint-order:markers fill stroke"/>
|
||||
<rect x="8" y="180" width="112" height="88" rx="8" ry="8" enable-background="new" fill="url(#g)" style="paint-order:normal"/>
|
||||
<g>
|
||||
<rect x="8" y="180" width="112" height="84" rx="8" ry="8" fill="#9a9996" style="paint-order:markers fill stroke"/>
|
||||
<rect x="14" y="186" width="48" height="34" rx="4" ry="4" fill="url(#f)" style="paint-order:markers fill stroke"/>
|
||||
<rect x="14" y="186" width="48" height="32" rx="4" ry="4" fill="url(#c)" style="paint-order:markers fill stroke"/>
|
||||
</g>
|
||||
<rect x="16" y="188" width="44" height="28" rx="2" ry="2" fill="#99c1f1" fill-opacity=".21912" style="paint-order:markers fill stroke"/>
|
||||
<rect x="66" y="186" width="48" height="34" rx="4" ry="4" fill="url(#i)" style="paint-order:markers fill stroke"/>
|
||||
<rect x="66" y="186" width="48" height="32" rx="4" ry="4" fill="url(#e)" style="paint-order:markers fill stroke"/>
|
||||
<rect x="68" y="188" width="44" height="28" rx="2" ry="2" fill="#99c1f1" fill-opacity=".21912" style="paint-order:markers fill stroke"/>
|
||||
<rect x="40" y="224" width="48" height="34" rx="4" ry="4" fill="url(#h)" style="paint-order:markers fill stroke"/>
|
||||
<rect x="40" y="224" width="48" height="32" rx="4" ry="4" fill="url(#d)" style="paint-order:markers fill stroke"/>
|
||||
<rect x="42" y="226" width="44" height="28" rx="2" ry="2" fill="#99c1f1" fill-opacity=".21912" style="paint-order:markers fill stroke"/>
|
||||
<g fill="none" stroke="#fff" stroke-dasharray="4, 4" stroke-opacity=".16206" stroke-width="4">
|
||||
<g stroke-dashoffset="4">
|
||||
<path d="m14 222h100"/>
|
||||
<path d="m64 186v34"/>
|
||||
<path d="m38 224v34"/>
|
||||
<path d="m90 224v34"/>
|
||||
<path d="m10 184h108"/>
|
||||
<path d="m10 260h108"/>
|
||||
</g>
|
||||
<path d="m12 186v72" stroke-dashoffset="6"/>
|
||||
<path d="m116 186v72" stroke-dashoffset="6"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
Loading…
Reference in New Issue