commit 3da46b8e0e5f97db8637ad8e1c89f8d4c34e6c97 Author: KoenDR06 Date: Sun Apr 13 02:47:46 2025 +0200 Initial Commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..706ec48 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +.idea/ +_site/ +node_modules/ + +package-lock.json \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..e0b48f8 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2024 Mr Horseman + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/eleventy.config.js b/eleventy.config.js new file mode 100644 index 0000000..ff4c93d --- /dev/null +++ b/eleventy.config.js @@ -0,0 +1,12 @@ +export default function (eleventyConfig) { + eleventyConfig.addPassthroughCopy("src/static/"); + eleventyConfig.addWatchTarget("src/styles/"); + + return { + dir: { + input: 'src', + output: '_site' + } + }; + +} \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..bf34b38 --- /dev/null +++ b/package.json @@ -0,0 +1,21 @@ +{ + "name": "portfolio", + "version": "0.0.0", + "author": "KoenDR06", + "license": "MIT", + "type": "module", + "dependencies": { + "@11ty/eleventy": "^3.0.0", + "@11ty/eleventy-plugin-handlebars": "^1.0.0", + "handlebars": "^4.7.8", + "markdown-it": "^14.1.0", + "sass": "^1.86.3" + }, + "scripts": { + "dev": "npx @11ty/eleventy --input src --serve", + "dev:sass": "npx sass src/styles:_site/styles --watch", + + "build": "npx @11ty/eleventy --input src", + "build:sass": "npx sass src/styles:_site/styles" + } +} diff --git a/src/_data/nav.json b/src/_data/nav.json new file mode 100644 index 0000000..21d282b --- /dev/null +++ b/src/_data/nav.json @@ -0,0 +1,16 @@ +{ + "items": [ + { + "url": "/", + "name": "Home" + }, + { + "url": "/about/", + "name": "About" + }, + { + "url": "/blog/", + "name": "Blog" + } + ] +} \ No newline at end of file diff --git a/src/_data/site.json b/src/_data/site.json new file mode 100644 index 0000000..7bb380c --- /dev/null +++ b/src/_data/site.json @@ -0,0 +1,4 @@ +{ + "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 new file mode 100644 index 0000000..e1e57dd --- /dev/null +++ b/src/_includes/base.liquid @@ -0,0 +1,40 @@ + + + + + {{ title }} + + + + + + + + + + +

Koen de Ruiter

Developer, Lighting Designer

+ +

+ +

+ {{ content }} +

+ + diff --git a/src/pages/home.html b/src/pages/home.html new file mode 100644 index 0000000..9f72dd5 --- /dev/null +++ b/src/pages/home.html @@ -0,0 +1,17 @@ +--- +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/pages.json b/src/pages/pages.json new file mode 100644 index 0000000..ece1d55 --- /dev/null +++ b/src/pages/pages.json @@ -0,0 +1,4 @@ +{ + "layout": "base", + "permalink": "/{{ title | slug }}/" +} \ No newline at end of file diff --git a/src/static/fixture.png b/src/static/fixture.png new file mode 100644 index 0000000..4453d1c Binary files /dev/null and b/src/static/fixture.png differ diff --git a/src/static/github.svg b/src/static/github.svg new file mode 100644 index 0000000..af0d33c --- /dev/null +++ b/src/static/github.svg @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/src/static/linkedin.svg b/src/static/linkedin.svg new file mode 100644 index 0000000..40ce0cc --- /dev/null +++ b/src/static/linkedin.svg @@ -0,0 +1,11 @@ + + + \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 0000000..5f86ec1 --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,17 @@ +@use "sass:meta"; +@use "vars"; + +body { + margin: 0; + font-family: "JetBrains Mono", serif; + background-color: vars.$bg-color; + color: vars.$primary; +} + +.flip { + transform: scaleX(-1); +} + + +@include meta.load-css("title-card"); +@include meta.load-css("projects"); diff --git a/src/styles/projects.scss b/src/styles/projects.scss new file mode 100644 index 0000000..84e9e10 --- /dev/null +++ b/src/styles/projects.scss @@ -0,0 +1,14 @@ +@use "vars"; + +.project { + display: flex; + justify-content: space-evenly; +} + +.project h2 { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; + + color: vars.$accent-1; +} \ No newline at end of file diff --git a/src/styles/title-card.scss b/src/styles/title-card.scss new file mode 100644 index 0000000..49ad27d --- /dev/null +++ b/src/styles/title-card.scss @@ -0,0 +1,89 @@ +@use "vars"; + +.front-page { + width: 100vw; + height: 100vh; + + display: flex; + justify-content: center; + align-items: center; + + position: relative; + + animation: flyIn ease 2s; +} + +.title-card { + height: fit-content; + + color: vars.$primary; + border: 8px solid vars.$secondary; + border-radius: 15px; + background-color: vars.$bg-color; + + padding: 20px; + text-align: center; + + font-size: 2rem; +} + +.title-card h1 { + margin-bottom: 0; + margin-top: 0; + + font-size: 2.5em; +} + +.title-card h2 { + margin-top: 0; + margin-bottom: 0; + font-size: 1em; + + color: vars.$accent-1; +} + +.title-card__links { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.title-card__link { + margin-left: 15px; + margin-right: 15px; +} + +.title-card__image { + width: 50px; + height: auto; +} + +.background { + position: absolute; + + width: 100vw; + height: 100vh; + + animation: flyIn ease 2s; +} + +.fixtures { + display: flex; + justify-content: space-between; +} + +.fixtures > img { + height: 600px; +} + +@keyframes flyIn { + 0% { + opacity: 0; + top: 50px; + } + + 100% { + opacity: 1; + top: 0; + } +} \ No newline at end of file diff --git a/src/styles/vars.scss b/src/styles/vars.scss new file mode 100644 index 0000000..6c7de63 --- /dev/null +++ b/src/styles/vars.scss @@ -0,0 +1,4 @@ +$bg-color: #1e222a; +$primary: #80a0c0; +$secondary: #4f6175; +$accent-1: #b48ead; \ No newline at end of file