Compare commits

...

3 Commits

3 changed files with 94 additions and 75 deletions

View File

@@ -31,6 +31,7 @@
} }
</script> </script>
<div class="gallery-zone">
<div class="gallery-container blurred-background"> <div class="gallery-container blurred-background">
<div class="gallery-button-container"> <div class="gallery-button-container">
<button class="gallery-button" onclick={galleryBack}>&lt;</button> <button class="gallery-button" onclick={galleryBack}>&lt;</button>
@@ -49,8 +50,13 @@
<img class="gallery-img" loading="lazy" src={images[currentIndex].src} alt={images[currentIndex].alt}> <img class="gallery-img" loading="lazy" src={images[currentIndex].src} alt={images[currentIndex].alt}>
</div> </div>
</div> </div>
</div>
<style> <style>
.gallery-zone {
width: 100%;
}
.gallery-container { .gallery-container {
position: relative; position: relative;
max-width: var(--media-width); max-width: var(--media-width);
@@ -79,14 +85,14 @@
transition: opacity var(--duration-animation) var(--anim-curve); transition: opacity var(--duration-animation) var(--anim-curve);
} }
.gallery-container:hover .gallery-button-container, .gallery-zone:hover .gallery-button-container,
.gallery-container:hover .gallery-text-container .gallery-zone:hover .gallery-text-container
{ {
opacity: 100%; opacity: 100%;
} }
.gallery-container:hover .gallery-img { .gallery-zone:hover .gallery-img {
filter: brightness(50%) saturate(50%); filter: brightness(40%) saturate(60%);
} }
.gallery-text-container { .gallery-text-container {
@@ -117,7 +123,7 @@
} }
.gallery-desc-container p { .gallery-desc-container p {
margin: 0; margin: 0;
text-shadow: 0 0 8px black; text-shadow: 0 0 6px black;
} }
.gallery-button-container { .gallery-button-container {

View File

@@ -16,7 +16,7 @@
<footer> <footer>
<div class="background blurred-background"> <div class="background blurred-background">
<hr> <!-- <hr> -->
<div class="content-container"> <div class="content-container">
<div class="content-box center-box"> <div class="content-box center-box">
<p> 20232026 denizk0461</p> <p> 20232026 denizk0461</p>
@@ -92,6 +92,11 @@
.background { .background {
background-color: var(--color-background-highlight); background-color: var(--color-background-highlight);
margin-top: 32px; margin-top: 32px;
border-top: var(--border-style) var(--border-dash-size) var(--color-highlight);
/* border-left: var(--border-style) var(--border-dash-size) var(--color-highlight);
border-right: var(--border-style) var(--border-dash-size) var(--color-highlight); */
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
} }
.content-container { .content-container {

View File

@@ -20,6 +20,14 @@
pixelated pixelated
/> />
<p>Welcome to my (new) art feed! It is heavily inspired by <a href="https://deathsurplus.com/">DeathSurplus' art blog</a> definitely go check out his page!</p>
<p>This page is intended to offer a shared space for all my projects without the need to create strictly-separated pages for each hobby. Some other pages on this website have been merged into this one; namely the "Small Projects" and "Drawing Gallery" pages, so don't be surprised if content from those pages shows up here.</p>
<p>I'll add some more of my past projects, new projects, and an option to filter by project type <i>soon™</i>. Maybe I'll also split the content into pages, if I ever figure out how to do that.</p>
<p>I <b>MAY</b> merge this with the <a href="/projects">Projects</a> page, I've not yet decided.</p>
<TableOfContents /> <TableOfContents />
<h2>My First Month Drawing</h2> <h2>My First Month Drawing</h2>
@@ -28,61 +36,17 @@
<p>Back in January, I was thinking to myself that I'd really like to learn to draw. It would have some practical benefits like potentially being able to draw concept art for my game, but ultimately I just liked the idea of drawing as a hobby. I doodled a few small things before deciding that I should challenge myself to draw something every single day for an entire month (4 weeks); <a href="/blog/2026/0205">I documented the entire thing here</a>, but spoiler alert: I think I succeeded in learning to draw and I am now able to sketch like I was never able to before!</p> <p>Back in January, I was thinking to myself that I'd really like to learn to draw. It would have some practical benefits like potentially being able to draw concept art for my game, but ultimately I just liked the idea of drawing as a hobby. I doodled a few small things before deciding that I should challenge myself to draw something every single day for an entire month (4 weeks); <a href="/blog/2026/0205">I documented the entire thing here</a>, but spoiler alert: I think I succeeded in learning to draw and I am now able to sketch like I was never able to before!</p>
<p>Here are some of my favourite drawings from around that time, in reverse chronological order:</p> <p>Here are some of my favourite drawings from around that time, in chronological order:</p>
<ImageGallery <ImageGallery
images={[ images={[
{ {
src: "drawings/2026/0310.webp", src: "/blog/2026/0129/girl.webp",
alt: "A digital drawing of a girl with long brown hair in a ponytail. She has green eyes and is wearing a cropped shirt with stripes, an orange spaghetti top underneath, and dark trousers. She is holding her hands behind her back.", alt: "A small drawing of an anime-style girl's head. She has a ponytail and is looking towards the left with a concentrated gaze.",
desc: [ desc: [
"<b>2026-03-10</b>", "<b>2026-01-29</b>",
"ok i changed my mind on digital art. it's awesome.", "A small sketch (only like 4cm wide) that I drew with a ballpoint pen on pink paper. The fact that I was able to sketch this, without any prior practice, plus an intrinsic want to be able to draw made me seriously consider learning to draw.",
"My first drawing using Krita! I went with my usual methods but tried refining some things and adding (hopefully not overly misplaced) shadows too. I ended up really liking the ability to use layers, and colour in digital art just pops so nicely.", "Having learned just a little bit about drawing, I can say now (a month and a half later) that this isn't great, but it served its purpose of making me start to draw!",
"Initially, I drew the left arm in front of her body but later changed this to avoid drawing the hand.",
],
},
{
src: "/blog/2026/0205/27-1.webp",
alt: "A drawing of a girl with her head tilted towards her right shoulder. She is smiling with her eyes closed and is holding up a victory sign with her left hand. She has her hair in a ponytail and is wearing jeans with shoulder straps, and there is a scrunchie on her left wrist as well.",
desc: [
"<b>2026-03-04</b>",
"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!",
],
},
{
src: "/blog/2026/0205/22.webp",
alt: "A pencil sketch of a girl with a ponytail, crop top, and track pants with a slightly shocked look on her face. She is looking at her right arm, which is a cyborg part.",
desc: [
"<b>2026-02-27</b>",
"Possibly my favourite sketch from the drawing challenge, because she looks cool, but also because her design deviates from the other characters a bit.",
],
},
{
src: "/blog/2026/0205/21.webp",
alt: "Two pencil sketches traced over with a black fineliner. The left one is of a hand with a cube in its palm, sketched after the hand on the cover of Porter Robinson's album Worlds. Beneath it is an emoticon used on the same cover. To the right is a manga-style head with green eyes and wavy hair, meant to resemble Porter Robinson's Vocaloid mascot Po-Uta.",
desc: [
"<b>2026-02-26</b>",
"I drew the Worlds hand for practice and then decided to draw Po-Uta's head as well. I realised then that learning to draw gave me the ability to draw fanart.",
"I had never considered that possibility before.",
],
},
{
src: "/blog/2026/0205/18.webp",
alt: "A pencil sketch of a girl holding up a V sign with her left arm. She is wearing a long-sleeve shirt, jeans, and her hair is tied up in a ponytail. She is winking, the other eye is coloured green. Her body is tilted towards the right side of the paper. In the top right corner is a lightly-drawn sketch of the girl's pose.",
desc: [
"<b>2026-02-23</b>",
"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.",
],
},
{
src: "/blog/2026/0205/13-2.webp",
alt: "A pencil drawing of a girl looking to the left. She is wearing a cropped loose tee and jeans, while her right hand is hinted to rest on her hip.",
desc: [
"<b>2026-02-18</b>",
"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!",
], ],
}, },
{ {
@@ -96,12 +60,56 @@
], ],
}, },
{ {
src: "/blog/2026/0129/girl.webp", src: "/blog/2026/0205/13-2.webp",
alt: "A small drawing of an anime-style girl's head. She has a ponytail and is looking towards the left with a concentrated gaze.", alt: "A pencil drawing of a girl looking to the left. She is wearing a cropped loose tee and jeans, while her right hand is hinted to rest on her hip.",
desc: [ desc: [
"<b>2026-01-29</b>", "<b>2026-02-18</b>",
"A small sketch (only like 4cm wide) that I drew with a ballpoint pen on pink paper. The fact that I was able to sketch this, without any prior practice, plus an intrinsic want to be able to draw made me seriously consider learning to draw.", "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!",
"Having learned just a little bit about drawing, I can say now (a month and a half later) that this isn't great, but it served its purpose of making me start to draw!", ],
},
{
src: "/blog/2026/0205/18.webp",
alt: "A pencil sketch of a girl holding up a V sign with her left arm. She is wearing a long-sleeve shirt, jeans, and her hair is tied up in a ponytail. She is winking, the other eye is coloured green. Her body is tilted towards the right side of the paper. In the top right corner is a lightly-drawn sketch of the girl's pose.",
desc: [
"<b>2026-02-23</b>",
"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.",
],
},
{
src: "/blog/2026/0205/21.webp",
alt: "Two pencil sketches traced over with a black fineliner. The left one is of a hand with a cube in its palm, sketched after the hand on the cover of Porter Robinson's album Worlds. Beneath it is an emoticon used on the same cover. To the right is a manga-style head with green eyes and wavy hair, meant to resemble Porter Robinson's Vocaloid mascot Po-Uta.",
desc: [
"<b>2026-02-26</b>",
"I drew the Worlds hand for practice and then decided to draw Po-Uta's head as well. I realised then that learning to draw gave me the ability to draw fanart.",
"I had never considered that possibility before.",
],
},
{
src: "/blog/2026/0205/22.webp",
alt: "A pencil sketch of a girl with a ponytail, crop top, and track pants with a slightly shocked look on her face. She is looking at her right arm, which is a cyborg part.",
desc: [
"<b>2026-02-27</b>",
"Possibly my favourite sketch from the drawing challenge, because she looks cool, but also because her design deviates from the other characters a bit.",
],
},
{
src: "/blog/2026/0205/27-1.webp",
alt: "A drawing of a girl with her head tilted towards her right shoulder. She is smiling with her eyes closed and is holding up a victory sign with her left hand. She has her hair in a ponytail and is wearing jeans with shoulder straps, and there is a scrunchie on her left wrist as well.",
desc: [
"<b>2026-03-04</b>",
"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!",
],
},
{
src: "drawings/2026/0310.webp",
alt: "A digital drawing of a girl with long brown hair in a ponytail. She has green eyes and is wearing a cropped shirt with stripes, an orange spaghetti top underneath, and dark trousers. She is holding her hands behind her back.",
desc: [
"<b>2026-03-10</b>",
"ok i changed my mind on digital art. it's awesome.",
"My first drawing using Krita! I went with my usual methods but tried refining some things and adding (hopefully not overly misplaced) shadows too. I ended up really liking the ability to use layers, and colour in digital art just pops so nicely.",
"Initially, I drew the left arm in front of her body but later changed this to avoid drawing the hand.",
], ],
}, },
]} ]}