diff --git a/src/routes/art/drawings/+page.svelte b/src/routes/art/drawings/+page.svelte index f326eaa..2d906b8 100644 --- a/src/routes/art/drawings/+page.svelte +++ b/src/routes/art/drawings/+page.svelte @@ -10,7 +10,9 @@ {#snippet drawingGalleryEntry({d}: {d: Drawing})}
- {d.imgAlt} +
+ {d.imgAlt} +

{d.title} {d.date}

{#each d.notes as note} @@ -32,6 +34,8 @@

Why do I do this, you may wonder? to pressure myself to draw more

+

If you're interested, here's a post about me drawing every day for 28 days to learn to draw. You may recognise some of the drawings there; I picked out my favourite drawings and added them here!

+
{#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 { diff --git a/src/routes/art/drawings/drawings.ts b/src/routes/art/drawings/drawings.ts index f34ebb3..d94a5c6 100644 --- a/src/routes/art/drawings/drawings.ts +++ b/src/routes/art/drawings/drawings.ts @@ -8,19 +8,20 @@ export interface Drawing { export let drawings: Drawing[] = [ { - title: "", + title: "SMILE! :D", date: "2026-03-04", notes: [ - "", + "This is actually the construction sketch of a drawing I later went over with a fineliner and coloured pencils. However, I kind of prefer the pencil sketch.", + "This was my first attempt at a head-on perspective. I had fun drawing details like the scrunchie, the jeans, and the smile!", ], img: "/blog/2026/0205/27-1.webp", imgAlt: "", }, { - title: "", + title: "Cyborg Arm", date: "2026-02-27", notes: [ - "", + "Possibly my favourite sketch from the drawing challenge, because she looks cool, but also because her design deviates from the other characters a bit.", ], img: "/blog/2026/0205/22.webp", imgAlt: "", @@ -36,19 +37,20 @@ export let drawings: Drawing[] = [ imgAlt: "", }, { - title: "", + title: "Emilia", date: "2026-02-23", notes: [ - "", + "My first character with the new style of drawing eyes I picked up from a manga drawing book!", + "I named her Emilia because she looked like a more nice and caring character.", ], img: "/blog/2026/0205/18.webp", imgAlt: "", }, { - title: "", + title: "Elizabeth", date: "2026-02-18", notes: [ - "", + "She's the product of me trying to re-draw the character I drew on day 1 of my drawing challenge, and I was really glad to see that I had actually improved!", ], img: "/blog/2026/0205/13-2.webp", imgAlt: "",