bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-26 17:11: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

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

@ -24,16 +24,29 @@
<div class="w-full text-token grid grid-cols-1 md:grid-cols-2 gap-4">
{#each projects as project}
<ProjectCard
link={project.link}
headerImage={project.headerImage}
headerSubTitle={project.headerSubTitle}
title={project.title}
description={project.description}
logo={project.logo}
contributors={project.contributors}
date={project.date}
/>
{#if project.link}
<a href={project.link}>
<ProjectCard
headerImage={project.headerImage}
headerSubTitle={project.headerSubTitle}
title={project.title}
description={project.description}
logo={project.logo}
contributors={project.contributors}
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}
</div>
</main>

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

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