add link to financial stuff and make footer better

src/i18n/common.json

@@ -14,6 +14,8 @@
 	"DONATE_DESCRIPTION": "The ways you can donate to us and more",
 	"DONATE_PLEASE_DO": "please do",
 	"DONATE_EXPLANATION": "If you donate, we will be more motivated to work on the server and host more stuff and maybe even get more hardware. I really recommend you donate any spare money you have if you enjoy or use our services on a daily basis. Thanks!",
+	"DONATE_TRANSPARENCY_1": "You can find all of our financial reports categorized by year and month at ",
+	"DONATE_TRANSPARENCY_2": "our transparency repository on GitHub",
 	"DONATE_OK_SURE": "sure I'll donate. Links?",
 	"CONTACT_TITLE": "Contact Us",
 	"CONTACT_DESCRIPTION": "Do you want to contact us?",

src/lib/Footer.svelte

@@ -5,9 +5,21 @@
 	import IconSignal from "~icons/fa6-solid/signal";
 	import * as global from "../i18n/_global.json";
 	import { t } from "$lib/translations";
+	import { page } from "$app/stores";
 </script>
 
 <footer>
+	{#if $page.url.pathname === "/"}
+		<a
+			href="https://www.abuseipdb.com/user/82331"
+			title="AbuseIPDB is an IP address blacklist for webmasters and sysadmins to report IP addresses engaging in abusive behavior on their networks"
+		>
+			<img
+				src="https://www.abuseipdb.com/contributor/82331.svg"
+				alt="AbuseIPDB Contributor Badge"
+			/>
+		</a>
+	{/if}
 	<hr />
 	<div class="content">
 		<span>{$t("common.FOOTER_COPYRIGHT")}</span>
@@ -35,8 +47,8 @@
 		display: flex;
 		flex-direction: column;
 		font-size: 20px;
-		position: absolute;
-		bottom: 0;
+		position: sticky;
+		top: 100vh;
 		width: calc(100vw - 2rem);
 	}
 
@@ -72,4 +84,11 @@
 			margin-left: 0;
 		}
 	}
+
+	img {
+		width: 270px;
+		background: var(--accent-primary);
+		padding: 0.5rem;
+		border-radius: 10px;
+	}
 </style>

src/lib/app.css

@@ -29,8 +29,6 @@ body {
 
 main {
 	padding: 1rem;
-	flex-grow: 1;
-	padding-bottom: 200px;
 }
 
 a {

src/routes/donate.svelte

@@ -29,6 +29,16 @@
 	<img src={MoneroQR} alt="Monero Qr Code" />
 </div>
 
+<p>
+	<i>
+		{$t("common.DONATE_TRANSPARENCY_1")}
+		<a href="https://github.com/ProjectSegfault/transparency/"
+			>{$t("common.DONATE_TRANSPARENCY_2")}</a
+		>
+		.
+	</i>
+</p>
+
 <style>
 	.monero {
 		display: flex;

src/routes/faq.svelte

@@ -9,26 +9,28 @@
 
 <h1>{$t("common.FAQ_TITLE")}</h1>
 
-<h2>{$t('common.FAQ_OWNER_TITLE')}</h2>
-<p>{$t('common.FAQ_OWNER')}</p>
+<h2>{$t("common.FAQ_OWNER_TITLE")}</h2>
+<p>{$t("common.FAQ_OWNER")}</p>
 
-<h2>{$t('common.FAQ_TOXICITY_TITLE')}</h2>
+<h2>{$t("common.FAQ_TOXICITY_TITLE")}</h2>
 <p>
-    {$t('common.FAQ_TOXICITY_1')}
-    <a href="https://matrix.to/#/#support:projectsegfau.lt">#support:projectsegfau.lt</a>
-    {$t('common.FAQ_TOXICITY_2')}
+	{$t("common.FAQ_TOXICITY_1")}
+	<a href="https://matrix.to/#/#support:projectsegfau.lt"
+		>#support:projectsegfau.lt</a
+	>
+	{$t("common.FAQ_TOXICITY_2")}
 </p>
 
-<h2>{$t('common.FAQ_TRUST_TITLE')}</h2>
+<h2>{$t("common.FAQ_TRUST_TITLE")}</h2>
 <p>
-    {$t('common.FAQ_TRUST_1')}
-    <strong>{$t('common.FAQ_TRUST_2')}</strong>
-    {$t('common.FAQ_TRUST_3')}
+	{$t("common.FAQ_TRUST_1")}
+	<strong>{$t("common.FAQ_TRUST_2")}</strong>
+	{$t("common.FAQ_TRUST_3")}
 </p>
 
-<h2>{$t('common.FAQ_CONTACT_TITLE')}</h2>
+<h2>{$t("common.FAQ_CONTACT_TITLE")}</h2>
 <p>
-    {$t('common.FAQ_CONTACT')} 
-    <a href="/contact">{$t('common.NAVBAR_CONTACT')}</a>
-    .
+	{$t("common.FAQ_CONTACT")}
+	<a href="/contact">{$t("common.NAVBAR_CONTACT")}</a>
+	.
 </p>

src/routes/index.svelte

@@ -21,34 +21,3 @@
 
 	<p>{$t("common.INDEX_MORE_INFO")}</p>
 </div>
-
-<a
-	href="https://www.abuseipdb.com/user/82331"
-	title="AbuseIPDB is an IP address blacklist for webmasters and sysadmins to report IP addresses engaging in abusive behavior on their networks"
->
-	<img
-		src="https://www.abuseipdb.com/contributor/82331.svg"
-		alt="AbuseIPDB Contributor Badge"
-	/>
-</a>
-
-<style>
-	div {
-		padding-bottom: 150px;
-	}
-
-	img {
-		width: 270px;
-		background: var(--accent-primary); 
-		padding: 0.5rem;
-		position: absolute; 
-		bottom: 80px;
-		border-radius: 10px;
-	}
-
-	@media only screen and (max-width: 508px) {
-		img {
-			bottom: 160px;
-		}
-	}
-</style>

src/routes/minecraft/index.svelte

@@ -66,8 +66,7 @@
 	<li>Geyser & Floodgate</li>
 	<li>LuckPerms</li>
 	<li>
-		mcMMO <a
-			href="https://dl.odyssey346.dev/Software/mcMMO.jar"
+		mcMMO <a href="https://dl.odyssey346.dev/Software/mcMMO.jar"
 			>{$t("common.MINECRAFT_MCMMO")}</a
 		>
 	</li>

svelte.config.js

@@ -8,9 +8,7 @@ const config = {
 	// for more information about preprocessors
 	extensions: [".svelte"],
 
-	preprocess: [
-		preprocess(),
-	],
+	preprocess: [preprocess()],
 
 	kit: {
 		adapter: adapter(),