mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-11-26 16:52:08 +05:30
various fixes
This commit is contained in:
parent
35c788df0f
commit
7ff06f1c7b
@ -12,7 +12,8 @@
|
|||||||
.web,
|
.web,
|
||||||
.email,
|
.email,
|
||||||
.picture,
|
.picture,
|
||||||
.pgp {
|
.pgp,
|
||||||
|
.link {
|
||||||
background-color: var(--alt);
|
background-color: var(--alt);
|
||||||
color: var(--alt-text);
|
color: var(--alt-text);
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -37,18 +37,4 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 270px;
|
|
||||||
background: var(--accent);
|
|
||||||
padding: 0.5rem;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
$: currentPage = $page.url.pathname;
|
$: currentPage = $page.url.pathname;
|
||||||
|
|
||||||
const menus = [
|
const menus = [
|
||||||
{ name: "Instances", url: "/instances" },
|
{ name: "Services", url: "/services" },
|
||||||
{ name: "Projects", url: "/projects" },
|
{ name: "Projects", url: "/projects" },
|
||||||
{ name: "Minecraft", url: "/minecraft" },
|
{ name: "Minecraft", url: "/minecraft" },
|
||||||
{ name: "Donate", url: "/donate" },
|
{ name: "Donate", url: "/donate" },
|
||||||
@ -46,12 +46,20 @@
|
|||||||
<a href="https://github.com/ProjectSegfault/">
|
<a href="https://github.com/ProjectSegfault/">
|
||||||
<div class="i-simple-icons:github" />
|
<div class="i-simple-icons:github" />
|
||||||
</a>
|
</a>
|
||||||
<div>
|
<div class="theme-toggle">
|
||||||
<ThemeToggle />
|
<ThemeToggle />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<noscript>
|
||||||
|
<style>
|
||||||
|
.theme-toggle {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
nav {
|
nav {
|
||||||
background-color: var(--primary);
|
background-color: var(--primary);
|
||||||
|
@ -11,9 +11,10 @@ description: Do you want to contact us?
|
|||||||
|
|
||||||
{ description }
|
{ description }
|
||||||
|
|
||||||
## Contact Form
|
<div class="contact-form">
|
||||||
|
<h2>Contact form</h2>
|
||||||
<ContactForm />
|
<ContactForm />
|
||||||
|
</div>
|
||||||
|
|
||||||
## Our email
|
## Our email
|
||||||
|
|
||||||
@ -24,3 +25,11 @@ _Please be aware that Microsoft often blocks non-popular emails, if you do conta
|
|||||||
## People
|
## People
|
||||||
|
|
||||||
You can find ways to contact individual team members [on our team page](/team).
|
You can find ways to contact individual team members [on our team page](/team).
|
||||||
|
|
||||||
|
<noscript>
|
||||||
|
<style>
|
||||||
|
.contact-form {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</noscript>
|
@ -25,7 +25,7 @@
|
|||||||
marginTop="7"
|
marginTop="7"
|
||||||
>
|
>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<LinkButton url="/instances" title="Explore our services" />
|
<LinkButton url="/services" title="Explore our services" />
|
||||||
<LinkButton url="/projects" title="Explore our projects" />
|
<LinkButton url="/projects" title="Explore our projects" />
|
||||||
<LinkButton
|
<LinkButton
|
||||||
url="/donate"
|
url="/donate"
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
<script>
|
<script>
|
||||||
import { CardInner, CardOuter, LinksOuter, Link } from "$lib/Card";
|
import { CardInner, CardOuter, LinksOuter, Link } from "$lib/Card";
|
||||||
import instances from "$lib/Instances.json";
|
import services from "$lib/Services.json";
|
||||||
|
|
||||||
let groups = instances.reduce((curr, val) => {
|
let groups = services.reduce((curr, val) => {
|
||||||
let group = curr.find((g) => g.category === `${val.category}`);
|
let group = curr.find((g) => g.category === `${val.category}`);
|
||||||
if (group) {
|
if (group) {
|
||||||
group.values.push(val);
|
group.values.push(val);
|
||||||
@ -13,7 +13,12 @@
|
|||||||
}, []);
|
}, []);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h1>Our instances</h1>
|
<svelte:head>
|
||||||
|
<title>Our services | Project Segfault</title>
|
||||||
|
<meta name="description" content="Our collection of services." />
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<h1>Our services</h1>
|
||||||
<CardOuter>
|
<CardOuter>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
{#each groups as group}
|
{#each groups as group}
|
||||||
@ -21,22 +26,26 @@
|
|||||||
<h2>{group.category}</h2>
|
<h2>{group.category}</h2>
|
||||||
<div class="items">
|
<div class="items">
|
||||||
{#each group.values as item}
|
{#each group.values as item}
|
||||||
<a href={item.website}>
|
|
||||||
<CardInner
|
<CardInner
|
||||||
title={item.name}
|
title={item.name}
|
||||||
description={item.description}
|
description={item.description}
|
||||||
icon={item.icon}
|
icon={item.icon}
|
||||||
>
|
>
|
||||||
<LinksOuter>
|
<LinksOuter>
|
||||||
<Link url={item.projectWebsite} class="web">
|
<Link url={item.website} class="web">
|
||||||
<div class="projectWebsite">
|
<div class="projectWebsite">
|
||||||
<div class="i-fa6-solid:globe" />
|
<div class="i-fa6-solid:globe" />
|
||||||
|
<span>Instance link</span>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
|
<Link url={item.projectWebsite} class="link">
|
||||||
|
<div class="projectWebsite">
|
||||||
|
<div class="i-fa6-solid:circle-info" />
|
||||||
<span>Project website</span>
|
<span>Project website</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</LinksOuter>
|
</LinksOuter>
|
||||||
</CardInner>
|
</CardInner>
|
||||||
</a>
|
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -58,11 +67,6 @@
|
|||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.projectWebsite {
|
.projectWebsite {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
Loading…
Reference in New Issue
Block a user