Add links to GitLab, Weblate and Liberapay

website/index.html

@@ -18,6 +18,11 @@ SPDX-License-Identifier: GPL-3.0-or-later
 		<h1 class="title">Night Theme Switcher</h1>
 		<p class="description">A GNOME Shell extension to make your desktop easy on the eye, day and night.</p>
 		<a href="https://extensions.gnome.org/extension/2236/night-theme-switcher/" class="button">Download</a>
+		<ul class="links">
+			<li><a href="https://gitlab.com/rmnvgr/nightthemeswitcher-gnome-shell-extension" class="link">Code & issues</a></li>
+			<li><a href="https://hosted.weblate.org/engage/night-theme-switcher/" class="link">Translate</a></li>
+			<li><a href="https://liberapay.com/rmnvgr/donate" class="link">Donate</a></li>
+		</ul>
 	</main>
 </body>
 </html>

website/style.css

@@ -27,7 +27,9 @@ SPDX-License-Identifier: GPL-3.0-or-later
 html,
 body,
 h1,
-p
+p,
+ul,
+li
 {
 	margin: 0;
 	padding: 0;
@@ -148,7 +150,7 @@ body
 .content
 {
 	max-width: 20em;
-	padding: 4em 2em;
+	padding: 4em 2em 2em;
 	border: 1px solid rgba(255, 255, 255, 0.1);
 	border-radius: 0.5em;
 	background: #000;
@@ -215,6 +217,30 @@ body
 	text-decoration: underline;
 }
 
+.links
+{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 1em 2em;
+	margin-top: 4rem;
+	font-size: 0.8em;
+	text-align: center;
+	list-style: none;
+}
+
+.link
+{
+	opacity: 0.5;
+}
+
+.link:hover,
+.link:focus
+{
+	text-decoration: underline;
+	opacity: 1;
+}
+
 
 @media (max-width: 26em)
 {
@@ -224,4 +250,9 @@ body
 		padding: 2em 2em;
 		min-height: 0;
 	}
+
+	.links
+	{
+		display: block;
+	}
 }