luca/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added draft mode to drafts and added new model preview card

Browse source
This commit is contained in:
Luca Junge 2023-04-10 10:30:17 +02:00
parent 9eb641edff
commit b31a898675
10 changed files with 72 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/_includes/model-preview.njk Normal file
View file

@ -0,0 +1,13 @@
<a href="{{ post.url }}"class="group relative rounded-lg text-gray-100">
<!-- A container for the preview -->
<div class="model-image-container flex bg-gray-700 rounded-lg overflow-hidden">
<img class="m-2 border-t-3 object-contain w-full h-full group-hover:scale-110 transition ease-in-out" src="{{ post.url }}thumbnail.png" alt="{{post.data.alt}}">
</div>
<!-- The model title and description -->
<div class="model-info text-gray-100 backdrop-blur-sm p-5 pb-16 absolute bottom-0 left-0 right-0 bg-black/40 group-hover:bg-black/50 transition ease-in-out rounded-b-lg">
<h5 class="text-2xl font-bold">{{post.data.title}}</h5>
<p>{{post.data.alt}}</p>
</div>
</a>