ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2025-05-31 14:12:04 +05:30
Code Issues Projects Releases Wiki Activity

fix most remaining issues

Browse Source
This commit is contained in:
Akis
2022-08-08 10:46:52 +03:00
parent f064134e2d
commit c531d6a908
14 changed files with 352 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/Card/Link.svelte
View File

@ -12,11 +12,13 @@
.email,
.picture,
.pgp {
background-color: var(--tertiary);
color: #fff !important;
background-color: var(--alt);
color: var(--alt-text);
font-size: 20px;
height: 23px;
transition: all 0.25s;
display: flex;
align-items: center;
}
.web:hover,
@ -24,28 +26,34 @@
.picture:hover,
.pgp:hover {
background-color: var(--accent);
color: #333 !important;
color: var(--alt);
}
.matrixcolored {
background-color: #333;
color: #fff !important;
background-color: var(--alt);
color: var(--alt-text);
font-size: 20px;
height: 23px;
display: flex;
align-items: center;
}
.discordcolored {
background-color: #5865f2;
color: #fff !important;
color: #fff;
font-size: 20px;
height: 23px;
display: flex;
align-items: center;
}
.githubcolored {
background-color: #333;
color: #fff !important;
color: #fff;
font-size: 20px;
height: 23px;
display: flex;
align-items: center;
}
a {

11
src/lib/ContactForm.svelte
View File

@ -1,6 +1,4 @@
<script lang="ts">
import IconLock from "~icons/fa6-solid/lock";
import IconInfo from "~icons/fa6-solid/circle-info";
import HCaptcha from "svelte-hcaptcha";
let submit = false;
@ -15,7 +13,7 @@
id="contact-form"
>
<div class="note">
<IconLock />
<div class="i-fa6-solid:lock"></div>
<b>Your IP will be logged for anti-abuse measures.</b>
</div>
<div class="meta">
@ -44,12 +42,11 @@
placeholder="Your message"
/>
<div class="note">
<IconInfo />
<div class="i-fa6-solid:circle-info"></div>
<b>The submit button will be visible when you complete the Captcha.</b>
</div>
<HCaptcha
sitekey="67e84266-980c-4050-8a39-142a91928fe8"
theme="dark"
on:success={showSubmitButton}
/>
{#if submit}
@ -99,7 +96,7 @@
}
.form-textbox {
background-color: var(--tertiary);
background-color: var(--secondary);
color: var(--text);
border-radius: 10px;
border: none;
@ -109,7 +106,7 @@
}
.button {
background-color: var(--tertiary);
background-color: var(--secondary);
border: none;
border-radius: 10px;
padding: 0.5rem;

10
src/lib/Nav.svelte
View File

@ -1,7 +1,4 @@
<script lang="ts">
import IconBars from "~icons/fa6-solid/bars";
import IconMatrix from "~icons/simple-icons/matrix";
import IconGitHub from "~icons/simple-icons/github";
import ThemeToggle from "./ThemeToggle.svelte";
import { page } from "$app/stores";
@ -30,8 +27,7 @@
<input type="checkbox" id="toggle-menu" />
<label class="menu-icon" for="toggle-menu">
<div id="menu-icon">
<IconBars />
<div id="menu-icon" class="i-fa6-solid:bars">
</div>
</label>
@ -46,10 +42,10 @@
>
{/each}
<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt/">
<IconMatrix />
<div class="i-simple-icons:matrix"></div>
</a>
<a href="https://github.com/ProjectSegfault/">
<IconGitHub />
<div class="i-simple-icons:github"></div>
</a>
<div>
<ThemeToggle />

8
src/lib/ThemeToggle.svelte
View File

@ -2,8 +2,6 @@
import { afterUpdate } from "svelte";
import DarkMode from "svelte-dark-mode";
import type { Theme } from "svelte-dark-mode/types/DarkMode.svelte";
import IconSun from "~icons/fa6-solid/sun";
import IconMoon from "~icons/fa6-solid/moon";
let theme: Theme;
@ -19,12 +17,10 @@
<DarkMode bind:theme />
{#if theme === "dark"}
<div on:click={toggle}>
<IconSun />
<div on:click={toggle} class="i-fa6-solid:sun">
</div>
{:else if theme === "light"}
<div on:click={toggle}>
<IconMoon />
<div on:click={toggle} class="i-fa6-solid:moon">
</div>
{/if}

4
src/lib/app.css
View File

@ -14,6 +14,8 @@ html {
--tertiary: #353535;
--text: #ffffffde;
--grey: #5454547a;
--alt: #333;
--alt-text: #ddd
}
html.light {
@ -22,6 +24,8 @@ html.light {
--tertiary: #939393;
--text: #444444;
--grey: #444444;
--alt: #ddd;
--alt-text: #333;
}
body {

1
src/routes/__layout.svelte
View File

@ -3,6 +3,7 @@
import Nav from "$lib/Nav.svelte";
import Footer from "$lib/Footer.svelte";
import SvelteSeo from "svelte-seo";
import "uno.css";
</script>
<SvelteSeo

2
src/routes/faq.md
View File

@ -11,7 +11,7 @@ The project doesn't have a single owner but is made up of a team of people. A li
## What's the backstory to Project Segfault?
We have a rather interesting backstory, if I do say so myself. [Click here to see a timeline of things that happened in Project Segfault's history](/timeline)
We have a rather interesting backstory, if I do say so myself. [Click here to see a timeline of things that happened in Project Segfault's history](/timeline).
## One of your services contains toxic people!

9
src/routes/index.svelte
View File

@ -1,9 +1,6 @@
<script lang="ts">
import SvelteSeo from "svelte-seo";
import Hero from "$lib/Hero.svelte";
import IconMoneyBill from "~icons/fa6-solid/money-bill";
import IconCircleInfo from "~icons/fa6-solid/circle-info";
import IconTriangleExclamation from "~icons/fa6-solid/triangle-exclamation";
import dayjs from "dayjs";
let description: string = "Open source development and hosted services.";
@ -29,7 +26,7 @@
<div class="buttons">
<a href="/instances">Explore our services</a>
<a href="/projects">Explore our projects</a>
<a href="/donate"><IconMoneyBill /> Donate</a>
<a href="/donate"><div class="i-fa6-solid:money-bill"></div> Donate</a>
</div>
</Hero>
@ -41,9 +38,9 @@
<div class="announcement">
<div class="general">
{#if announcements.severity === "info"}
<IconCircleInfo />
<div class="i-fa6-solid:circle-info"></div>
{:else}
<IconTriangleExclamation />
<div class="i-fa6-solid:triangle-exclamation"></div>
{/if}
<span>
{dayjs

8
src/routes/projects.svelte
View File

@ -1,10 +1,6 @@
<script lang="ts">
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import projects from "$lib/Projects.json";
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";
</script>
<svelte:head>
@ -19,13 +15,13 @@
<LinksOuter>
{#if website}
<Link url={website} classes="web">
<IconGlobe />
<div class="i-fa6-solid:globe"></div>
</Link>
{/if}
{#if github}
<Link url={github} classes="githubcolored">
<IconGitHub />
<div class="i-simple-icons:github"></div>
</Link>
{/if}
</LinksOuter>

21
src/routes/team.svelte
View File

@ -1,13 +1,6 @@
<script lang="ts">
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";
import IconGitHub from "~icons/simple-icons/github";
import IconKey from "~icons/fa6-solid/key";
import IconGlobe from "~icons/fa6-solid/globe";
import IconEmail from "~icons/fa6-solid/envelope";
import IconCamera from "~icons/fa6-solid/camera";
</script>
<svelte:head>
@ -22,43 +15,43 @@
<LinksOuter>
{#if matrix}
<Link url={matrix} classes="matrixcolored">
<IconMatrix />
<div class="i-simple-icons:matrix"></div>
</Link>
{/if}
{#if discord}
<Link url={discord} classes="discordcolored">
<IconDiscord />
<div class="i-simple-icons:discord"></div>
</Link>
{/if}
{#if github}
<Link url={github} classes="githubcolored">
<IconGitHub />
<div class="i-simple-icons:github"></div>
</Link>
{/if}
{#if website}
<Link url={website} classes="web">
<IconGlobe />
<div class="i-fa6-solid:globe"></div>
</Link>
{/if}
{#if email}
<Link url="mailto:{email}" classes="email">
<IconEmail />
<div class="i-fa6-solid:envelope"></div>
</Link>
{/if}
{#if pgp}
<Link url={pgp} classes="pgp">
<IconKey />
<div class="i-fa6-solid:key"></div>
</Link>
{/if}
{#if picture}
<Link url={picture} classes="picture">
<IconCamera />
<div class="i-fa6-solid:camera"></div>
</Link>
{/if}
</LinksOuter>