sveske-juice/deprived-main-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

git bisect blog post

Browse source
This commit is contained in:
Sveske_Juice 2024-03-09 18:29:30 +01:00
parent 3f47b79603
commit a46702de0a
9 changed files with 122 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/lib/posts/ShowcaseNewsCard.svelte
View file

@ -4,7 +4,7 @@
export let thumbnail_alt = 'Picture describting the deprived devs logo';
export let title = '<title>';
export let summary = '<summary>';
export let creation_date = '<date>';
export let creation_date = 1710006969;
const monthNames = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
@ -14,8 +14,7 @@
<div class="news-card">
<a href=/post/{post_url} >
<div class="thumbnail">
<img src={thumbnail_url} alt={thumbnail_alt}/>
<div title={thumbnail_alt} class="thumbnail" style="background-image: url({thumbnail_url});">
</div>
<div class="content">
<h3 id="title">{title}</h3>
@ -42,17 +41,14 @@
font-size: 22px;
}
.thumbnail img {
background-size: cover;
.thumbnail {
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
border-radius: 8px;
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
margin-bottom: 15px;
}
.content {