Logo Demo Project
This is a sample project that demonstrates the new logo-style thumbnail and project URL functionality. When a project includes a projectUrl in its frontmatter, a “Visit Project” button will appear alongside the “Read More” button.
Additionally, when the thumbnail has isLogo: true, it will be displayed as a centered logo rather than a background image.
Features
- Logo-style thumbnails
- Visit Project button
- New styling options
Implementation Details
The project uses Svelte components with some special styling for the logo display:
<img
class="project-card-thumbnail {isLogo ? 'logo-style' : ''}"
src={thumbnail}
alt={thumbnailAlt}
/>
And for external project links:
{#if projectUrl}
<Button class="project-card-button" variant="default" href={projectUrl} target="_blank">
Visit Project
</Button>
{/if}
Conclusion
This demonstrates how you can easily add external project links and showcase project logos in a clean, minimalist style.