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

@@ -1,32 +1,31 @@
 <script lang="ts">
 	export let title;
 	export let description;
-    export let separator;
+	export let separator;
-	import SvelteSeo from 'svelte-seo';
+	import SvelteSeo from "svelte-seo";
-    // Enjoy the jank.
+	// Enjoy the jank.
-    if(title === "Project Segfault") {
+	if (title === "Project Segfault") {
-        title = "";
+		title = "";
-        separator = "";
+		separator = "";
-    }
+	} else {
-    else {
+		separator = "|";
-        separator = "|";
+	}
-    }
 </script>
 
 <SvelteSeo
-    openGraph={{
+	openGraph={{
-        title: title,
+		title: title,
-        description: description,
+		description: description,
-        type: 'website',
+		type: "website",
-        images: [
+		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,
+				width: 850,
-            height: 650,
+				height: 650,
-            alt: 'Image'
+				alt: "Image"
-        }
+			}
-        ]
+		]
-    }}
+	}}
 />
 
 <svelte:head>
@@ -35,4 +34,4 @@
 
 <div class="mdsvex_content">
 	<slot />
-</div>
+</div>

src/lib/Members.json

@@ -1,35 +1,35 @@
 [
 	{
 		"name": "Midou",
-        "matrix": "https://matrix.to/#/@midou:projectsegfau.lt/",
+		"matrix": "https://matrix.to/#/@midou:projectsegfau.lt/",
-        "position": "System administrator",
+		"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/",
+		"discord": "https://discord.com/users/213634643327582208/",
-        "position": "Hoster",
+		"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/",
+		"matrix": "https://matrix.to/#/@akis:projectsegfau.lt/",
-        "discord": "https://discord.com/users/845535118285602866/",
+		"discord": "https://discord.com/users/845535118285602866/",
-        "position": "Web developer",
+		"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/",
+		"matrix": "https://matrix.to/#/@devnol:projectsegfau.lt/",
-        "discord": "https://discord.com/users/429353559566319626/",
+		"discord": "https://discord.com/users/429353559566319626/",
-        "position": "Hoster",
+		"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/lib/app.css

@@ -35,4 +35,4 @@ a {
 	text-decoration: underline;
 	color: var(--accent-primary);
 	text-underline-offset: 5px;
-}
+}

src/routes/contact.md

@@ -11,8 +11,8 @@ 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
 
-You can find ways to contact individual members [on our Members page](/members).
+You can find ways to contact individual members [on our Members page](/members).

src/routes/faq.md

@@ -19,4 +19,4 @@ Well, you really can't. We don't make our logs or anything else public, however,
 
 ## Which ways do you prefer to communicate?
 
-Look at [Contact](/contact).
+Look at [Contact](/contact).

src/routes/index.md

@@ -13,4 +13,4 @@ We are 4 teenagers who have a decently powerful server. What do we do with this
 
 ## Tell me more! What do you guys host? Where can I contact you? Can you fix my daughter's iPad?
 
-We can't fix your daughter's iPad, but there is a navigation bar at the top of the page with links to websites and pages that explain things about us, or contain useful information about our services.
+We can't fix your daughter's iPad, but there is a navigation bar at the top of the page with links to websites and pages that explain things about us, or contain useful information about our services.

src/routes/legal/index.md

@@ -6,6 +6,6 @@ title: Legal stuff
 
 Since we care about transparency, privacy and safety we have created some documents regarding these topics.
 
-- [Privacy Policy](/legal/privacy-policy)
+-   [Privacy Policy](/legal/privacy-policy)
-- [Terms of Service](/legal/tos)
+-   [Terms of Service](/legal/tos)
-- [Transparency reports](https://github.com/ProjectSegfault/transparency/)
+-   [Transparency reports](https://github.com/ProjectSegfault/transparency/)

src/routes/legal/privacy-policy.md

@@ -11,23 +11,25 @@ We take your privacy more seriously than FAANG.
 
 Here's what we collect.
 
-- User agent (OS and browser)
+-   User agent (OS and browser)
-- IP address (This is kind of obvious. Every website does this. If you're paranoid about this, get a [good VPN](https://wiki.pussthecat.org/general/privacy-guide/#vpn) or use Tor.)
+-   IP address (This is kind of obvious. Every website does this. If you're paranoid about this, get a [good VPN](https://wiki.pussthecat.org/general/privacy-guide/#vpn) or use Tor.)
-- When you made a request
+-   When you made a request
-- Referrer (Where you came from 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.
+We hope you can understand our privacy policy.

src/routes/legal/tos.md

@@ -10,4 +10,4 @@ description: We're not anarchists, so we have some rules.
 1. Do not use our Services to (D)DOS or attempt to disrupt someone else's online stability.
 2. Do not use our Services to Dox someone.
 3. Do not do anything on our Services that would be illegal in Greece or France.
-4. Refrain from using our services to harass people.
+4. Refrain from using our services to harass people.

src/routes/members.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import members from "$lib/Members.json";
-    import IconDiscord from "~icons/simple-icons/discord";
+	import IconDiscord from "~icons/simple-icons/discord";
 	import IconMatrix from "~icons/simple-icons/matrix";
 	import IconGitHub from "~icons/simple-icons/github";
 
@@ -8,117 +8,119 @@
 </script>
 
 <svelte:head>
-    <title>Members | Project Segfault</title>
+	<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">
 	<h1>Members</h1>
 	<div class="member-outer">
 		{#each members as { name, discord, matrix, position, description, github, website }}
-            <div class="member-inner">
+			<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 description}
+					<p class="description">{description}</p>
+				{/if}
 
-                    {#if matrix}
+				<div class="socials">
-                        <a href={matrix} class="matrixcolored"><IconMatrix /></a>
+					{#if matrix}
-                    {/if}
+						<a href={matrix} class="matrixcolored"><IconMatrix /></a
+						>
+					{/if}
 
-                    {#if discord}
+					{#if discord}
-                        <a href={discord} class="discordcolored"><IconDiscord /></a>
+						<a href={discord} class="discordcolored"
-                    {/if}
+							><IconDiscord /></a
+						>
+					{/if}
 
-                    {#if github}
+					{#if github}
-                        <a href={github} class="githubcolored"><IconGitHub /></a>
+						<a href={github} class="githubcolored"><IconGitHub /></a
-                    {/if}
+						>
+					{/if}
 
-                    {#if website}
+					{#if website}
-                        <a href={website} class="button"><IconGlobe /></a>
+						<a href={website} class="web"><IconGlobe /></a>
-                    {/if}
+					{/if}
-                </div>
+				</div>
-            </div>
+			</div>
 		{/each}
 	</div>
 </div>
 
 <style>
-    .member-outer {
+	.member-outer {
-        display: flex;
+		display: flex;
-        flex-direction: column;
+		flex-direction: column;
-        gap: 2rem;
+		gap: 2rem;
-    }
+		flex-flow: row wrap;
-    .member-inner {
+	}
-        background-color: #252525;
+
-        border-radius: 16px;
+	.member-inner {
-        padding: 10px;
+		background-color: #252525;
-        width: 30%;
+		border-radius: 10px;
-    }
+		padding: 1rem;
-    a {
+		width: 30em;
-        border: none;
+	}
+
+	span {
+		font-size: 25px;
+		font-weight: bold;
+	}
+
+	a {
+		border: none;
 		border-radius: 10px;
 		padding: 0.5rem;
 		cursor: pointer;
 		font-family: var(--font-primary);
 		color: var(--secondary);
 		text-decoration: none;
-        width: fit-content;
+		width: fit-content;
-    }
+	}
 
-    .matrixcolored {
+	.matrixcolored {
 		background-color: #fff;
-        margin-left: 0px;
+		font-size: 20px;
-        font-size: 20px;
+		height: 23px;
-        height: 23px;
+	}
-        vertical-align: middle;
-    }
 
 	.discordcolored {
 		background-color: #5865f2;
 		color: #fff !important;
-        margin-left: 0px;
+		font-size: 20px;
-        font-size: 20px;
+		height: 23px;
-        height: 23px;
-        vertical-align: middle;
 	}
 
-    .githubcolored {
+	.githubcolored {
 		background-color: #333;
 		color: #fff !important;
-        margin-left: 0px;
+		font-size: 20px;
-        font-size: 20px;
+		height: 23px;
-        height: 23px;
-        vertical-align: middle;
 	}
 
-    .button {
+	.web {
 		background-color: var(--tertiary);
 		color: #fff !important;
-        margin-left: 0px;
+		font-size: 20px;
-        font-size: 20px;
+		height: 23px;
-        height: 23px;
-        vertical-align: middle;
 	}
-    .button:hover {
+
-        background-color: var(--accent-tertiary);
+	.web:hover {
-        color: var(--secondary) !important;
+		background-color: var(--accent-tertiary);
-        transition: all 0.5s;
+		color: var(--secondary) !important;
-    }
+		transition: all 0.5s;
-    .button:active {
+	}
+
+	.web:active {
 		background-color: var(--accent-primary);
-        transition: all 0.5s;
+		transition: all 0.5s;
-    }
+	}
-    .socials {
+
-        display: flex;
+	.socials {
-        flex-direction: row;
+		display: flex;
-        gap: .5rem;
+		flex-direction: row;
-    }
+		gap: 0.5rem;
-	@media only screen and (max-width: 820px) {
+	}
-        .member-inner {
+</style>
-            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?
 
@@ -19,7 +19,7 @@ These plugins only support Minecraft Java edition and most only work on the Fabr
 
 ## The list
 
-- [Xaero's World Map](https://www.curseforge.com/minecraft/mc-mods/xaeros-world-map/)
+-   [Xaero's World Map](https://www.curseforge.com/minecraft/mc-mods/xaeros-world-map/)
-- [Xaero's Minimap](https://www.curseforge.com/minecraft/mc-mods/xaeros-minimap/)
+-   [Xaero's Minimap](https://www.curseforge.com/minecraft/mc-mods/xaeros-minimap/)
-- [Simple Voice Chat](https://modrinth.com/mod/simple-voice-chat/)
+-   [Simple Voice Chat](https://modrinth.com/mod/simple-voice-chat/)
-- Any optimization mod (we recommend at least Sodium, but you can find more on [Modrinth](https://modrinth.com/).)
+-   Any optimization mod (we recommend at least Sodium, but you can find more on [Modrinth](https://modrinth.com/).)

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,18 +42,18 @@ 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
+-   BlockLocker
-- CoreProtect
+-   CoreProtect
-- [Dynmap](https://map.mc.projectsegfau.lt/)
+-   [Dynmap](https://map.mc.projectsegfau.lt/)
-- EssentialsX (EssentialsXDiscord, EssentialsXGeoIP)
+-   EssentialsX (EssentialsXDiscord, EssentialsXGeoIP)
-- Geyser & Floodgate
+-   Geyser & Floodgate
-- LuckPerms
+-   LuckPerms
-- mcMMO ([Click here to download our build of mcMMO.](https://dl.odyssey346.dev/Software/mcMMO.jar))
+-   mcMMO ([Click here to download our build of mcMMO.](https://dl.odyssey346.dev/Software/mcMMO.jar))
-- TabTPS
+-   TabTPS
-- Vault
+-   Vault
-- ViaVersion (You may only connect from a base version and its subversions (1.18, 1.18.1, 1.18.2). You cannot connect from a major version older or newer than the major version the server is running.)
+-   ViaVersion (You may only connect from a base version and its subversions (1.18, 1.18.1, 1.18.2). You cannot connect from a major version older or newer than the major version the server is running.)
-- PlugMan
+-   PlugMan
-- CombatLogX
+-   CombatLogX
-- Simple Voice Chat
+-   Simple Voice Chat

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} */
@@ -12,4 +12,4 @@ const config = {
 	]
 };
 
-export default config;
+export default config;