finished adding content to drawing gallery for now
This commit is contained in:
@@ -10,7 +10,9 @@
|
||||
|
||||
{#snippet drawingGalleryEntry({d}: {d: Drawing})}
|
||||
<div class="gallery-entry">
|
||||
<img src="{d.img}" alt="{d.imgAlt}">
|
||||
<div class="gallery-entry-img-container">
|
||||
<img src="{d.img}" alt="{d.imgAlt}">
|
||||
</div>
|
||||
<div class="gallery-entry-info">
|
||||
<p class="gallery-entry-title">{d.title} <span>{d.date}</span></p>
|
||||
{#each d.notes as note}
|
||||
@@ -32,6 +34,8 @@
|
||||
|
||||
<p>Why do I do this, you may wonder? to pressure myself to draw more</p>
|
||||
|
||||
<p>If you're interested, here's a post about me <a href="/blog/2026/0205">drawing every day for 28 days</a> to learn to draw. You may recognise some of the drawings there; I picked out my favourite drawings and added them here!</p>
|
||||
|
||||
<div class="drawing-container">
|
||||
{#each drawings as d}
|
||||
{@render drawingGalleryEntry({d})}
|
||||
@@ -51,7 +55,15 @@
|
||||
height: 340px;
|
||||
}
|
||||
|
||||
.gallery-entry img, .gallery-entry-info {
|
||||
.gallery-entry-img-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-entry-img-container, .gallery-entry-info {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.gallery-entry-img-container, .gallery-entry-info {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@@ -60,11 +72,17 @@
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.gallery-entry img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: scale var(--duration-animation) var(--anim-curve);
|
||||
}
|
||||
|
||||
.gallery-entry:hover img {
|
||||
scale: 1.2;
|
||||
}
|
||||
|
||||
.gallery-entry:hover .gallery-entry-info {
|
||||
|
||||
Reference in New Issue
Block a user