add fixes for members page

src/lib/Footer.svelte

@@ -69,6 +69,8 @@
 
 	.links a {
 		text-decoration: none;
+		display: flex;
+		align-items: center;
 	}
 
 	@media only screen and (max-width: 500px) {

src/lib/MDsvexLayout.svelte

@@ -2,13 +2,12 @@
 	export let title;
 	export let description;
 	export let separator;
-	import SvelteSeo from 'svelte-seo';
+	import SvelteSeo from "svelte-seo";
 	// Enjoy the jank.
 	if (title === "Project Segfault") {
 		title = "";
 		separator = "";
-    }
+	} else {
-    else {
 		separator = "|";
 	}
 </script>
@@ -17,13 +16,13 @@
 	openGraph={{
 		title: title,
 		description: description,
-        type: 'website',
+		type: "website",
 		images: [
 			{
-            url: 'https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF',
+				url: "https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF",
 				width: 850,
 				height: 650,
-            alt: 'Image'
+				alt: "Image"
 			}
 		]
 	}}

src/lib/Members.json

@@ -3,33 +3,33 @@
 		"name": "Midou",
 		"matrix": "https://matrix.to/#/@midou:projectsegfau.lt/",
 		"position": "System administrator",
-        "description": "Fill out your fucking description",
+		"description": "Placeholder",
-        "github": "https://github.com/Midou36O",
+		"github": "https://github.com/Midou36O/",
-        "website": "https://miicord.com"
+		"website": "https://miicord.com/"
 	},
 	{
 		"name": "MrLeRien",
 		"discord": "https://discord.com/users/213634643327582208/",
 		"position": "Hoster",
-        "description": "Fill out your fucking description",
+		"description": "Placeholder",
-        "github": "https://github.com/MrLeRien"
+		"github": "https://github.com/MrLeRien/"
 	},
 	{
 		"name": "akisblack",
 		"matrix": "https://matrix.to/#/@akis:projectsegfau.lt/",
 		"discord": "https://discord.com/users/845535118285602866/",
 		"position": "Web developer",
-        "description": "Fill out your fucking description",
+		"description": "Hi, I am Akis.",
-        "github": "https://github.com/akisblack",
+		"github": "https://github.com/akisblack/",
-        "website": "https://akisblack.github.io"
+		"website": "https://akisblack.github.io/"
 	},
 	{
 		"name": "Devnol",
 		"matrix": "https://matrix.to/#/@devnol:projectsegfau.lt/",
 		"discord": "https://discord.com/users/429353559566319626/",
 		"position": "Hoster",
-        "description": "I am the asshole",
+		"description": "Placeholder",
-        "github": "https://github.com/Devnol",
+		"github": "https://github.com/Devnol/",
-        "website": "https://devnol.github.io"
+		"website": "https://devnol.github.io/"
 	}
 ]

src/lib/Nav.svelte

@@ -11,11 +11,13 @@
 	</a>
 
 	<div class="links">
-		<a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a>
+		<a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a
+		>
 		<a href="/minecraft">Minecraft</a>
 		<a href="/donate">Donate</a>
 		<a href="/faq">FAQ</a>
 		<a href="/contact">Contact</a>
+		<a href="/members">Members</a>
 		<a href="https://blog.projectsegfau.lt/">Blog</a>
 		<a href="/legal">Legal</a>
 	</div>
@@ -77,6 +79,7 @@
 		nav {
 			flex-direction: column;
 			align-items: flex-start;
+			line-height: normal;
 		}
 
 		div.links {

src/routes/contact.md

@@ -11,7 +11,7 @@ description: Do you want to contact us?
 
 [contact@projectsegfau.lt](mailto:contact@projectsegfau.lt)
 
-*Please be aware that Microsoft often blocks non-popular emails, if you do contact us through there, make sure to check your spam and mark it as not-spam!*
+_Please be aware that Microsoft often blocks non-popular emails, if you do contact us through there, make sure to check your spam and mark it as not-spam!_
 
 ## People
 

src/routes/legal/privacy-policy.md

@@ -16,18 +16,20 @@ Here's what we collect.
 -   When you made a request
 -   Referrer (Where you came from when you made a request.)
 
-The log looks like this, for reference: ``127.0.0.1 - - [17/Jun/2022:20:19:26 +0300] "GET / HTTP/2.0" 200 144 "https://projectsegfau.lt/" "Mozilla/5.0 (Windows NT 10.0; rv:100.0) Gecko/20100101 Firefox/100.0" "-"``
+The log looks like this, for reference: `127.0.0.1 - - [17/Jun/2022:20:19:26 +0300] "GET / HTTP/2.0" 200 144 "https://projectsegfau.lt/" "Mozilla/5.0 (Windows NT 10.0; rv:100.0) Gecko/20100101 Firefox/100.0" "-"`
 
 Some of our services have things like databases and things, for example [Pleroma](https://social.projectsegfau.lt), but that should be pretty obvious the moment you make an account on there. They may collect some things, however we barely even access those databases so you should be fine.
 
 If you want the data we've collected on you to be sent, please contact us on Matrix in [this room](https://matrix.to/#/#gdpr:projectsegfau.lt). You don't need an account on our Matrix instance in order to chat there, you can choose from a bunch of public instances or make your own.
 
 ## We don't give any of the data we collect to anyone outside of Project Segfault.
+
 What we just described above won't be sold or given to anyone outside of Project Segfault. It could be given to law enforcement IF they have a warrant.
 
 There is no reason for anyone outside of Project Segfault to see your data. In fact, Project Segfault really has no reason to see your data, unless there's something to suspect.
 
 ## Data may be cleared at any point upon request, but...
+
 As we said, you can request any GDPR/Privacy things in [this Matrix room](https://matrix.to/#/#gdpr:projectsegfau.lt). But, if there's any ongoing investigations and a law enforcement agency contacts us, we will comply. But, we will only do it if we can verify it's official and they have a warrant.
 
 We hope you can understand our privacy policy.

src/routes/members.svelte

@@ -9,7 +9,7 @@
 
 <svelte:head>
 	<title>Members | Project Segfault</title>
-    <meta name="description" content="Members of Project Segfault.">
+	<meta name="description" content="Members of Project Segfault." />
 </svelte:head>
 
 <div class="members">
@@ -17,27 +17,31 @@
 	<div class="member-outer">
 		{#each members as { name, discord, matrix, position, description, github, website }}
 			<div class="member-inner">
-                <h2 class="stupidh2">{name} - Position: {position}</h2>
+				<span>{name} - {position}</span>
+
 				{#if description}
 					<p class="description">{description}</p>
 				{/if}
 
 				<div class="socials">
-
 					{#if matrix}
-                        <a href={matrix} class="matrixcolored"><IconMatrix /></a>
+						<a href={matrix} class="matrixcolored"><IconMatrix /></a
+						>
 					{/if}
 
 					{#if discord}
-                        <a href={discord} class="discordcolored"><IconDiscord /></a>
+						<a href={discord} class="discordcolored"
+							><IconDiscord /></a
+						>
 					{/if}
 
 					{#if github}
-                        <a href={github} class="githubcolored"><IconGitHub /></a>
+						<a href={github} class="githubcolored"><IconGitHub /></a
+						>
 					{/if}
 
 					{#if website}
-                        <a href={website} class="button"><IconGlobe /></a>
+						<a href={website} class="web"><IconGlobe /></a>
 					{/if}
 				</div>
 			</div>
@@ -50,13 +54,21 @@
 		display: flex;
 		flex-direction: column;
 		gap: 2rem;
+		flex-flow: row wrap;
 	}
+
 	.member-inner {
 		background-color: #252525;
-        border-radius: 16px;
+		border-radius: 10px;
-        padding: 10px;
+		padding: 1rem;
-        width: 30%;
+		width: 30em;
 	}
+
+	span {
+		font-size: 25px;
+		font-weight: bold;
+	}
+
 	a {
 		border: none;
 		border-radius: 10px;
@@ -70,55 +82,45 @@
 
 	.matrixcolored {
 		background-color: #fff;
-        margin-left: 0px;
 		font-size: 20px;
 		height: 23px;
-        vertical-align: middle;
 	}
 
 	.discordcolored {
 		background-color: #5865f2;
 		color: #fff !important;
-        margin-left: 0px;
 		font-size: 20px;
 		height: 23px;
-        vertical-align: middle;
 	}
 
 	.githubcolored {
 		background-color: #333;
 		color: #fff !important;
-        margin-left: 0px;
 		font-size: 20px;
 		height: 23px;
-        vertical-align: middle;
 	}
 
-    .button {
+	.web {
 		background-color: var(--tertiary);
 		color: #fff !important;
-        margin-left: 0px;
 		font-size: 20px;
 		height: 23px;
-        vertical-align: middle;
 	}
-    .button:hover {
+
+	.web:hover {
 		background-color: var(--accent-tertiary);
 		color: var(--secondary) !important;
 		transition: all 0.5s;
 	}
-    .button:active {
+
+	.web:active {
 		background-color: var(--accent-primary);
 		transition: all 0.5s;
 	}
+
 	.socials {
 		display: flex;
 		flex-direction: row;
-        gap: .5rem;
+		gap: 0.5rem;
-    }
-	@media only screen and (max-width: 820px) {
-        .member-inner {
-            width: initial;
-        }
 	}
 </style>

src/routes/minecraft/client-side-mods.md

@@ -7,7 +7,7 @@ description: Recommended client side mods for use when playing on our server.
 
 { description }
 
-*[Click me to go back to the Minecraft page](/minecraft)*
+_[Click me to go back to the Minecraft page](/minecraft)_
 
 ## How are these mods picked?
 

src/routes/minecraft/index.md

@@ -5,7 +5,7 @@ description: Information about our Minecraft server.
 
 # { title }
 
-We have an invite-only SMP server running on our network on version 1.18* (1.18, 1.18.1, 1.18.2) which is also bridged to Bedrock using GeyserMC.
+We have an invite-only SMP server running on our network on version 1.18\* (1.18, 1.18.1, 1.18.2) which is also bridged to Bedrock using GeyserMC.
 
 ## How do I join?
 
@@ -24,7 +24,7 @@ If you would like to join, please join our Matrix space or Discord server and as
 
 **Bedrock**: `mc.projectsegfau.lt:19132`
 
-*Psst, you can join bedrock on your Switch using the app we’ve linked below!*
+_Psst, you can join bedrock on your Switch using the app we’ve linked below!_
 
 ## Links
 
@@ -42,7 +42,7 @@ If you would like to join, please join our Matrix space or Discord server and as
 
 A list of plugins we use on our server via PaperMC.
 
-*This is a manually made list of our plugins, so it might not reflect the plugins currently on the server.*
+_This is a manually made list of our plugins, so it might not reflect the plugins currently on the server._
 
 -   BlockLocker
 -   CoreProtect

vite.config.js

@@ -1,4 +1,4 @@
-import { sveltekit } from '@sveltejs/kit/vite';
+import { sveltekit } from "@sveltejs/kit/vite";
 import icons from "unplugin-icons/vite";
 
 /** @type {import('vite').UserConfig} */