mirror of
https://github.com/ProjectSegfault/website.git
synced 2025-05-31 14:12:04 +05:30
more changes
This commit is contained in:
@@ -1,7 +1,4 @@
|
||||
<script>
|
||||
import IconMatrix from "~icons/simple-icons/matrix";
|
||||
import IconGitHub from "~icons/simple-icons/github";
|
||||
import IconSignal from "~icons/fa6-solid/signal";
|
||||
import { page } from "$app/stores";
|
||||
</script>
|
||||
|
||||
@@ -10,7 +7,7 @@
|
||||
<a
|
||||
href="https://www.abuseipdb.com/user/82331"
|
||||
title="AbuseIPDB is an IP address blacklist for webmasters and sysadmins to report IP addresses engaging in abusive behavior on their networks"
|
||||
style="width: fit-content;"
|
||||
style="width: fit-content; padding: 1rem;"
|
||||
>
|
||||
<img
|
||||
src="https://www.abuseipdb.com/contributor/82331.svg"
|
||||
@@ -18,68 +15,34 @@
|
||||
/>
|
||||
</a>
|
||||
{/if}
|
||||
<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://github.com/ProjectSegfault/">
|
||||
<IconGitHub />
|
||||
</a>
|
||||
<a href="https://status.projectsegfau.lt/">
|
||||
<IconSignal />
|
||||
</a>
|
||||
</div>
|
||||
<span>© 2021 - present, Project Segfault team</span>
|
||||
<span>Made with <a href="https://kit.svelte.dev/">SvelteKit</a> and released under the <a href="https://opensource.org/licenses/MIT/">MIT license</a>.</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
footer {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 20px;
|
||||
position: sticky;
|
||||
top: 100vh;
|
||||
width: calc(100vw - 2rem);
|
||||
}
|
||||
|
||||
hr {
|
||||
color: var(--accent-primary);
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
div.content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
div.links {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.links a {
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
border-top: 1px solid var(--grey);
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
div.links {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.content > * {
|
||||
color: var(--text);
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img {
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
<script>
|
||||
import IconBars from "~icons/fa6-solid/bars";
|
||||
import IconMatrix from "~icons/simple-icons/matrix";
|
||||
import IconGitHub from "~icons/simple-icons/github";
|
||||
</script>
|
||||
|
||||
<nav>
|
||||
@@ -16,15 +18,22 @@
|
||||
</label>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://instances.projectsegfau.lt/">Hosted services</a
|
||||
<a href="https://instances.projectsegfau.lt/">Instances</a
|
||||
>
|
||||
<a href="/minecraft">Minecraft</a>
|
||||
<a href="/donate">Donate</a>
|
||||
<a href="/faq">FAQ</a>
|
||||
<a href="/contact">Contact us</a>
|
||||
<a href="/members">Our team</a>
|
||||
<a href="/team">Our team</a>
|
||||
<a href="https://blog.projectsegfau.lt/">Blog</a>
|
||||
<a href="/legal">Legal</a>
|
||||
<a href="https://status.projectsegfau.lt/">Status</a>
|
||||
<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt/">
|
||||
<IconMatrix />
|
||||
</a>
|
||||
<a href="https://github.com/ProjectSegfault/">
|
||||
<IconGitHub />
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -54,6 +63,7 @@
|
||||
.links {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
|
||||
}
|
||||
|
||||
.links > * {
|
||||
@@ -64,6 +74,8 @@
|
||||
transition: color .25s;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.links > *:hover {
|
||||
@@ -85,7 +97,7 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
@media screen and (max-width: 870px) {
|
||||
.links {
|
||||
display: none;
|
||||
width: 100%;
|
||||
@@ -109,7 +121,7 @@
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
top: .35rem;
|
||||
top: .5rem;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
height: 30px;
|
||||
|
||||
14
src/lib/Projects.json
Normal file
14
src/lib/Projects.json
Normal file
@@ -0,0 +1,14 @@
|
||||
[
|
||||
{
|
||||
"name": "Website",
|
||||
"description": "Our website written in SvelteKit.",
|
||||
"github": "https://github.com/ProjectSegfault/website/",
|
||||
"website": "https://projectsegfau.lt/"
|
||||
},
|
||||
{
|
||||
"name": "Segfautils",
|
||||
"description": "Web utilities (APIs) for Project Segfault, but you could probably use them too.",
|
||||
"github": "https://github.com/ProjectSegfault/Segfautils/",
|
||||
"website": "https://segfautils.projectsegfau.lt/"
|
||||
}
|
||||
]
|
||||
@@ -10,17 +10,23 @@
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Raleway;
|
||||
src: url("/Raleway.ttf");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
html {
|
||||
--primary: #151515;
|
||||
--secondary: #252525;
|
||||
--tertiary: #353535;
|
||||
--accent-primary: #00d4aa;
|
||||
--accent-secondary: #00d4aa;
|
||||
--accent-tertiary: #00d4aa;
|
||||
--accent-primary: #B59BD8;
|
||||
--accent-secondary: #B59BD8;
|
||||
--accent-tertiary: #B59BD8;
|
||||
--text: #ffffffde;
|
||||
--grey: #5454547a;
|
||||
--font-primary: Comfortaa;
|
||||
--font-header: Inter
|
||||
--font-primary: Raleway;
|
||||
--font-header: Raleway;
|
||||
|
||||
}
|
||||
|
||||
@@ -44,4 +50,9 @@ a {
|
||||
text-decoration: underline;
|
||||
color: var(--accent-primary);
|
||||
text-underline-offset: 5px;
|
||||
transition: filter .25s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
filter: brightness(125%);
|
||||
}
|
||||
Reference in New Issue
Block a user