mirror of
https://github.com/ProjectSegfault/website.git
synced 2025-05-31 14:12:04 +05:30
fix build and format files to match code style
This commit is contained in:
@@ -1,70 +1,70 @@
|
||||
<script>
|
||||
import IconDiscord from "~icons/simple-icons/discord";
|
||||
import IconMatrix from "~icons/simple-icons/matrix";
|
||||
import IconGitHub from "~icons/simple-icons/github";
|
||||
import IconSignal from "~icons/fa6-solid/signal";
|
||||
import IconDiscord from "~icons/simple-icons/discord";
|
||||
import IconMatrix from "~icons/simple-icons/matrix";
|
||||
import IconGitHub from "~icons/simple-icons/github";
|
||||
import IconSignal from "~icons/fa6-solid/signal";
|
||||
</script>
|
||||
|
||||
<footer>
|
||||
<hr />
|
||||
<div class="content">
|
||||
<span>© 2021 - present, Project Segfault</span>
|
||||
<hr />
|
||||
<div class="content">
|
||||
<span>© 2021 - present, Project Segfault</span>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">
|
||||
<IconMatrix />
|
||||
</a>
|
||||
<a href="https://discord.gg/26EG7fFtfS">
|
||||
<IconDiscord />
|
||||
</a>
|
||||
<a href="https://github.com/ProjectSegfault">
|
||||
<IconGitHub />
|
||||
</a>
|
||||
<a href="https://status.projectsegfau.lt/">
|
||||
<IconSignal />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links">
|
||||
<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">
|
||||
<IconMatrix />
|
||||
</a>
|
||||
<a href="https://discord.gg/26EG7fFtfS">
|
||||
<IconDiscord />
|
||||
</a>
|
||||
<a href="https://github.com/ProjectSegfault">
|
||||
<IconGitHub />
|
||||
</a>
|
||||
<a href="https://status.projectsegfau.lt/">
|
||||
<IconSignal />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
footer {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 20px;
|
||||
}
|
||||
footer {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: var(--accent-primary);
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
hr {
|
||||
color: var(--accent-primary);
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
div.content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
div.content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
div.links {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
div.links {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.links a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
@media only screen and (max-width: 500px) {
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
div.links {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
div.links {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,86 +1,91 @@
|
||||
<script>
|
||||
import * as strings from "$lib/strings";
|
||||
import * as strings from "$lib/strings";
|
||||
</script>
|
||||
|
||||
<nav>
|
||||
<a class="brand" href="/">
|
||||
<img src="/logo.png" alt="Project Segfault logo">
|
||||
<span style="color: var(--accent-secondary); margin-left: 4px; margin-right: 4px;">{strings.PROJECT}</span>
|
||||
<span style="color: var(--accent-primary); margin-right: 8px;">{strings.SEGFAULT}</span>
|
||||
</a>
|
||||
<a class="brand" href="/">
|
||||
<img src="/logo.png" alt="Project Segfault logo" />
|
||||
<span
|
||||
style="color: var(--accent-secondary); margin-left: 4px; margin-right: 4px;"
|
||||
>{strings.PROJECT}</span
|
||||
>
|
||||
<span style="color: var(--accent-primary); margin-right: 8px;"
|
||||
>{strings.SEGFAULT}</span
|
||||
>
|
||||
</a>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://instances.projectsegfau.lt/">{strings.INSTANCES}</a>
|
||||
<a href="/minecraft">{strings.MINECRAFT}</a>
|
||||
<a href="/donate">{strings.DONATE}</a>
|
||||
<a href="/faq">{strings.FAQ}</a>
|
||||
<a href="/contact">{strings.CONTACT}</a>
|
||||
<a href="https://blog.projectsegfau.lt/">{strings.BLOG}</a>
|
||||
</div>
|
||||
<div class="links">
|
||||
<a href="https://instances.projectsegfau.lt/">{strings.INSTANCES}</a>
|
||||
<a href="/minecraft">{strings.MINECRAFT}</a>
|
||||
<a href="/donate">{strings.DONATE}</a>
|
||||
<a href="/faq">{strings.FAQ}</a>
|
||||
<a href="/contact">{strings.CONTACT}</a>
|
||||
<a href="https://blog.projectsegfau.lt/">{strings.BLOG}</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
nav {
|
||||
background-color: var(--secondary);
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
nav {
|
||||
background-color: var(--secondary);
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
a.brand {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.brand {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.links > * {
|
||||
background-color: var(--tertiary);
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
padding: 1rem;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
font-family: var(--font-primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
.links > * {
|
||||
background-color: var(--tertiary);
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
padding: 1rem;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
font-family: var(--font-primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.links > *:hover {
|
||||
background-color: var(--accent-tertiary);
|
||||
text-decoration: none;
|
||||
transition: all 0.5s;
|
||||
color: var(--secondary);
|
||||
}
|
||||
.links > *:hover {
|
||||
background-color: var(--accent-tertiary);
|
||||
text-decoration: none;
|
||||
transition: all 0.5s;
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.links > *:active {
|
||||
background-color: var(--accent-primary);
|
||||
text-decoration: none;
|
||||
transition: all 0.5s;
|
||||
color: var(--secondary);
|
||||
}
|
||||
.links > *:active {
|
||||
background-color: var(--accent-primary);
|
||||
text-decoration: none;
|
||||
transition: all 0.5s;
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
img {
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
img {
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.links {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
div.links {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 820px) {
|
||||
nav {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
@media only screen and (max-width: 820px) {
|
||||
nav {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
div.links {
|
||||
flex-direction: column;
|
||||
margin-top: 10px;
|
||||
gap: 19px;
|
||||
}
|
||||
}
|
||||
div.links {
|
||||
flex-direction: column;
|
||||
margin-top: 10px;
|
||||
gap: 19px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,33 +1,33 @@
|
||||
@font-face {
|
||||
font-family: Comfortaa;
|
||||
src: url("/Comfortaa.ttf");
|
||||
font-display: swap;
|
||||
font-family: Comfortaa;
|
||||
src: url("/Comfortaa.ttf");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
html {
|
||||
--primary: #151515;
|
||||
--secondary: #252525;
|
||||
--tertiary: #353535;
|
||||
--accent-primary: #00d4aa;
|
||||
--accent-secondary: #ce1717;
|
||||
--text: #fff;
|
||||
--font-primary: Comfortaa;
|
||||
--accent-tertiary: #4beacb;
|
||||
--primary: #151515;
|
||||
--secondary: #252525;
|
||||
--tertiary: #353535;
|
||||
--accent-primary: #00d4aa;
|
||||
--accent-secondary: #ce1717;
|
||||
--text: #fff;
|
||||
--font-primary: Comfortaa;
|
||||
--accent-tertiary: #4beacb;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-primary);
|
||||
background-color: var(--primary);
|
||||
color: var(--text);
|
||||
margin: 0;
|
||||
font-family: var(--font-primary);
|
||||
background-color: var(--primary);
|
||||
color: var(--text);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 1rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: var(--accent-primary);
|
||||
text-underline-offset: 5px;
|
||||
}
|
||||
text-decoration: underline;
|
||||
color: var(--accent-primary);
|
||||
text-underline-offset: 5px;
|
||||
}
|
||||
|
||||
@@ -1,32 +1,31 @@
|
||||
<script lang="ts">
|
||||
export let title;
|
||||
export let description;
|
||||
export let separator;
|
||||
import SvelteSeo from 'svelte-seo';
|
||||
// Enjoy the jank.
|
||||
if(title === "Project Segfault") {
|
||||
title = "";
|
||||
separator = "";
|
||||
}
|
||||
else {
|
||||
separator = "|";
|
||||
}
|
||||
export let separator;
|
||||
import SvelteSeo from "svelte-seo";
|
||||
// Enjoy the jank.
|
||||
if (title === "Project Segfault") {
|
||||
title = "";
|
||||
separator = "";
|
||||
} else {
|
||||
separator = "|";
|
||||
}
|
||||
</script>
|
||||
|
||||
<SvelteSeo
|
||||
openGraph={{
|
||||
title: title,
|
||||
description: description,
|
||||
type: 'website',
|
||||
images: [
|
||||
{
|
||||
url: 'https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF',
|
||||
width: 850,
|
||||
height: 650,
|
||||
alt: 'Image'
|
||||
}
|
||||
]
|
||||
}}
|
||||
openGraph={{
|
||||
title: title,
|
||||
description: description,
|
||||
type: "website",
|
||||
images: [
|
||||
{
|
||||
url: "https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF",
|
||||
width: 850,
|
||||
height: 650,
|
||||
alt: "Image"
|
||||
}
|
||||
]
|
||||
}}
|
||||
/>
|
||||
|
||||
<svelte:head>
|
||||
@@ -35,4 +34,4 @@
|
||||
|
||||
<div class="mdsvex_content">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"PROJECT": "Project",
|
||||
"SEGFAULT": "Segfault",
|
||||
"INSTANCES": "Instances & Gameservers",
|
||||
"MINECRAFT": "Minecraft",
|
||||
"DONATE": "Donate",
|
||||
"FAQ": "FAQ",
|
||||
"CONTACT": "Contact",
|
||||
"BLOG": "Blog"
|
||||
}
|
||||
"PROJECT": "Project",
|
||||
"SEGFAULT": "Segfault",
|
||||
"INSTANCES": "Instances & Gameservers",
|
||||
"MINECRAFT": "Minecraft",
|
||||
"DONATE": "Donate",
|
||||
"FAQ": "FAQ",
|
||||
"CONTACT": "Contact",
|
||||
"BLOG": "Blog"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user