gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

refactor: optimize fonts, images
All checks were successful
create archive with lfs / tag (push) Successful in 5s
Details

Browse Source
This commit is contained in:
dusk 2025-02-21 16:07:08 +03:00
parent 7b81f9590d
commit 0749c30db0
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
45 changed files with 40 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/icons/gaze_site.png" /> <link rel="icon" href="%sveltekit.assets%/icons/gaze_site.webp" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>

12
src/routes/+layout.svelte
View File

@ -21,10 +21,10 @@
} }
const menuItems: MenuItem[] = [ const menuItems: MenuItem[] = [
{ href: '', name: 'home', iconUri: '/icons/home.png' }, { href: '', name: 'home', iconUri: '/icons/home.webp' },
{ href: 'entries', name: 'entries', iconUri: '/icons/entries.png' }, { href: 'entries', name: 'entries', iconUri: '/icons/entries.webp' },
{ href: 'guestbook', name: 'guestbook', iconUri: '/icons/guestbook.png' }, { href: 'guestbook', name: 'guestbook', iconUri: '/icons/guestbook.webp' },
{ href: 'about', name: 'about', iconUri: '/icons/about.png' } { href: 'about', name: 'about', iconUri: '/icons/about.webp' }
]; ];
$: routeComponents = data.route.split('/'); $: routeComponents = data.route.split('/');
@ -49,7 +49,7 @@
<title>{title}</title> <title>{title}</title>
<meta property="og:site_name" content="gaze.systems" /> <meta property="og:site_name" content="gaze.systems" />
<meta property="og:url" content="https://gaze.systems/" /> <meta property="og:url" content="https://gaze.systems/" />
<meta property="og:image" content="https://gaze.systems/icons/gaze_website.png" /> <meta property="og:image" content="https://gaze.systems/icons/gaze_website.webp" />
</svelte:head> </svelte:head>
<div <div
@ -155,7 +155,7 @@
{@const highlight = isRoute(item.href)} {@const highlight = isRoute(item.href)}
<NavButton {highlight} {...item} /> <NavButton {highlight} {...item} />
{#if doAddPostItem && menuIdx == 1} {#if doAddPostItem && menuIdx == 1}
<NavButton highlight name={routeComponents[2]} href={data.route.slice(1)} iconUri='/icons/entry.png'/> <NavButton highlight name={routeComponents[2]} href={data.route.slice(1)} iconUri='/icons/entry.webp'/>
{/if} {/if}
{/each} {/each}
<div class="hidden md:block grow" /> <div class="hidden md:block grow" />

8
src/routes/+page.svelte
View File

@ -20,7 +20,7 @@
<div class="flex flex-col md:flex-row gap-y-2 lg:gap-y-0 md:h-full h-card"> <div class="flex flex-col md:flex-row gap-y-2 lg:gap-y-0 md:h-full h-card">
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto"> <div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto">
<Window title="readme?" iconUri="/icons/question.png" removePadding> <Window title="readme?" iconUri="/icons/question.webp" removePadding>
<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none"> <div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">
<div <div
class="flex flex-row gap-3 mx-auto bg-ralsei-black bg-opacity-30 overflow-hidden" class="flex flex-row gap-3 mx-auto bg-ralsei-black bg-opacity-30 overflow-hidden"
@ -44,7 +44,7 @@
<div <div
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black bg-opacity-30" class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black bg-opacity-30"
> >
<img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.png" alt="my character" title="hi ;)"/> <img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/>
</div> </div>
<div <div
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black bg-opacity-30" class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black bg-opacity-30"
@ -99,7 +99,7 @@
</Window> </Window>
</div> </div>
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end"> <div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">
<Window title="links!" iconUri="/icons/contact.png"> <Window title="links!" iconUri="/icons/contact.webp">
<div class="prose prose-ralsei prose-ul:leading-[1.1rem] prose-headings:leading-none"> <div class="prose prose-ralsei prose-ul:leading-[1.1rem] prose-headings:leading-none">
<ul> <ul>
<li>discord: yusdacra</li> <li>discord: yusdacra</li>
@ -176,7 +176,7 @@
<img <img
class="border-4 w-16 h-16 p-2" class="border-4 w-16 h-16 p-2"
style="border-style: none double none none; image-rendering: pixelated;" style="border-style: none double none none; image-rendering: pixelated;"
src="/icons/cd_audio.png" src="/icons/cd_audio.webp"
/> />
{/if} {/if}
<div class="flex flex-col max-w-[40ch] p-2 overflow-hidden"> <div class="flex flex-col max-w-[40ch] p-2 overflow-hidden">

0
src/routes/entries/+layout.ts → src/routes/entries/+layout.server.ts
View File

4
src/routes/entries/+page.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import Window from '../../components/window.svelte'; import Window from '../../components/window.svelte';
import type { PostData } from './+layout'; import type { PostData } from './+layout.server.js';
import LogPage from '../log/+page.svelte'; import LogPage from '../log/+page.svelte';
export let data; export let data;
@ -11,7 +11,7 @@
<div class="mx-auto md:max-w-fit flex flex-col-reverse md:flex-row gap-y-4 gap-x-16"> <div class="mx-auto md:max-w-fit flex flex-col-reverse md:flex-row gap-y-4 gap-x-16">
<div class="flex flex-col gap-y-4"> <div class="flex flex-col gap-y-4">
{#each posts as post} {#each posts as post}
<Window title={post.metadata.title} iconUri='/icons/entry.png'> <Window title={post.metadata.title} iconUri='/icons/entry.webp'>
<a <a
href="/entries/{post.path}" href="/entries/{post.path}"
title="cd /entries/{post.path}" title="cd /entries/{post.path}"

2
src/routes/entries/_layout.svelte
View File

@ -18,7 +18,7 @@
</svelte:head> </svelte:head>
<article class="mx-auto max-w-fit flex flex-wrap lg:flex-nowrap gap-4 h-entry"> <article class="mx-auto max-w-fit flex flex-wrap lg:flex-nowrap gap-4 h-entry">
<Window {title} iconUri="/icons/entry.png" entry> <Window {title} iconUri="/icons/entry.webp" entry>
<div class="prose prose-ralsei max-w-[80ch] e-content"> <div class="prose prose-ralsei max-w-[80ch] e-content">
<slot /> <slot />
</div> </div>

2
src/routes/entries/_rss/+server.ts
View File

@ -1,5 +1,5 @@
import { PUBLIC_BASE_URL } from '$env/static/public'; import { PUBLIC_BASE_URL } from '$env/static/public';
import { _allPosts, type PostData } from '../+layout.ts'; import { _allPosts, type PostData } from '../+layout.server.ts';
const entriesUrl = `${PUBLIC_BASE_URL}/entries`; const entriesUrl = `${PUBLIC_BASE_URL}/entries`;

4
src/routes/guestbook/+page.svelte
View File

@ -15,7 +15,7 @@
</script> </script>
<div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4"> <div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">
<Window title="guestbook" style="ml-auto" iconUri="/icons/guestbook.png"> <Window title="guestbook" style="ml-auto" iconUri="/icons/guestbook.webp">
<div class="flex flex-col gap-1 max-w-[50ch] leading-6"> <div class="flex flex-col gap-1 max-w-[50ch] leading-6">
<div class="prose prose-ralsei leading-6 entry p-2"> <div class="prose prose-ralsei leading-6 entry p-2">
<p>hia, here is the guestbook if you wanna post anything :)</p> <p>hia, here is the guestbook if you wanna post anything :)</p>
@ -57,7 +57,7 @@
</form> </form>
</div> </div>
</Window> </Window>
<Window id='guestbookentries' style="mr-auto" title="entries" iconUri="/icons/entries.png" removePadding> <Window id='guestbookentries' style="mr-auto" title="entries" iconUri="/icons/entries.webp" removePadding>
<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]"> <div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
{#if data.getRatelimited} {#if data.getRatelimited}
<p class="text-error"> <p class="text-error">

2
src/routes/lateststuff.md
View File

@ -6,4 +6,4 @@ layout = false
currently working on a game under the name `packet.runner`, read some very WIP stuff about it [here](https://doc.gaze.systems/LsE08EU7QOSKm7xps_treA). currently working on a game under the name `packet.runner`, read some very WIP stuff about it [here](https://doc.gaze.systems/LsE08EU7QOSKm7xps_treA).
![WIP character model screenshot](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:dfl62fgb7wtjj3fcbb72naae/bafkreig2rk5tbwp4ncsbuw67u66pv5tvimfv47pusubnkcnao6fowbltlu@jpeg) ![WIP character model screenshot](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:dfl62fgb7wtjj3fcbb72naae/bafkreig2rk5tbwp4ncsbuw67u66pv5tvimfv47pusubnkcnao6fowbltlu@webp)

40
src/styles/app.css
View File

@ -8,7 +8,7 @@
:root { :root {
@apply font-sans-serif bg-ralsei-black text-ralsei-white; @apply font-sans-serif bg-ralsei-black text-ralsei-white;
@apply prose-code:font-monospace prose-headings:font-monospace; @apply prose-code:font-monospace prose-headings:font-monospace;
cursor: url('/icons/gaze_closed.png'), default; cursor: url('/icons/gaze_closed.webp'), default;
scrollbar-color: theme(colors.ralsei.green.dark) transparent; scrollbar-color: theme(colors.ralsei.green.dark) transparent;
} }
@ -76,7 +76,7 @@
a,button,input[type=submit] { a,button,input[type=submit] {
@apply text-shadow-green; @apply text-shadow-green;
cursor: url('/icons/gaze.png'), pointer; cursor: url('/icons/gaze.webp'), pointer;
} }
@font-face { @font-face {
@ -87,25 +87,29 @@
@font-face { @font-face {
font-family: 'Comic Sans'; font-family: 'Comic Sans';
font-style: normal; src: url('/fonts/subset-ComicSansMS-Italic.woff2') format('woff2');
font-display: swap; font-weight: normal;
src: url('/fonts/comic.woff2') format('woff2');
}
@font-face {
font-family: 'Comic Sans';
font-style: normal;
font-weight: bold;
font-display: swap;
src: url('/fonts/comicbd.woff2') format('woff2');
}
@font-face {
font-family: 'Comic Sans';
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
src: url('/fonts/comici.woff2') format('woff2');
} }
@font-face {
font-family: 'Comic Sans';
src: url('/fonts/subset-ComicSansMS.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Comic Sans';
src: url('/fonts/subset-ComicSansMS-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.animate-squiggle { .animate-squiggle {
animation: squigglevision 0.3s infinite; animation: squigglevision 0.3s infinite;

BIN
static/88x31.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
static/88x31_midnight.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/88x31_sunrise.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/fonts/comic.woff2
View File

Binary file not shown.

BIN
static/fonts/comicbd.woff2
View File

Binary file not shown.

BIN
static/fonts/comici.woff2
View File

Binary file not shown.

BIN
static/fonts/subset-ComicSansMS-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/subset-ComicSansMS-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/subset-ComicSansMS.woff2 Normal file
View File

Binary file not shown.

BIN
static/icons/about.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 446 B

BIN
static/icons/about.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 B

BIN
static/icons/cd_audio.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 631 B

BIN
static/icons/cd_audio.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 350 B

BIN
static/icons/contact.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 406 B

BIN
static/icons/contact.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 B

BIN
static/icons/entries.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 451 B

BIN
static/icons/entries.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 B

BIN
static/icons/entry.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 507 B

BIN
static/icons/entry.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 214 B

BIN
static/icons/gaze.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/icons/gaze.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/icons/gaze_closed.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/icons/gaze_closed.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 818 B

BIN
static/icons/gaze_site.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
static/icons/gaze_site.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/icons/guestbook.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 563 B

BIN
static/icons/guestbook.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 B

BIN
static/icons/home.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 677 B

BIN
static/icons/home.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 354 B

BIN
static/icons/question.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 448 B

BIN
static/icons/question.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 B

BIN
static/icons/warning.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 442 B

BIN
static/icons/warning.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 B

BIN
static/pfp-iojkqpwerojnasduijf.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
static/pfp-iojkqpwerojnasduijf.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 984 B