From f50e0e56be3cfb8954307db3cfa7e3489782ee2e Mon Sep 17 00:00:00 2001 From: wgroeneveld Date: Wed, 15 Nov 2023 16:16:36 +0100 Subject: [PATCH] move to public/, add deploy scripts --- index.html | 47 ------------- package.json | 21 ++++++ public/index.html | 104 ++++++++++++++++++++++++++++ profile.png => public/profile.png | Bin woutergr.css => public/woutergr.css | 76 ++++++++++++-------- 5 files changed, 172 insertions(+), 76 deletions(-) delete mode 100644 index.html create mode 100644 package.json create mode 100644 public/index.html rename profile.png => public/profile.png (100%) rename woutergr.css => public/woutergr.css (56%) diff --git a/index.html b/index.html deleted file mode 100644 index 9edebcf..0000000 --- a/index.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - Wouter Groeneveld - - - - - - - -

Contact and links

-
-
Blog
-
brainbaking.com
-
Affiliation
-
KU Leuven, Engineering Technology Education Research
-
Google Scholar
-
scholar.google.com
-
Email
-
wouter@brainbaking.com
-
-
-

Curriculum vitae

- -
- - - - diff --git a/package.json b/package.json new file mode 100644 index 0000000..39f2571 --- /dev/null +++ b/package.json @@ -0,0 +1,21 @@ +{ + "name": "woutergr", + "version": "1.0.0", + "description": "", + "scripts": { + "compile": "echo 'compile is empty'", + "deploy": "rsync --archive --delete public/ /var/www/woutergr/" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/wgroeneveld/woutergr.git" + }, + "author": "Wouter Groeneveld", + "license": "MIT", + "bugs": { + "url": "https://github.com/wgroeneveld/woutergr/issues" + }, + "homepage": "https://wouter.gr", + "dependencies": { + } +} diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..215f892 --- /dev/null +++ b/public/index.html @@ -0,0 +1,104 @@ + + + + Wouter Groeneveld + + + + + + + +

Summary and Links

+ +

+ As a Brain Baker, my broad areas of interest facilitate baking diffuse thoughts into concrete new ideas. I love inspiring others to bake their brain (and bread) as well.
+ As a software development generalist, I am very skilled at static, dynamic, and functional languages. I approach problems test-first and value knowledge sharing. I took on various roles from agile coaching to technical lead.
+ As an academic researcher, I study how software engineers creatively discover and solve problems. I value science communication and summarize findings for broader audiences. I regularly teach both in industry and in academia. +

+ +
+
Blog
+
brainbaking.com
+
Published Works
+
brainbaking.com/works/
+
Affiliation
+
KU Leuven, Engineering Technology Education Research
+
Contact
+
Email: wouter@brainbaking.com
+
+ +
+

Curriculum Vitae

+ +
+ +
+

Education & Training

+ + +
+ +

 

+ + + diff --git a/profile.png b/public/profile.png similarity index 100% rename from profile.png rename to public/profile.png diff --git a/woutergr.css b/public/woutergr.css similarity index 56% rename from woutergr.css rename to public/woutergr.css index 84d3bea..2534f49 100644 --- a/woutergr.css +++ b/public/woutergr.css @@ -1,6 +1,11 @@ +:root { + --accent: #018661; + --accentlight: #90ee90; +} + html { font-family: Palatino, serif; - font-size: 100%; + font-size: 1.1rem; color: white; width: 100%; margin: 0; @@ -15,11 +20,7 @@ body { } a { - color: #80b0ff; -} - -body section.refs ul li.expanded .date { - color: #80b0ff; + color: var(--accentlight); } #image { @@ -38,23 +39,19 @@ body section.refs ul li.expanded .date { } a { - color: #6080a0; - } - - body section.refs ul li.expanded .date { - color: #6080a0; + color: var(--accent); } } #header { font-size: 125%; width: 100%; - height: 70vh; - padding-top: 30vh; + height: 75vh; + padding-top: 25vh; } -.decrease { - font-size: 66%; +.title { + font-weight: bold; } dl { @@ -79,8 +76,19 @@ h1 { font-style: italic; } +h2::before { + background-color: var(--accent); + content: ""; + display: inline-block; + height: 4px; + vertical-align: middle; + margin-right: 0.5em; + width: 17%; +} + h2 { margin-top: 3em; + margin-bottom: 1em; } #keywords { @@ -92,22 +100,32 @@ h2 { #scrollhint { font-size: 200%; text-align: center; + color: var(--accent); } -section.refs ul li.expanded .date { - color: #80b0ff; + +section.refs ul { + list-style: none; + line-height: 1.15; } -@media (prefers-color-scheme: light) { - section.refs ul li.expanded .date { - color: #6080a0; - } - - section.refs > ul > li.invited::after { - border: 1px solid black; - } - - section.refs > ul > li > ul > li::after { - border: 1px solid black !important; - } +section.refs > ul { + padding-left: 16em; } + +section.refs ul li { + position: relative; + margin: 0.5em 0; + transition: 0.3s; +} + +section.refs ul li .date { + display: block; + position: absolute; + top: 0; + left: -16em; + width: 13em; + text-align: center; + white-space: nowrap; +} +