Skip to content

Logo Demo Project


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.