diff --git a/src/_data/nav.json b/src/_data/nav.json deleted file mode 100644 index 21d282b..0000000 --- a/src/_data/nav.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "items": [ - { - "url": "/", - "name": "Home" - }, - { - "url": "/about/", - "name": "About" - }, - { - "url": "/blog/", - "name": "Blog" - } - ] -} \ No newline at end of file diff --git a/src/_data/projects.json b/src/_data/projects.json new file mode 100644 index 0000000..ec7eec8 --- /dev/null +++ b/src/_data/projects.json @@ -0,0 +1,28 @@ +{ + "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": "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.", + "photo": "/static/aoc.png", + "link": "https://github.com/KoenDR06/nix-config" + }, + { + "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" + } + ] +} \ No newline at end of file diff --git a/src/_data/site.json b/src/_data/site.json deleted file mode 100644 index 7bb380c..0000000 --- a/src/_data/site.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "name": "Koen de Ruiter", - "description": "An Eleventy demo site." -} \ No newline at end of file diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid index e1e57dd..ab626b3 100644 --- a/src/_includes/base.liquid +++ b/src/_includes/base.liquid @@ -9,21 +9,26 @@ - + +
- Ayrton Diablo S - Ayrton Diablo S + Ayrton Diablo S + Ayrton Diablo S +
+
+

Koen de Ruiter

-

Developer, Lighting Designer

+

Hobby Developer

+

Lighting Designer

GitHub diff --git a/src/pages/home.html b/src/pages/home.html deleted file mode 100644 index 9f72dd5..0000000 --- a/src/pages/home.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -permalink: / -title: Koen de Ruiter ---- - -
- -
-

WebTech

-

This is a university project I made with a group of three for a web technologies course.

-
-
- - - - - \ No newline at end of file diff --git a/src/pages/home.liquid b/src/pages/home.liquid new file mode 100644 index 0000000..b29477f --- /dev/null +++ b/src/pages/home.liquid @@ -0,0 +1,17 @@ +--- +permalink: / +title: Koen de Ruiter +--- + +{% for p in projects.projects %} +
+ Project sample photo + +
+ +

{{ p.name }}

+ +

{{ p.text }}

+
+
+{% endfor %} \ No newline at end of file diff --git a/src/static/aoc.jpg b/src/static/aoc.jpg new file mode 100644 index 0000000..02e5053 Binary files /dev/null and b/src/static/aoc.jpg differ diff --git a/src/static/aoc.png b/src/static/aoc.png new file mode 100644 index 0000000..8c30bd0 Binary files /dev/null and b/src/static/aoc.png differ diff --git a/src/static/dmx.png b/src/static/dmx.png new file mode 100644 index 0000000..09579ab Binary files /dev/null and b/src/static/dmx.png differ diff --git a/src/static/floater.js b/src/static/floater.js new file mode 100644 index 0000000..0254cda --- /dev/null +++ b/src/static/floater.js @@ -0,0 +1,7 @@ +window.addEventListener("scroll", function(){ + const floaters = document.querySelectorAll(".floater"); + const yPos = 0 - window.scrollY; + for (const floater of floaters) { + floater.style.top = -yPos/20 + "%"; + } +}); \ No newline at end of file diff --git a/src/static/mandelbrot.jpg b/src/static/mandelbrot.jpg new file mode 100644 index 0000000..378e63f Binary files /dev/null and b/src/static/mandelbrot.jpg differ diff --git a/src/static/nixos.svg b/src/static/nixos.svg new file mode 100644 index 0000000..2a065bc --- /dev/null +++ b/src/static/nixos.svg @@ -0,0 +1,187 @@ + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/src/styles/index.scss b/src/styles/index.scss index 5f86ec1..0664350 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -12,6 +12,10 @@ body { transform: scaleX(-1); } +main { + margin-left: vars.$fixture-width; + margin-right: vars.$fixture-width; +} @include meta.load-css("title-card"); @include meta.load-css("projects"); diff --git a/src/styles/projects.scss b/src/styles/projects.scss index 84e9e10..220cfc1 100644 --- a/src/styles/projects.scss +++ b/src/styles/projects.scss @@ -2,13 +2,52 @@ .project { display: flex; - justify-content: space-evenly; + + margin-bottom: 100px; +} + +.project:nth-child(odd) { + justify-content: left; + flex-direction: row; +} + +.project:nth-child(even) { + justify-content: right; + flex-direction: row-reverse; +} + +.project:nth-child(odd) .project__photo { + margin-right: 50px; +} + +.project:nth-child(even) .project__photo { + margin-left: 50px; +} + +a { + text-decoration: none; } .project h2 { margin-top: 0; margin-bottom: 0; - font-size: 2em; + font-size: 4em; + + text-decoration: underline; color: vars.$accent-1; +} + +.project p { + font-size: 1.5em; +} + +.project__photo { + width: 500px; + border-radius: 25px; + padding: 10px; +} + +.project__text { + max-width: 50%; } \ No newline at end of file diff --git a/src/styles/title-card.scss b/src/styles/title-card.scss index 49ad27d..2b01480 100644 --- a/src/styles/title-card.scss +++ b/src/styles/title-card.scss @@ -59,6 +59,7 @@ } .background { + z-index: -30; position: absolute; width: 100vw; @@ -67,13 +68,14 @@ animation: flyIn ease 2s; } -.fixtures { - display: flex; - justify-content: space-between; +.fixtures > img { + position: absolute; + + width: vars.$fixture-width; } -.fixtures > img { - height: 600px; +.fixtures > img.flip { + right: 0; } @keyframes flyIn { diff --git a/src/styles/vars.scss b/src/styles/vars.scss index 6c7de63..9d3fa43 100644 --- a/src/styles/vars.scss +++ b/src/styles/vars.scss @@ -1,4 +1,6 @@ $bg-color: #1e222a; $primary: #80a0c0; $secondary: #4f6175; -$accent-1: #b48ead; \ No newline at end of file +$accent-1: #b48ead; + +$fixture-width: 400px; \ No newline at end of file