Chris Dill
98c8ce2180
- Pass in img size to help with load times and reduce layout shifts. - Rename gameProjectThumb.svelte to thumbnail.svelte.
22 lines
552 B
Svelte
22 lines
552 B
Svelte
<script>
|
|
export let name;
|
|
export let link;
|
|
export let img = "https://placehold.it/600x300";
|
|
export let imgClass = "img-fluid mb-3 mb-md-0";
|
|
export let size = { width: 600, height: 300 };
|
|
export let description;
|
|
</script>
|
|
|
|
<div class="row">
|
|
<div class="thumb col-md-7">
|
|
<a href="{link}">
|
|
<img class={imgClass} src={img} alt={name} width={size.width} height={size.height}>
|
|
</a>
|
|
</div>
|
|
<div class="blurb col-md-5">
|
|
<h2>{name}</h2>
|
|
<p>{description}</p>
|
|
</div>
|
|
</div>
|
|
<br>
|