Diffstat (limited to 'views/partials/catalogue-blog-cards.html')
| -rw-r--r-- | views/partials/catalogue-blog-cards.html | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html index f96e0f1..5c3bb95 100644 --- a/views/partials/catalogue-blog-cards.html +++ b/views/partials/catalogue-blog-cards.html @@ -1,15 +1,17 @@ {{- range .BlogPages }} -<hr class="first-of-type:hidden border-t-[0.3vh] my-2 border-dotted border-main-dark w-[80%] mx-auto"> +<hr class="first-of-type:hidden my-1 border-t-2 border-dotted border-main-dark"> <div class="m-1 flex flex-row justify-center justify-items-center"> - <img onclick="changeUrl('{{ .ArticleLink }}');" class="cursor-pointer object-cover rounded-[10%] select-none w-20 h-20 aspect-square my-1 mr-2" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp"> - <div class="grow my-1 mx-2 flex flex-col justify-center"> - <div class="flex flex-row gap-[5%] max-w-[100%]"> - <a onclick="changeUrl('{{ .ArticleLink }}');" class="flex-9/12 grow-0 block text-base cursor-pointer"> + <a href="{{ .ArticleLink }}" class="w-24 h-24 basis-24 shrink-0 my-2.5 mr-2"> + <img onclick="return changeUrl('{{ .ArticleLink }}');" class="w-full h-full aspect-square cursor-pointer object-cover rounded-lg select-none" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp"> + </a> + <div class="grow my-0.5 mx-1 flex flex-col justify-center"> + <div class="flex flex-row gap-2 max-w-[100%]"> + <a href="{{ .ArticleLink }}" onclick="return changeUrl('{{ .ArticleLink }}');" class="grow text-base cursor-pointer"> <span class="font-extrabold">{{ .Title }}</span> <span class="font-extrabold select-none text-secondary">//</span> <span class="italic text-secondary">{{ .ActionDate }}</span> </a> - <p class="flex-3/12 grow-0 text-base italic text-secondary text-right">{{ .PublishedTime }}</p> + <p class="basis-56 text-base italic text-secondary text-right">{{ .PublishedTime }}</p> </div> <p class="text-base text-main-dark">{{ .ShortDescription }}</p> <p class="text-base text-secondary italic"> |