move to public/, add deploy scripts

This commit is contained in:
Wouter Groeneveld 2023-11-15 16:16:36 +01:00
parent a1c048920b
commit f50e0e56be
5 changed files with 172 additions and 76 deletions

View File

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wouter Groeneveld</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="woutergr.css" />
</head>
<body>
<div id="header">
<div id="image"></div>
<h1><span class="decrease">dr. </span>Wouter Groeneveld</h1>
<div id="profession">Brain Baker</div>
<p id="keywords">Baker, Software Engineer, Computing Education Researcher, Writer, Teacher.</p>
<div id="scrollhint">&darr;</div>
</div>
<h2>Contact and links</h2>
<dl>
<dt>Blog</dt>
<dd><a href="https://brainbaking.com">brainbaking.com</a></dd>
<dt>Affiliation</dt>
<dd><a href="https://iiw.kuleuven.be/onderzoek/ether">KU Leuven, Engineering Technology Education Research</a></dd>
<dt>Google Scholar</dt>
<dd><a href="https://scholar.google.com/citations?user=bvEeAtoAAAAJ&hl=en">scholar.google.com</a></dd>
<dt>Email</dt>
<dd><a href="mailto:wouter@brainbaking.com">wouter@brainbaking.com</a></dd>
</dl>
<section class="refs">
<h2>Curriculum vitae</h2>
<ul class="cv">
<li>
<span class="date">since 2018</span>
<span class="title">KU Leuven</span><br />
PhD researcher
</li>
<li>
<span class="date">1985</span>
<span class="title">Birth.</span>
</li>
</ul>
</section>
</body>
</html>

21
package.json Normal file
View File

@ -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": {
}
}

104
public/index.html Normal file
View File

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wouter Groeneveld</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="woutergr.css" />
</head>
<body>
<div id="header">
<div id="image"></div>
<h1><small>dr. </small>Wouter Groeneveld</h1>
<div id="profession">Brain Baker</div>
<p id="keywords">Baker, Software Engineer, Computing Education Researcher, Writer, Teacher.</p>
<div id="scrollhint">&darr;</div>
</div>
<h2>Summary and Links</h2>
<p>
As a <em>Brain Baker</em>, 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. <br/>
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. <br/>
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.
</p>
<dl>
<dt>Blog</dt>
<dd><a href="https://brainbaking.com">brainbaking.com</a></dd>
<dt>Published Works</dt>
<dd><a href="https://brainbaking.com/works/">brainbaking.com/works/</a></dd>
<dt>Affiliation</dt>
<dd><a href="https://iiw.kuleuven.be/onderzoek/ether">KU Leuven, Engineering Technology Education Research</a></dd>
<dt>Contact</dt>
<dd>Email: <a href="mailto:wouter@brainbaking.com">wouter@brainbaking.com</a></dd>
</dl>
<section class="refs">
<h2>Curriculum Vitae</h2>
<ul class="cv">
<li>
<span class="date">2023—now</span>
<span class="title">Postdoctoral Researcher, KU Leuven</span><br/>
I participate in European projects focused on increasing the quality of engineering education.
</li>
<li>
<span class="date">2018—2023</span>
<span class="title">PhD Researcher, KU Leuven</span><br/>
I divide my time between 50% research, studying creativity in computing education, and 50% teaching, building many courses from scratch, including software engineering, databases, software design in C/C++, and operating systems.
</li>
<li>
<span class="date">2016—2018</span>
<span class="title">Guest Lecturer, PXL Hasselt</span><br/>
I teach clean code and test-driven development courses to both college students and their teachers to further support the informatics curriculum.
</li>
<li>
<span class="date">2014—2018</span>
<span class="title">Senior Software Developer, Prato</span><br/>
I coach and support colleagues within and across multiple software development teams. I help lay the foundations for a self-improvement culture and give multiple internal and external talks on motivation, inspiration, and productivity.
</li>
<li>
<span class="date">2012—2014</span>
<span class="title">Teamcoach, Cegeka</span><br/>
I develop software together with the rest of the team while also helping overcome technical and collaborative challenges. I coach junior developers and monitor and safeguard our internal agile values.
</li>
<li>
<span class="date">2011—2014</span>
<span class="title">Guest Lecturer, Thomas More, Geel</span><br/>
I taught multiple workshops and courses, such as: JavaScript as a dynamic and functional language, agile software engineering, and an introduction to self-improvement and getting things done.
</li>
<li>
<span class="date">2007—2012</span>
<span class="title">Agile Software Developer, Cegeka</span><br/>
I am part of the Cegeka Agile Software Factory that delivers enterprise software with co-located teams. I help facilitate lean software development principles such as pair programming and test-driven development.
</li>
</ul>
</section>
<section class="refs">
<h2>Education & Training</h2>
<ul class="cv">
<li>
<span class="date">2018—2023</span>
<span class="title">Doctor of Engineering Technology, KU Leuven</span><br/>
Thesis: Identifying & Amplifying Non-Technical Skills In Software Engineering Education.
</li>
<li>
<span class="date">2003—2007</span>
<span class="title">Master of Computer Science, Hasselt University</span><br/>
Specialization: Human Computer Interaction.
</li>
<li>
<span class="date">Certificates</span>
<span class="title"></span>Sun Certified Java Developer, Zend Certified PHP Engineer, SpringSource Certified Spring Professional, Certified Scrum Master.
</li>
</ul>
</section>
<p>&nbsp;</p>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 180 KiB

View File

@ -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;
}