requested changes

src/app.html

@@ -4,7 +4,7 @@
 		<meta charset="utf-8" />
 		<link
 			rel="icon"
-			href="%sveltekit.assets%/logo.svg"
+			href="%sveltekit.assets%/logo_transparent.svg"
 		/>
 		<meta
 			name="viewport"

src/lib/Card/CardInner.svelte

@@ -9,7 +9,7 @@
 	<div class="main">
 		{#if icon}
 			<div>
-                <img src={icon} alt="{title} icon">
+				<img src={icon} alt="{title} icon" />
 			</div>
 		{/if}
 		<div>

src/lib/Card/Link.svelte

@@ -3,7 +3,7 @@
 	export let classes: string;
 </script>
 
-<a href={url} class="{classes}">
+<a href={url} class={classes}>
 	<slot />
 </a>
 

src/lib/Nav.svelte

@@ -18,8 +18,8 @@
 		{ name: "Timeline", url: "/timeline" },
 		{ name: "Blog", url: "https://blog.projectsegfau.lt/" },
 		{ name: "Legal", url: "/legal" },
-		{name: "Status", url: "https://status.projectsegfau.lt/"},
+		{ name: "Status", url: "https://status.projectsegfau.lt/" }
-	]
+	];
 </script>
 
 <nav>
@@ -37,7 +37,13 @@
 
 	<div class="links">
 		{#each menus as { url, name }}
-			<a sveltekit:prefetch class:active={url !== "/" ? currentPage.match(url) : url === currentPage} href={url}>{name}</a>
+			<a
+				sveltekit:prefetch
+				class:active={url !== "/"
+					? currentPage.match(url)
+					: url === currentPage}
+				href={url}>{name}</a
+			>
 		{/each}
 		<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt/">
 			<IconMatrix />

src/lib/ThemeToggle.svelte

@@ -5,7 +5,6 @@
 	import IconSun from "~icons/fa6-solid/sun";
 	import IconMoon from "~icons/fa6-solid/moon";
 
-
 	let theme: Theme;
 
 	afterUpdate(() => {

src/lib/app.css

@@ -34,7 +34,7 @@ body {
 	position: relative;
 	min-height: 100vh;
 	line-height: 1.625;
-	transition: all .25s;
+	transition: all 0.25s;
 }
 
 ::selection {

src/routes/__layout.svelte

@@ -7,14 +7,14 @@
 
 <SvelteSeo
 	title="Project Segfault"
-	description="7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack."
+	description="Open source development and hosted services."
 	canonical="https://projectsegfau.lt/"
 	keywords="projectsegfault, project segfault, privacy services, privacy instances, invidious, nitter, searxng, minecraft"
 	openGraph={{
 		url: "https://projectsegfau.lt/",
 		title: "Project Segfault",
 		description:
-			"7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack.",
+			"Open source development and hosted services.",
 		images: [
 			{
 				url: "/ProjectSegfault_Desktop_16-9.png",

src/routes/donate.md

@@ -13,10 +13,34 @@ If you donate, we will be more motivated to work on the server and host more stu
 
 ## Donation Links
 
-### Monero
+<h3>Monero</h3>
-Address: `47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA`  
-Alias: [projectsegfau.lt](https://projectsegfau.lt/) _(Put this in an OpenAlias compatible wallet e.g. MyMonero)_  
-[Click here for QR code.](/Monero.png)
 
+<div class="monero">
+    <div class="written">
+        <span>Address: <code>47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA</code></span><br />
+        <span>Alias: <a href="https://projectsegfau.lt/">projectsegfau.lt</a> <i>(Put this in an OpenAlias compatible wallet e.g. MyMonero)</i></span>
+    </div>
+    <div class="qr">
+        <img src="/Monero.png" alt="Monero QR code" />
+    </div>
+</div>
 
 _You can find all of our financial reports on [our transparency repository on GitHub](https://github.com/ProjectSegfault/transparency/)._
+
+<style>
+    .monero {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 8px;
+        word-wrap: break-word;
+    }
+
+    @media screen and (max-width: 1004px) {
+        .monero {
+            flex-direction: column;
+            align-items: initial;
+        }
+    }
+
+</style>

src/routes/index.svelte

@@ -6,7 +6,8 @@
 	import IconTriangleExclamation from "~icons/fa6-solid/triangle-exclamation";
 	import dayjs from "dayjs";
 
-	let description: string = "7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack.";
+	let description: string =
+		"Open source development and hosted services.";
 
 	let announcements: any = [];
 	async function fetchAnnouncements() {
@@ -46,9 +47,9 @@
 						<IconTriangleExclamation />
 					{/if}
 					<span>
-						{dayjs.unix(announcements.created).format(
+						{dayjs
-							"DD/MM/YYYY HH:mm"
+							.unix(announcements.created)
-						)}
+							.format("DD/MM/YYYY HH:mm")}
 					</span>
 				</div>
 				<div class="title">

src/routes/instances.svelte

@@ -1,17 +1,16 @@
 <script>
-    import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
+	import { CardInner, CardOuter } from "$lib/Card";
 	import instances from "$lib/Instances.json";
-    import IconGlobe from "~icons/fa6-solid/globe";
 
 	let groups = instances.reduce((curr, val) => {
-    let group = curr.find(g => g.category === `${val.category}`)
+		let group = curr.find((g) => g.category === `${val.category}`);
 		if (group) {
-        group.values.push(val)
+			group.values.push(val);
 		} else {
-        curr.push({ category: `${val.category}`, values: [ val ] }) 
+			curr.push({ category: `${val.category}`, values: [val] });
 		}
-    return curr
+		return curr;
-    }, [])
+	}, []);
 </script>
 
 <h1>Our instances</h1>
@@ -22,13 +21,14 @@
 				<h2>{group.category}</h2>
 				<div class="items">
 					{#each group.values as item}
-                                <CardInner title={item.name} description={item.description} icon={item.icon}>
+						<a href={item.website}>
-                                    <LinksOuter>
+							<CardInner
-                                        <Link url={item.website} classes="web">
+								title={item.name}
-                                            <IconGlobe />
+								description={item.description}
-                                        </Link>
+								icon={item.icon}
-                                    </LinksOuter>
+							>
 							</CardInner>
+						</a>
 					{/each}
 				</div>
 			</div>
@@ -37,8 +37,8 @@
 </CardOuter>
 
 <style>
-
+	.container-inner,
-    .container-inner, .container {
+	.container {
 		display: flex;
 		flex-direction: column;
 	}
@@ -49,4 +49,9 @@
 		flex-flow: row wrap;
 		gap: 2rem;
 	}
+
+	a {
+		text-decoration: none;
+		color: var(--text);
+	}
 </style>

src/routes/projects.svelte

@@ -28,7 +28,6 @@
 						<IconGitHub />
 					</Link>
 				{/if}
-				
 			</LinksOuter>
 		</CardInner>
 	{/each}

src/routes/team.svelte

@@ -61,7 +61,6 @@
 						<IconCamera />
 					</Link>
 				{/if}
-				
 			</LinksOuter>
 		</CardInner>
 	{/each}

src/routes/timeline.svelte

@@ -13,7 +13,10 @@
 
 <svelte:head>
 	<title>Timeline | Project Segfault</title>
-	<meta name="description" content="Timeline of Project Segfault's history." />
+	<meta
+		name="description"
+		content="Timeline of Project Segfault's history."
+	/>
 </svelte:head>
 
 <Hero>

static/logo.svg

@@ -8,7 +8,7 @@
    version="1.1"
    id="svg5"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
-   sodipodi:docname="logo.svg"
+   sodipodi:docname="pjsgfltrebrandtransparentish.svg"
    inkscape:export-filename="pjsgfltrebrandtransparentish.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -28,7 +28,7 @@
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="1.5866953"
-     inkscape:cx="192.22342"
+     inkscape:cx="191.9083"
      inkscape:cy="255.24749"
      inkscape:window-width="1920"
      inkscape:window-height="1022"
@@ -110,4 +110,12 @@
          inkscape:original-d="m 377.87971,133.48486 -236.02453,0.24251 V 383.6211 c 0,0 303.15572,-167.40787 44.67569,-108.17418 C 9.614791,315.98928 377.87971,133.48486 377.87971,133.48486 Z" />
     </g>
   </g>
+  <rect
+     style="fill:#00a584;fill-opacity:0.563436;paint-order:stroke fill markers;image-rendering:optimizeQuality"
+     id="rect4630"
+     width="375.63217"
+     height="380.60764"
+     x="0"
+     y="0"
+     ry="52.713902" />
 </svg>

static/logo_transparent.svg

@@ -8,7 +8,7 @@
    version="1.1"
    id="svg5"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
-   sodipodi:docname="pjsgfltrebrandtransparentish.svg"
+   sodipodi:docname="logo.svg"
    inkscape:export-filename="pjsgfltrebrandtransparentish.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -28,7 +28,7 @@
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="1.5866953"
-     inkscape:cx="191.9083"
+     inkscape:cx="192.22342"
      inkscape:cy="255.24749"
      inkscape:window-width="1920"
      inkscape:window-height="1022"
@@ -110,12 +110,4 @@
          inkscape:original-d="m 377.87971,133.48486 -236.02453,0.24251 V 383.6211 c 0,0 303.15572,-167.40787 44.67569,-108.17418 C 9.614791,315.98928 377.87971,133.48486 377.87971,133.48486 Z" />
     </g>
   </g>
-  <rect
-     style="fill:#00a584;fill-opacity:0.563436;paint-order:stroke fill markers;image-rendering:optimizeQuality"
-     id="rect4630"
-     width="375.63217"
-     height="380.60764"
-     x="0"
-     y="0"
-     ry="52.713902" />
 </svg>