bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-10-31 12:19:10 +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
Download patch file Download diff file Expand all files Collapse all files

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>