renamed hosted to services

src/lib/components/Button.svelte

@@ -4,6 +4,6 @@
 
 <a
 	href={url}
-	class="border border-accent/60 hover:border-accent active:border-2 active:-my-0.5 p-3 px-5 select-none text-accent bg-card text-center mx-auto w-fit"
+	class="border border-accent/60 hover:border-accent active:border-2 active:-my-0.5 p-3 px-14 select-none text-accent bg-card text-center mx-auto w-fit"
 	><slot /></a
 >

src/lib/data/hosted.json

@@ -4,19 +4,29 @@
 		"description": "Ukrainian Akkoma instance",
 		"link": "https://pl.m0e.space"
 	},
+	{
+		"title": "Mangane",
+		"description": "Alternative frontend for Akkoma",
+		"link": "https://pl.m0e.space/mangane"
+	},
 	{
 		"title": "Gitea",
 		"description": "Git repository hosting",
 		"link": "https://git.m0e.space"
 	},
 	{
-		"title": "Dendrite",
-		"description": "Matrix homeserver\nDendrite is a second-generation Matrix homeserver written in Go. ",
-		"link": "https://matrix.m0e.space"
+		"title": "Matrix",
+		"description": "Matrix is an open standard and communication protocol for real-time communication.",
+		"link": "/matrix"
 	},
 	{
 		"title": "Uptime Kuma",
 		"description": "Self-hosted monitoring tool",
 		"link": "https://st.m0e.space"
+	},
+	{
+		"title": "libreddit",
+		"description": "Alternative frontend for Reddit",
+		"link": "https://lr.m0e.space"
 	}
 ]

src/routes/+layout.svelte

@@ -4,13 +4,14 @@
 		'no life since 1980 - 1jem',
 		'also try fediverse - qugalet',
 		'Усе тільки починається - Ternox',
-		'Alive since 24.10.2021'
+		'Alive since 24.10.2021',
+		'Akkoma will be updated in 20 minutes - qugalet'
 	];
 	const splash = splashes[Math.floor(Math.random() * splashes.length)];
 </script>
 
 <div
-	class="bg-black bg-opacity-80 border-accent border p-4 sm:max-w-xl sm:min-h-0 min-h-screen flex flex-col gap-2"
+	class="bg-black bg-opacity-80 border-accent border p-4 sm:max-w-2xl sm:min-h-0 min-h-screen flex flex-col gap-2"
 >
 	<slot />
 	<div class="border-t-2 border-t-accent/40">

src/routes/+page.svelte

@@ -16,5 +16,5 @@
 <div class="flex flex-row gap-4 mt-3 justify-center items-center mb-4">
 	<Button url="/about">About</Button>
 	<Button url="/projects">Projects</Button>
-	<Button url="/hosted">Hosted</Button>
+	<Button url="/services">Services</Button>
 </div>

src/routes/about/+page.svelte

@@ -80,4 +80,10 @@
 		description="average donetsk children"
 		fedi="https://pl.m0e.space/1jem"
 	/>
+	<Member
+		name="terracitrus"
+		email="arsen.cherniy@gmail.com"
+		description="2d artist"
+		fedi="https://pl.m0e.space/limonandrson"
+	/>
 </Paragraph>

src/routes/matrix/+page.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import Member from '$lib/components/Member.svelte';
+	import Paragraph from '$lib/components/Paragraph.svelte';
+</script>
+
+<svelte:head>
+	<title>guest@m0e.space ~/matrix</title>
+	<meta property="og:title" content="guest@m0e.space ~/matrix" />
+</svelte:head>
+
+<h1 class="text-center text-3xl mt-2">Matrix</h1>
+
+<Paragraph title="owo whats dis?">
+	<p class="text-text/70 text-md break-words">
+		Matrix is an open standard and communication protocol for real-time communication with di. It
+		uses end-to-end encryption by default for all your conversations.
+	</p>
+</Paragraph>
+
+<Paragraph title="How to connect">
+	<p class="text-text/60 text-md">
+		You can use hosted web client Cinny (looks similar to Discord): <a
+			href="https://cinny.m0e.space">cinny.m0e.space</a
+		>
+	</p>
+	<br />
+	<p class="text-text/60 text-md break-words">Or connect manually:</p>
+	<p class="text-text/60 text-md">
+		- Homeserver <code class="monospace">https://m0e.space:443</code>
+	</p>
+</Paragraph>

src/routes/projects/+page.svelte

@@ -5,7 +5,7 @@
 
 <svelte:head>
 	<title>guest@m0e.space ~/projects</title>
-	<meta property="og:title" content="Projects" />
+	<meta property="og:title" content="guest@m0e.space ~/projects" />
 </svelte:head>
 
 <h1 class="text-center text-3xl mt-2">Projects</h1>

src/routes/services/+page.svelte

@@ -4,11 +4,11 @@
 </script>
 
 <svelte:head>
-	<title>guest@m0e.space ~/hosted</title>
-	<meta property="og:title" content="Projects" />
+	<title>guest@m0e.space ~/services</title>
+	<meta property="og:title" content="guest@m0e.space ~/services" />
 </svelte:head>
 
-<h1 class="text-center text-3xl mt-2">Hosted</h1>
+<h1 class="text-center text-3xl mt-2">Services</h1>
 <div>
 	{#each hosted as project}
 		<Project name={project.title} description={project.description} url={project.link} />