styled links in project posts
This commit is contained in:
@@ -24,10 +24,40 @@
|
||||
|
||||
<!-- <TableOfContents /> -->
|
||||
|
||||
{#each data.projectDetails.links as l}
|
||||
<a href={l.link}>{l.text}</a>
|
||||
{/each}
|
||||
{#if data.projectDetails.links.length > 0}
|
||||
<div class="link-button-container">
|
||||
{#each data.projectDetails.links as l}
|
||||
<a class="link-button blurred-background" href={l.link}>{@html l.text}</a>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<svelte:component this={data.content} />
|
||||
|
||||
</Content>
|
||||
</Content>
|
||||
|
||||
<style>
|
||||
.link-button-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.link-button {
|
||||
color: var(--color-text);
|
||||
padding: 4px 12px;
|
||||
margin: 0;
|
||||
|
||||
border-top: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
|
||||
border-bottom: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
|
||||
border-radius: var(--border-radius);
|
||||
|
||||
transition: background-color var(--duration-animation) var(--anim-curve);
|
||||
}
|
||||
.link-button:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color-background-highlight-alt);
|
||||
}
|
||||
</style>
|
||||
@@ -2,7 +2,7 @@
|
||||
import ImageGallery from "$lib/lists/image-gallery.svelte";
|
||||
</script>
|
||||
|
||||
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); [I documented the entire thing here](/blog/2026/0205), 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!
|
||||
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); I documented the entire thing, but spoiler alert: I think I succeeded in learning to draw and I am now able to sketch things I was never able to before!
|
||||
|
||||
Here are some of my favourite drawings from around that time, in chronological order:
|
||||
|
||||
|
||||
@@ -68,7 +68,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "download the font",
|
||||
text: "font download",
|
||||
link: "https://files.natconf.dev/public/lightyears.woff2",
|
||||
}
|
||||
],
|
||||
@@ -85,6 +85,10 @@ export const projects: Project[] = [
|
||||
date: "February – March 2026",
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "accompanying blog post",
|
||||
link: "/blog/2026/0205",
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -132,18 +136,18 @@ export const projects: Project[] = [
|
||||
date: "September 2023 – now",
|
||||
status: ProjectStatus.ACTIVE,
|
||||
links: [
|
||||
{
|
||||
text: "view the <b>development log</b>",
|
||||
link: "/projects/projectn5",
|
||||
},
|
||||
{
|
||||
text: "play an <b>old web build</b> (developed until 2025-05-16)",
|
||||
link: "https://apps.natconf.dev/projectn5",
|
||||
},
|
||||
{
|
||||
text: "download the <b>old Windows builds</b>",
|
||||
link: "https://files.natconf.dev/public/projectn5",
|
||||
},
|
||||
// {
|
||||
// text: "development log",
|
||||
// link: "/projects/projectn5",
|
||||
// },
|
||||
// {
|
||||
// text: "old web build (2025-05-16)",
|
||||
// link: "https://apps.natconf.dev/projectn5",
|
||||
// },
|
||||
// {
|
||||
// text: "old Windows builds",
|
||||
// link: "https://files.natconf.dev/public/projectn5",
|
||||
// },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -159,7 +163,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.ABANDONED,
|
||||
links: [
|
||||
{
|
||||
text: "view the latest <b>Magician</b> build",
|
||||
text: "view game",
|
||||
link: "https://apps.natconf.dev/magician",
|
||||
},
|
||||
],
|
||||
@@ -191,7 +195,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.ABANDONED,
|
||||
links: [
|
||||
{
|
||||
text: "play <b>Swords & Stuff</b>",
|
||||
text: "play game",
|
||||
link: "https://apps.natconf.dev/swordsnstuff",
|
||||
},
|
||||
],
|
||||
@@ -209,11 +213,11 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "play <b>TADS 1</b>",
|
||||
text: "play TADS 1",
|
||||
link: "https://apps.natconf.dev/tads/1",
|
||||
},
|
||||
{
|
||||
text: "play <b>TADS 2</b>",
|
||||
text: "play TADS 2",
|
||||
link: "https://apps.natconf.dev/tads/2",
|
||||
},
|
||||
],
|
||||
@@ -235,11 +239,11 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "get the <b>PCB and STL files</b>",
|
||||
text: "PCB & STL files",
|
||||
link: "https://files.natconf.dev/public/daisyfm/",
|
||||
},
|
||||
{
|
||||
text: "view the code files on <b>Codeberg</b>",
|
||||
text: "source code",
|
||||
link: "https://codeberg.org/denizk0461/daisy-fm-synth",
|
||||
},
|
||||
],
|
||||
@@ -261,7 +265,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.EOL,
|
||||
links: [
|
||||
{
|
||||
text: "view on <b>Codeberg</b>",
|
||||
text: "source code",
|
||||
link: "https://codeberg.org/denizk0461/weserplaner/",
|
||||
},
|
||||
{
|
||||
@@ -283,11 +287,11 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.EOL,
|
||||
links: [
|
||||
{
|
||||
text: "view on <b>Codeberg</b>",
|
||||
text: "source code",
|
||||
link: "https://codeberg.org/denizk0461/text-basic/",
|
||||
},
|
||||
{
|
||||
text: "link to the former <b>Google Play</b> store page",
|
||||
text: "former Google Play store page",
|
||||
link: "https://play.google.com/store/apps/details?id=com.denizk0461.textbasic",
|
||||
},
|
||||
],
|
||||
@@ -305,7 +309,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.EOL,
|
||||
links: [
|
||||
{
|
||||
text: "view the Android app source code on <b>GitHub</b>",
|
||||
text: "android source code",
|
||||
link: "https://github.com/denizk0461/qwark",
|
||||
},
|
||||
],
|
||||
@@ -323,11 +327,11 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.EOL,
|
||||
links: [
|
||||
{
|
||||
text: "view the Android app source code on <b>GitHub</b>",
|
||||
text: "android source code",
|
||||
link: "https://github.com/denizk0461/avh-substitution-plan",
|
||||
},
|
||||
{
|
||||
text: "view the iOS app source code on <b>GitHub</b>",
|
||||
text: "iOS source code",
|
||||
link: "https://github.com/denizk0461/avh-plan-ios",
|
||||
},
|
||||
],
|
||||
@@ -350,7 +354,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "listen & download on <b>copyparty</b>",
|
||||
text: "listen & download",
|
||||
link: "https://files.natconf.dev/public/my_tracks/Dreamworld/",
|
||||
},
|
||||
],
|
||||
@@ -368,7 +372,7 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.FINISHED,
|
||||
links: [
|
||||
{
|
||||
text: "listen & download on <b>copyparty</b>",
|
||||
text: "listen & download",
|
||||
link: "https://files.natconf.dev/public/my_tracks/A%20New%20Beginning/",
|
||||
},
|
||||
],
|
||||
@@ -386,11 +390,11 @@ export const projects: Project[] = [
|
||||
status: ProjectStatus.INACTIVE,
|
||||
links: [
|
||||
{
|
||||
text: "demo dump on <b>Soundcloud</b>",
|
||||
text: "visit demo dump",
|
||||
link: "https://soundcloud.com/denizk0461",
|
||||
},
|
||||
{
|
||||
text: "archive on <b>Soundcloud</b>",
|
||||
text: "visit archive",
|
||||
link: "https://soundcloud.com/djd4rkn355",
|
||||
},
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user