This commit is contained in:
2022-08-05 17:01:15 +03:00
parent 9916e5f2f8
commit cb88889342
14 changed files with 306 additions and 251 deletions

View File

@@ -4,22 +4,27 @@
<footer>
{#if $page.url.pathname === "/"}
<div class="badge">
<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; padding: 1rem;"
>
<img
src="https://www.abuseipdb.com/contributor/82331.svg"
alt="AbuseIPDB Contributor Badge"
/>
</a>
</div>
<div class="badge">
<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; padding: 1rem;"
>
<img
src="https://www.abuseipdb.com/contributor/82331.svg"
alt="AbuseIPDB Contributor Badge"
/>
</a>
</div>
{/if}
<div class="content">
<span>© 2021 - present, Project Segfault <a href="/team">team</a></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>
<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>
@@ -37,7 +42,7 @@
align-items: center;
flex-direction: column;
border-top: 1px solid var(--grey);
padding: .5rem;
padding: 0.5rem;
}
div.content > * {
@@ -47,12 +52,12 @@
text-align: center;
}
.badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
img {
width: 270px;

View File

@@ -1,42 +1,42 @@
<script lang="ts">
export let title: string;
export let description: string;
export let marginTop: string;
export let title: string;
export let description: string;
export let marginTop: string;
</script>
<div class="hero" style="margin-top: {marginTop}%;">
{#if title}
<h1>{title}</h1>
{/if}
{#if description}
<p>{description}</p>
{/if}
<slot />
{#if title}
<h1>{title}</h1>
{/if}
{#if description}
<p>{description}</p>
{/if}
<slot />
</div>
<style>
.hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: var(--font-header);
}
.hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: var(--font-header);
}
.hero > * {
margin: 0;
padding: 0;
text-align: center;
}
.hero > * {
margin: 0;
padding: 0;
text-align: center;
}
p {
font-size: 30px;
color: #b6b6b6;
}
p {
font-size: 30px;
color: #b6b6b6;
}
h1 {
font-size: 50px;
font-weight: 800;
color: var(--accent-primary);
}
</style>
h1 {
font-size: 50px;
font-weight: 800;
color: var(--accent-primary);
}
</style>

View File

@@ -18,8 +18,7 @@
</label>
<div class="links">
<a href="https://instances.projectsegfau.lt/">Instances</a
>
<a href="https://instances.projectsegfau.lt/">Instances</a>
<a href="/minecraft">Minecraft</a>
<a href="/donate">Donate</a>
<a href="/faq">FAQ</a>
@@ -43,7 +42,7 @@
background-color: var(--primary);
border-bottom: 1px solid var(--grey);
display: flex;
padding: .5rem;
padding: 0.5rem;
flex-direction: row;
align-items: center;
justify-content: space-between;
@@ -54,25 +53,24 @@
text-decoration: none;
color: var(--text);
gap: 8px;
transition: opacity .25s;
transition: opacity 0.25s;
}
a.brand:hover {
opacity: .6;
opacity: 0.6;
}
.links {
display: flex;
gap: 0.5rem;
}
.links > * {
padding: .5rem;
padding: 0.5rem;
cursor: pointer;
color: var(--text);
text-decoration: none;
transition: color .25s;
transition: color 0.25s;
font-size: 13px;
font-weight: 500;
display: flex;
@@ -122,7 +120,7 @@
z-index: 1;
position: absolute;
right: 1rem;
top: .5rem;
top: 0.5rem;
border: none;
border-radius: 10px;
height: 30px;

View File

@@ -26,7 +26,6 @@
"website": "https://miicord.com/",
"email": "midou@projectsegfau.lt",
"pgp": "https://keys.openpgp.org/vks/v1/by-fingerprint/E2CA3E4AAC6FF624A1EB993FFC7429AE78981D71"
},
{
"name": "MrLeRien",

View File

@@ -20,14 +20,13 @@ html {
--primary: #151515;
--secondary: #252525;
--tertiary: #353535;
--accent-primary: #B59BD8;
--accent-secondary: #B59BD8;
--accent-tertiary: #B59BD8;
--accent-primary: #b59bd8;
--accent-secondary: #b59bd8;
--accent-tertiary: #b59bd8;
--text: #ffffffde;
--grey: #5454547a;
--font-primary: Raleway;
--font-header: Raleway;
}
body {
@@ -50,9 +49,9 @@ a {
text-decoration: underline;
color: var(--accent-primary);
text-underline-offset: 5px;
transition: filter .25s;
transition: filter 0.25s;
}
a:hover {
filter: brightness(125%);
}
}