added drawing to blog post 2026/0205

This commit is contained in:
2026-02-06 18:50:58 +01:00
parent 6fd20e5243
commit 7c85800a83
5 changed files with 45 additions and 17 deletions

View File

@@ -90,6 +90,7 @@
.subtitled-img-logo {
color: var(--color-highlight);
margin: 0;
}
.subtitled-img-text-container {

View File

@@ -394,6 +394,20 @@
}
/* #endregion */
.date-marker {
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
width: fit-content;
margin: 0;
padding: 0;
color: var(--color-text-dark);
background-color: var(--color-highlight);
font-family: var(--font-sans-serif);
padding: 4px;
}
@media screen and (max-width: 800px) {
/* h1 {
font-size: 2.3rem;

View File

@@ -1,5 +1,32 @@
<script lang="ts">
import SubtitledImage from "$lib/components/subtitled-image.svelte";
</script>
I just had a great idea: I should try to draw something every day for 4 weeks! 28 days, because that's a nice number. It's not too dissimilar from when I wrote an album for the February Album Writing Month, and though that album turned out awful, I was happy to have produced an album of sorts at all.
Why start now, instead of at the start of the month? Because I just came up with the idea. Why not wait for the start of next week or even next month? Because why delay, that's why. Except I will delay by starting tomorrow, not today, as it is night time and I'm about to head off to bed.
I'm posting this to hold myself accountable and to actually pull through instead of discarding the idea tomorrow let's hope it works! I will update this page with my drawings.
I'm posting this to hold myself accountable and to actually pull through instead of discarding the idea tomorrow let's hope it works! I will update this page with my drawings.
## Day 01
<SubtitledImage
image="01.webp"
altText="Drawing of day 1. A girl looking to the left. Her shoulder-long hair is flowing free. She is wearing a cropped t-shirt and a pair of jeans. Her left hand is on her hip."
subtitle="Result of day 1"
alignment="left"
/>
<span class="date-marker">2026-02-06, 18:47</span>
It's the first day of the challenge and I already thought about quietly deleting this post and pretending there never was a challenge to begin with. By around 3 PM I did manage to start though, and I drew something I'm pretty happy with.
I started with the head shape, which I later corrected to be a bit taller, since that was something I criticised in my own earlier drawings. I'm actually quite happy about her head and her face I think that something I, *relatively speaking!*, excel at. On the other hand, it feels like hair is something I struggle with the most. I wanted to avoid drawing yet another girl in quick succession with the same hair style, so I tried going for free-flowing hair, and it *kind of* worked out, but it also *kind of* looks odd. Definitely something I should go look at references for.
Similarly, I wanted to avoid drawing another girl with a sleeveless tank top, so I went for a slightly baggy cropped tee, and jeans just to have some extra detailing. I was quite happy about small details like the tee's sleeves wrapping around her arms, it made the drawing look just a *little* bit less flat.
Arms are troubling too, not because they're insanely difficult to draw, but because I never know where to place them <span class="small-supertext">just like mine irl</span>. I eventually settled on putting her left arm on her hip, which ended up quite cool.
I was too afraid to colour the drawing, worried I'd ruin it, but if I had done so, I'd have given her purple eyes. Don't know why, but that's the one colour detail about this drawing that I was sure of.
Not sure what to draw next, but I think I'll either go for another person but from a different perspective, or an object.

View File

@@ -58,12 +58,12 @@
<div class="project-banner-container">
<img class="project-banner" src="{project.banner}" alt="Overview banner for {project.title}">
{#if project.date}
<p class="project-date project-date-embed">{project.date}</p>
<p class="date-marker project-date-embed">{project.date}</p>
{/if}
</div>
{:else}
{#if project.date}
<p class="project-date">{project.date}</p>
<p class="date-marker">{project.date}</p>
{/if}
{/if}
{#if project.icon}
@@ -101,20 +101,6 @@
width: 20%;
}
.project-date {
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
width: fit-content;
margin: 0;
padding: 0;
color: var(--color-text-dark);
background-color: var(--color-highlight);
font-family: var(--font-sans-serif);
padding: 4px;
}
.project-date-embed {
position: absolute;
left: 0;

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB