bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-27 09:31:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: optimize seo, performance and bp

Browse source
This commit is contained in:
Bart van der Braak 2023-08-08 02:18:31 +02:00
parent 1376f4102e
commit 49e6393338
5 changed files with 28 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/lib/assets/tools/obs.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.5 MiB

2
src/lib/assets/tools/obs.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

15
src/routes/projects/+page.svelte
View file

@ -24,8 +24,9 @@
<div class="w-full text-token grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="w-full text-token grid grid-cols-1 md:grid-cols-2 gap-4">
{#each projects as project} {#each projects as project}
{#if project.link}
<a href={project.link}>
<ProjectCard <ProjectCard
link={project.link}
headerImage={project.headerImage} headerImage={project.headerImage}
headerSubTitle={project.headerSubTitle} headerSubTitle={project.headerSubTitle}
title={project.title} title={project.title}
@ -34,6 +35,18 @@
contributors={project.contributors} contributors={project.contributors}
date={project.date} date={project.date}
/> />
</a>
{:else}
<ProjectCard
headerImage={project.headerImage}
headerSubTitle={project.headerSubTitle}
title={project.title}
description={project.description}
logo={project.logo}
contributors={project.contributors}
date={project.date}
/>
{/if}
{/each} {/each}
</div> </div>
</main> </main>

6
src/routes/projects/ProjectCard.svelte
View file

@ -3,7 +3,6 @@
import type { Project } from './projects-cards'; import type { Project } from './projects-cards';
export let link: Project['link'];
export let headerImage: Project['headerImage']; export let headerImage: Project['headerImage'];
export let headerSubTitle: Project['headerSubTitle']; export let headerSubTitle: Project['headerSubTitle'];
export let title: Project['title']; export let title: Project['title'];
@ -13,7 +12,7 @@
export let date: Project['date']; export let date: Project['date'];
</script> </script>
<a class="card bg-initial card-hover overflow-hidden" href={link}> <div class="card bg-initial card-hover overflow-hidden">
<header> <header>
<img <img
src={headerImage} src={headerImage}
@ -37,8 +36,7 @@
{#each contributors as contributor} {#each contributors as contributor}
<Avatar src={contributor.imageSrc} width="w-8" /> <Avatar src={contributor.imageSrc} width="w-8" />
{/each} {/each}
<small>{new Date(date).toLocaleDateString()}</small> <small>{new Date(date).toLocaleDateString()}</small>
</div> </div>
</footer> </footer>
</a> </div>

2
src/routes/toolbox/tools-assets.ts
View file

@ -38,7 +38,7 @@ import MeldLogo from '$lib/assets/tools/meld.svg';
import KarabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png'; import KarabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png';
import KustomizeLogo from '$lib/assets/tools/kustomize.svg'; import KustomizeLogo from '$lib/assets/tools/kustomize.svg';
import InkScapeLogo from '$lib/assets/tools/inkscape.svg'; import InkScapeLogo from '$lib/assets/tools/inkscape.svg';
import OBSLogo from '$lib/assets/tools/obs.png'; import OBSLogo from '$lib/assets/tools/obs.svg';
import WireGuardLogo from '$lib/assets/tools/wireguard.svg'; import WireGuardLogo from '$lib/assets/tools/wireguard.svg';
import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg'; import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg';
import SlackLogo from '$lib/assets/tools/slack.svg'; import SlackLogo from '$lib/assets/tools/slack.svg';