requested changes

This commit is contained in:
2022-08-08 08:20:03 +03:00
parent 992d671b3d
commit 610ad6d5c7
18 changed files with 330 additions and 294 deletions

View File

@@ -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",

View File

@@ -13,10 +13,34 @@ If you donate, we will be more motivated to work on the server and host more stu
## Donation Links
### Monero
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)
<h3>Monero</h3>
<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>

View File

@@ -6,8 +6,9 @@
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() {
const url = `https://segfautils.projectsegfau.lt/api/announcements`;
@@ -46,9 +47,9 @@
<IconTriangleExclamation />
{/if}
<span>
{dayjs.unix(announcements.created).format(
"DD/MM/YYYY HH:mm"
)}
{dayjs
.unix(announcements.created)
.format("DD/MM/YYYY HH:mm")}
</span>
</div>
<div class="title">

View File

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

View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import projects from "$lib/Projects.json";
import IconGitHub from "~icons/simple-icons/github";
import IconGitHub from "~icons/simple-icons/github";
import IconGlobe from "~icons/fa6-solid/globe";
import IconEmail from "~icons/fa6-solid/envelope";
import IconCamera from "~icons/fa6-solid/camera";
@@ -14,10 +14,10 @@
<h1>Our projects</h1>
<CardOuter>
{#each projects as { name, description, github, website }}
<CardInner title={name} {description}>
<LinksOuter>
{#if website}
{#each projects as { name, description, github, website }}
<CardInner title={name} {description}>
<LinksOuter>
{#if website}
<Link url={website} classes="web">
<IconGlobe />
</Link>
@@ -28,8 +28,7 @@
<IconGitHub />
</Link>
{/if}
</LinksOuter>
</CardInner>
{/each}
</CardOuter>
</LinksOuter>
</CardInner>
{/each}
</CardOuter>

View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import members from "$lib/Team.json";
import IconDiscord from "~icons/simple-icons/discord";
import IconMatrix from "~icons/simple-icons/matrix";
@@ -17,10 +17,10 @@
<h1>Our team</h1>
<CardOuter>
{#each members as { name, discord, matrix, position, description, github, pgp, website, email, picture }}
<CardInner title={name} {position} {description}>
<LinksOuter>
{#if matrix}
{#each members as { name, discord, matrix, position, description, github, pgp, website, email, picture }}
<CardInner title={name} {position} {description}>
<LinksOuter>
{#if matrix}
<Link url={matrix} classes="matrixcolored">
<IconMatrix />
</Link>
@@ -61,8 +61,7 @@
<IconCamera />
</Link>
{/if}
</LinksOuter>
</CardInner>
{/each}
</CardOuter>
</LinksOuter>
</CardInner>
{/each}
</CardOuter>

View File

@@ -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>