76 lines
2.2 KiB
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>
|
|
© Bauke
|
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|