content overhaul v2

src/lib/Form/TextArea.svelte

@@ -13,3 +13,9 @@
 	class="form-textbox"
 	{placeholder}
 />
+
+<style>
+	textarea {
+		resize: vertical;
+	}
+</style>

src/lib/Instances.json

@@ -4,7 +4,7 @@
 		"description": "A frontend for YouTube.",
 		"website": "https://invidious.projectsegfau.lt/",
 		"icon": "https://github.com/iv-org/invidious/raw/master/assets/invidious-colored-vector.svg",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://invidious.io/"
 	},
 	{
@@ -12,7 +12,7 @@
 		"description": "A frontend for Odysee.",
 		"website": "https://lbry.projectsegfau.lt/",
 		"icon": "https://codeberg.org/avatars/dd785d92b4d4df06d448db075cd29274",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://codeberg.org/librarian/librarian"
 	},
 	{
@@ -20,7 +20,7 @@
 		"description": "A frontend for Reddit.",
 		"website": "https://libreddit.projectsegfau.lt/",
 		"icon": "https://github.com/spikecodes/libreddit/raw/master/static/logo.png",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://github.com/spikecodes/libreddit"
 	},
 	{
@@ -28,7 +28,7 @@
 		"description": "A frontend for Twitter.",
 		"website": "https://nitter.projectsegfau.lt/",
 		"icon": "https://github.com/zedeus/nitter/raw/master/public/logo.png",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://github.com/zedeus/nitter"
 	},
 	{
@@ -36,7 +36,7 @@
 		"description": "An open source and decentralized chat application.",
 		"website": "https://chat.projectsegfau.lt/",
 		"icon": "https://element.io/images/logo-mark-primary.svg",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://element.io/"
 	},
 	{
@@ -44,7 +44,7 @@
 		"description": "Another frontend for YouTube.",
 		"website": "https://piped.projectsegfau.lt/",
 		"icon": "https://github.com/TeamPiped/Piped/raw/master/public/img/icons/logo.svg",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://github.com/TeamPiped/Piped"
 	},
 	{
@@ -52,7 +52,7 @@
 		"description": "A private meta-search engine.",
 		"website": "https://search.projectsegfau.lt/search",
 		"icon": "https://docs.searxng.org/_static/searxng-wordmark.svg",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://searxng.org/"
 	},
 	{
@@ -60,7 +60,7 @@
 		"description": "A web interface for Git, alternative to GitHub.",
 		"website": "https://git.projectsegfau.lt",
 		"icon": "https://gitea.io/images/gitea.png",
-		"category": "Instances",
+		"category": "General",
 		"projectWebsite": "https://gitea.io/"
 	},
 	{

src/lib/Nav.svelte

@@ -5,8 +5,7 @@
 	$: currentPage = $page.url.pathname;
 
 	const menus = [
-		{ name: "Services", url: "/services" },
-		{ name: "Projects", url: "/projects" },
+		{ name: "Instances", url: "/instances" },
 		{ name: "Donate", url: "/donate" },
 		{ name: "FAQ", url: "/faq" },
 		{ name: "Contact us", url: "/contact" },
@@ -39,14 +38,17 @@
 				href={url}>{name}</a
 			>
 		{/each}
-		<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt/">
+		<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt/" class="icon">
 			<div class="i-simple-icons:matrix" />
+			<span>Matrix</span>
 		</a>
-		<a href="https://github.com/ProjectSegfault/">
+		<a href="https://github.com/ProjectSegfault/" class="icon">
 			<div class="i-simple-icons:github" />
+			<span>GitHub</span>
 		</a>
-		<div class="theme-toggle">
+		<div class="theme-toggle icon">
 			<ThemeToggle />
+			<span>Toggle theme</span>
 		</div>
 	</div>
 </nav>
@@ -122,7 +124,11 @@
 		display: none;
 	}
 
-	@media screen and (max-width: 1058px) {
+	.icon > span {
+		display: none;
+	}
+
+	@media screen and (max-width: 900px) {
 		.links {
 			display: none;
 			width: 100%;
@@ -166,5 +172,16 @@
 			flex-direction: column;
 			gap: 1rem;
 		}
+
+		.icon > span {
+			display: block;
+		}
+
+		.icon {
+			display: flex !important;
+			align-items: center;
+			flex-direction: row;
+			gap: 0.5rem;
+		}
 	}
 </style>

src/lib/Projects.json

@@ -1,14 +0,0 @@
-[
-	{
-		"name": "Website",
-		"description": "Our website written in SvelteKit.",
-		"github": "https://github.com/ProjectSegfault/website/",
-		"website": "https://projectsegfau.lt/"
-	},
-	{
-		"name": "Segfautils",
-		"description": "Web utilities (APIs) for Project Segfault, but you could probably use them too.",
-		"github": "https://github.com/ProjectSegfault/segfautils/",
-		"website": "https://segfautils.projectsegfau.lt/"
-	}
-]

src/lib/Team.json

@@ -2,7 +2,7 @@
 	{
 		"name": "Midou",
 		"matrix": "https://matrix.to/#/@midou:projectsegfau.lt/",
-		"position": "System administrator",
+		"position": "Sysadmin",
 		"description": "I don't need to describe myself.",
 		"git": "https://github.com/Midou36O/",
 		"website": "https://miicord.com/",
@@ -19,7 +19,7 @@
 	{
 		"name": "openssl_rand",
 		"matrix": "https://matrix.to/#/@openssl_rand:projectsegfau.lt/",
-		"position": "System administrator",
+		"position": "Sysadmin",
 		"description": "\"I am openssl_rand, a system administrator of the project Segfau.lt.\" - GitHub Copilot",
 		"email": "mailto:openssl_rand@projectsegfau.lt"
 	},