denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styled links in project posts

Browse Source
This commit is contained in:
denizk0461
2026-04-08 15:04:44 +02:00
parent 391debf3b4
commit 040862a3e5
4 changed files with 69 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/scroll-top-button.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts">
let y: number;
// TODO change out for <a href="#top"/>
function scrollToTop() {
document.documentElement.scrollTop = 0;
}

38
src/routes/projects/[category]/[id]/+page.svelte
View File

@@ -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
src/routes/projects/drawings/firstmonth.md
View File

@@ -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:

62
src/routes/projects/projects2.ts
View File

@@ -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",
},
],