ngn/website
1
0
Fork 0
Code Issues 1 Pull Requests 5 Actions Packages Activity

remove bloat fonts, get rid of svelte-i18n

Browse Source 
Signed-off-by: ngn <ngn@ngn.tf>
This commit is contained in:
ngn
2025-07-24 06:15:19 +03:00
parent bf95c575eb
commit e3692f90b1
53 changed files with 1965 additions and 2616 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
app/src/routes/+page.svelte
View File

@@ -1,133 +1,94 @@
<script>
import { api_version } from "$lib/api.js";
import Header from "$lib/header.svelte";
import Error from "$lib/error.svelte";
import Head from "$lib/head.svelte";
import Card from "$lib/card.svelte";
import Link from "$lib/link.svelte";
import Navbar from "$components/navbar.svelte";
import Footer from "$components/footer.svelte";
import Header from "$components/header.svelte";
import Head from "$components/head.svelte";
import Card from "$components/card.svelte";
import { browser } from "$app/environment";
import { _, locale } from "svelte-i18n";
import { color } from "$lib/util.js";
import { locale, _ } from "$lib/locale.js";
let { data } = $props();
if (browser) {
window._version = {};
window._version.app = pkg.version;
window._version.api = api_version;
// return list of projects that have decriptions for the given locale
function projects() {
return data.projects.filter(p => {
return (
p.desc[$locale.code] !== "" &&
p.desc[$locale.code] !== null &&
p.desc[$locale.code] !== undefined
);
});
}
</script>
<Head title="home" desc="home page of my personal website" />
<Navbar />
<Header picture="tired" title={$_("home.title")} />
<main>
<!-- welcome -->
<Card>
<p>{@html $_("home.welcome.desc")}</p>
<br />
<p>{$_("home.welcome.thanks")}</p>
</Card>
{#if data.error.length !== 0}
<Error error={data.error} />
{:else}
<main>
<Card title={$_("home.welcome.title")}>
<span> 👋 {$_("home.welcome.desc")}</span>
<ul>
<li>🇹🇷 {$_("home.welcome.whoami")}</li>
<li>🖥️ {$_("home.welcome.interest")}</li>
<li>❤️ {$_("home.welcome.support")}</li>
</ul>
</Card>
<Card title={$_("home.work.title")}>
<span>{$_("home.work.desc")}</span>
<ul>
<li>⌨️ {$_("home.work.build")}</li>
<li>🤦 {$_("home.work.fix")}</li>
<li>🚩 {$_("home.work.ctf")}</li>
<li>👥 {$_("home.work.contribute")}</li>
<li>📑 {$_("home.work.wiki")}</li>
</ul>
</Card>
<Card title={$_("home.links.title")}>
<span>{$_("home.links.desc")}:</span>
<ul>
<li>
<Link
icon="nf-fa-key"
link="https://keyoxide.org/F9E70878C2FB389AEC2BA34CA3654DF5AD9F641D"
>
PGP
</Link>
<!-- projects -->
<Card title={$_("home.projects.title")} id="projects">
<p>{$_("home.projects.desc")}:</p>
<br />
<ul>
{#each projects() as project}
<li class="project">
<a href={project.url}>{project.name}</a>: {project.desc[$locale.code]}
</li>
<li>
<Link icon="nf-md-email" link="mailto:ngn@ngn.tf">Email</Link>
</li>
<li>
<Link icon="nf-md-mastodon" link="https://defcon.social/@ngn"
>Mastodon</Link
>
</li>
</ul>
<span>
{$_("home.links.prefer")}
</span>
</Card>
<Card title={$_("home.services.title")}>
<span>
{$_("home.services.desc")}:
</span>
<ul>
<li>
<i style="color: var(--{color()});" class="nf nf-md-speedometer_slow"
></i>
{$_("home.services.speed")}
</li>
<li>
<i style="color: var(--{color()});" class="nf nf-fa-lock"></i>
{$_("home.services.security")}
</li>
<li>
<i style="color: var(--{color()});" class="nf nf-fa-network_wired"
></i>
{$_("home.services.privacy")}
</li>
<li>
<i style="color: var(--{color()});" class="nf nf-md-eye_off"></i>
{$_("home.services.bullshit")}
</li>
</ul>
<Link link="/services">{$_("home.services.link")}</Link>
</Card>
<Card title={$_("home.projects.title")}>
<span>
{$_("home.projects.desc")}:
</span>
{#if data.error.length === 0}
<ul>
{#each data.projects.filter((p) => {
return p.desc[$locale] !== "" && p.desc[$locale] !== null && p.desc[$locale] !== undefined;
}) as project}
<li>
<Link active={true} link={project.url}>{project.name}</Link>:
{project.desc[$locale]}
</li>
{/each}
</ul>
{/if}
</Card>
</main>
{/if}
{/each}
</ul>
</Card>
<!-- services -->
<Card title={$_("home.services.title")} id="services">
<p>{$_("home.services.desc")}:</p>
<br />
<ul>
<li>{@html $_("home.services.speed")}</li>
<li>{@html $_("home.services.security")}</li>
<li>{@html $_("home.services.blocks")}</li>
<li>{@html $_("home.services.bullshit")}</li>
</ul>
<br />
<a class="services" href="/services" data-sveltekit-preload-data>
{$_("home.services.link")}
</a>
</Card>
<!-- contact -->
<Card title={$_("home.contact.title")} id="contact">
<p>{@html $_("home.contact.desc")}</p>
<br />
<p>{@html $_("home.contact.mastodon")}</p>
</Card>
</main>
<Footer />
<style>
main {
background: var(--black-1);
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-items: stretch;
padding: 50px;
gap: 28px;
padding: 40px;
}
@media only screen and (max-width: 900px) {
main {
flex-direction: column;
}
.services {
color: var(--color);
text-decoration-color: var(--color);
}
.project a {
color: var(--color);
text-decoration-color: var(--color);
}
</style>