1
Fork 0
bauke-xyz/source/userstyles/index.html

76 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Userstyles</title>
<link rel="shortcut icon" href="/images/avatar.jpg" type="image/jpeg">
<link rel="stylesheet" href="/css/modern-normalize.css">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="/css/userstyles.css">
</head>
<body>
<main class="bordered">
<h1 class="bordered">Userstyles</h1>
<ul class="bordered remove-a-padding">
<li>A collection of all my userstyles for various websites.</li>
<li>
Don't know how to install userstyles? Install the
<a href="https://add0n.com/stylus.html" target="_blank">Stylus web extension</a>
and then click on the "Install" button. This will open a new tab where Stylus
will ask you to install the userstyle in question.
</li>
<li>
Encounter an issue with any of the styles?
<a href="mailto:me@bauke.xyz">Email (me@bauke.xyz)</a>
or message me on Matrix (@baukexyz:matrix.org) and I'll try to fix
the problem as soon as possible.
</li>
<li>
Open-sourced with the MIT license, available at
<a href="https://git.holllo.cc/Bauke/userstyles" target="_blank">git.holllo.cc/Bauke/userstyles</a>.
</li>
</ul>
<div class="divider"></div>
{% for style in styles %}
<header class="bordered">
<h2 id="{{ style.name | lower | replace(" ", "-") }}">
{{ style.name }}
</h2>
<a class="button" href="{{ style.updateURL }}" target="_blank">Install</a>
</header>
<ul class="bordered">
<li>{{ style.description }}</li>
<li>Version {{ style.version }}</li>
<li>Licensed under {{ style.license }}.</li>
<li>
Applies to
<a class="remove-padding" href="https://{{ style.domain }}" target="_blank">{{ style.domain }}</a>.
</li>
</ul>
{% if not loop.last %}
<div class="divider"></div>
{% endif %}
{% endfor %}
</main>
<footer class="bordered">
<p>
&copy; Bauke
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
</p>
</footer>
</body>
</html>