diff --git a/.gitignore b/.gitignore index 706ec48..b419d67 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,4 @@ _site/ node_modules/ -package-lock.json \ No newline at end of file +package-lock.json diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..cb41461 --- /dev/null +++ b/deploy.sh @@ -0,0 +1,10 @@ +#!/bin/sh + +rm -rf _site && + +npm run build && +npm run build:sass && + +ssh solis 'rm -rf docker/webserver/public/koendev.nl' && + +scp -r _site solis:~/docker/webserver/public/koendev.nl diff --git a/src/_data/projects.json b/src/_data/projects.json index ec7eec8..41c6b7b 100644 --- a/src/_data/projects.json +++ b/src/_data/projects.json @@ -1,28 +1,37 @@ { - "projects": [ + "personal-projects": [ { - "name": "Mandelbrot", - "text": "A Mandelbrot renderer I made for a university course written in C#. It has multithreading, multiple color modes, and the ability to export and import renders as .mandel files, which is a file format specially created for this project.", - "photo": "/static/mandelbrot.jpg", - "link": "https://github.com/KoenDR06/UniMandelbrot" - }, - { - "name": "AulaControl", - "text": "This project aimed to control the aula at my old high school using a USB to DMX converter written in Kotlin. It played music and controlled the lights during lunchtime.", - "photo": "/static/dmx.png", - "link": "https://github.com/AVTOLZ/AulaControl" + "name": "NixOS Config", + "text": "The configuration for all my NixOS machines. It is fully modularized, and has a custom module for all Hyprland configuration options.", + "photo": "/static/nixos.svg", + "link": "https://git.koendev.nl/Koen/nix-config" }, { "name": "Advent Of Code", - "text": "All of my current advent of code solutions, written in Kotlin. Some of the worst code I've written, yet I learn a lot from it.", + "text": "My Advent Of Code solutions for 2025, written in Haskell.", "photo": "/static/aoc.png", - "link": "https://github.com/KoenDR06/nix-config" + "link": "https://git.koendev.nl/Koen/AdventOfCode25" + } + ], + "contributed-projects": [ + { + "name": "sadserver", + "text": [ + "Upgraded the playbooks to be compatible with Ubuntu 24.04", + "Helped writing the playbok for a new website" + ], + "photo": "/static/sadserver.svg", + "link": "https://github.com/svsticky/sadserver" }, { - "name": "nix-config", - "text": "The configurations for my NixOS machines. It includes configuration for all my apps, window managers, network, timezones, and more. It's also modularized so that adding a new machine with unique property is a breeze.", - "photo": "/static/nixos.svg", - "link": "https://github.com/KoenDR06/nix-config" + "name": "radio", + "text": [ + "Added a keybind to pause to debug elements easier", + "Added a weather widget", + "Made activities show participants" + ], + "photo": "/static/radio.svg", + "link": "https://github.com/svsticky/radio" } ] -} \ No newline at end of file +} diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid index 995d54f..cea9a50 100644 --- a/src/_includes/base.liquid +++ b/src/_includes/base.liquid @@ -6,10 +6,9 @@ - + - @@ -19,14 +18,15 @@ Ayrton Diablo S
- Beam of Ayrton Diablo S + Beam of Ayrton Diablo S
-

Koen de Ruiter

-

Hobby Developer

-

Lighting Designer

+

{{ title }}

+ {% for sub in subtitles %} +

{{ sub }}

+ {% endfor %}
GitHub diff --git a/src/_includes/empty.liquid b/src/_includes/empty.liquid new file mode 100644 index 0000000..e36fd9d --- /dev/null +++ b/src/_includes/empty.liquid @@ -0,0 +1,19 @@ + + + + + {{ title }} + + + + + + + + + +
+ {{ content }} +
+ + diff --git a/src/pages/404.liquid b/src/pages/404.liquid new file mode 100644 index 0000000..1b21096 --- /dev/null +++ b/src/pages/404.liquid @@ -0,0 +1,5 @@ +--- +permalink: /404.html +title: 404 Not Found +subtitles: +--- diff --git a/src/pages/home.liquid b/src/pages/home.liquid index b29477f..3a94864 100644 --- a/src/pages/home.liquid +++ b/src/pages/home.liquid @@ -1,17 +1,41 @@ --- permalink: / title: Koen de Ruiter +subtitles: +- "Hobby Developer" +- "Lighting Designer" --- -{% for p in projects.projects %} +

Personally Authored

+{% for p in projects.personal-projects %}
Project sample photo
- +
+ {% if p.link != "" %} {% endif %}

{{ p.name }}

- -

{{ p.text }}

+
+ {% for par in p.text %} +

{{ par }}

+ {% endfor %}
-{% endfor %} \ No newline at end of file +{% endfor %} + +

Contributed

+{% for p in projects.contributed-projects %} +
+ Project sample photo + +
+
+ {% if p.link != "" %} {% endif %} +

{{ p.name }}

+
+ {% for par in p.text %} +

{{ par }}

+ {% endfor %} +
+
+{% endfor %} diff --git a/src/static/aoc.jpg b/src/static/aoc.jpg deleted file mode 100644 index 02e5053..0000000 Binary files a/src/static/aoc.jpg and /dev/null differ diff --git a/src/static/aoc.png b/src/static/aoc.png index 8c30bd0..0fc1c8c 100644 Binary files a/src/static/aoc.png and b/src/static/aoc.png differ diff --git a/src/static/beam.png b/src/static/beam.png deleted file mode 100644 index 6c76ca3..0000000 Binary files a/src/static/beam.png and /dev/null differ diff --git a/src/static/beam.webp b/src/static/beam.webp new file mode 100644 index 0000000..2ddd784 Binary files /dev/null and b/src/static/beam.webp differ diff --git a/src/static/dmx.png b/src/static/dmx.png deleted file mode 100644 index 09579ab..0000000 Binary files a/src/static/dmx.png and /dev/null differ diff --git a/src/static/floater.js b/src/static/floater.js index baa232a..d878b3b 100644 --- a/src/static/floater.js +++ b/src/static/floater.js @@ -1,6 +1,5 @@ function clamp(value, min, max) { return Math.max( min, Math.min(value, max) ); } -const body = document.querySelector('body'); const beams = document.querySelector(".beams"); window.addEventListener("scroll", function(){ @@ -12,5 +11,4 @@ window.addEventListener("scroll", function(){ } beams.style.opacity = 1-2*yPos; - beams.style.display = 1-2*yPos < 0 ? 'none' : 'block' -}); \ No newline at end of file +}); diff --git a/src/static/gallery.svg b/src/static/gallery.svg new file mode 100644 index 0000000..d83c082 --- /dev/null +++ b/src/static/gallery.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/static/github.svg b/src/static/github.svg index af0d33c..aa0f07b 100644 --- a/src/static/github.svg +++ b/src/static/github.svg @@ -1,4 +1,4 @@ - - \ No newline at end of file + + diff --git a/src/static/linkedin.svg b/src/static/linkedin.svg index 40ce0cc..7fe22bd 100644 --- a/src/static/linkedin.svg +++ b/src/static/linkedin.svg @@ -1,6 +1,6 @@ - + @@ -8,4 +8,4 @@ - \ No newline at end of file + diff --git a/src/static/mic.svg b/src/static/mic.svg new file mode 100644 index 0000000..2ce4002 --- /dev/null +++ b/src/static/mic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/static/music.svg b/src/static/music.svg new file mode 100644 index 0000000..0f72300 --- /dev/null +++ b/src/static/music.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/static/radio.svg b/src/static/radio.svg new file mode 100644 index 0000000..fe6595c --- /dev/null +++ b/src/static/radio.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/static/raytracer.webp b/src/static/raytracer.webp new file mode 100644 index 0000000..aef5ad3 Binary files /dev/null and b/src/static/raytracer.webp differ diff --git a/src/static/sadserver.svg b/src/static/sadserver.svg new file mode 100644 index 0000000..f49d796 --- /dev/null +++ b/src/static/sadserver.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index bcde641..4e2b01a 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -3,7 +3,7 @@ body { margin: 0; - font-family: "JetBrains Mono", serif; + font-family: "Cascadia Code", sans-serif; background-color: vars.$bg-color; color: vars.$primary; overflow-x: hidden; @@ -31,4 +31,4 @@ main { .project__photo { margin: 0 50px 0 0 !important; } -} \ No newline at end of file +} diff --git a/src/styles/photos.scss b/src/styles/photos.scss new file mode 100644 index 0000000..70ed9f5 --- /dev/null +++ b/src/styles/photos.scss @@ -0,0 +1,60 @@ +@use "vars"; + +body { + margin: 0; + font-family: "JetBrains Mono", serif; + background-color: vars.$bg-color; + color: vars.$primary; + overflow-x: hidden; +} + +main { + width: 100vw; + height: 100vh; + + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + + position: relative; + + animation: flyIn ease-out vars.$load-speed; +} + +.slideshow { + border: 5px solid vars.$secondary; + border-radius: 15px; +} + +img { + height: 80vh; + width: auto; + max-width: 80vw; + + + object-fit: contain; +} + +.hidden { + display: none; +} + +// --- CONTROLS --- +.control { + height: 40px; +} + +button { + background: inherit; + border: 0; +} + +.controls { + margin-top: 10px; + border: 5px solid vars.$secondary; + border-radius: 15px; + + display: flex; + justify-content: center; +} diff --git a/src/styles/projects.scss b/src/styles/projects.scss index 51ddd30..7421582 100644 --- a/src/styles/projects.scss +++ b/src/styles/projects.scss @@ -2,6 +2,7 @@ .project { display: flex; + position: relative; margin-bottom: 100px; } @@ -28,21 +29,40 @@ a { text-decoration: none; } +.project__text img { + width: 4em; + height: auto; + + margin-right: 1em; +} + +.project__title-line { + display: flex; + align-items: center; +} + .project h2 { margin-top: 0; margin-bottom: 0; font-size: 4em; - text-decoration: underline; - color: vars.$accent-1; } +.projects-header { + margin-top: 0; + margin-bottom: 1em; + font-size: 5em; + + color: vars.$accent-2; +} + .project p { font-size: 1.5em; } .project__photo { + min-width: 500px; width: 500px; height: auto; border-radius: 25px; @@ -51,4 +71,4 @@ a { .project__text { max-width: 50%; -} \ No newline at end of file +} diff --git a/src/styles/vars.scss b/src/styles/vars.scss index f95f4cb..bcf784d 100644 --- a/src/styles/vars.scss +++ b/src/styles/vars.scss @@ -1,9 +1,10 @@ -$bg-color: #1e222a; -$primary: #80a0c0; -$secondary: #4f6175; -$accent-1: #b48ead; +$bg-color: #24273a; +$primary: #b7bdf8; +$secondary: #b7bdf8; +$accent-1: #c6a0f6; +$accent-2: #ed8796; $side-margin: 15vw; $load-speed: 1.2s; -$load-size: 5vh; \ No newline at end of file +$load-size: 5vh;