initial commit heavily inspired by staacks.de
This commit is contained in:
commit
a1c048920b
|
@ -0,0 +1 @@
|
||||||
|
*.sublime-workspace
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!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">↓</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>
|
Binary file not shown.
After Width: | Height: | Size: 180 KiB |
|
@ -0,0 +1,113 @@
|
||||||
|
html {
|
||||||
|
font-family: Palatino, serif;
|
||||||
|
font-size: 100%;
|
||||||
|
color: white;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
background: black;
|
||||||
|
text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
max-width: 60em;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #80b0ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body section.refs ul li.expanded .date {
|
||||||
|
color: #80b0ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#image {
|
||||||
|
background-image: url("profile.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: right bottom;
|
||||||
|
background-size: contain;
|
||||||
|
height: 25vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
html {
|
||||||
|
color: black;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #6080a0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body section.refs ul li.expanded .date {
|
||||||
|
color: #6080a0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
font-size: 125%;
|
||||||
|
width: 100%;
|
||||||
|
height: 70vh;
|
||||||
|
padding-top: 30vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.decrease {
|
||||||
|
font-size: 66%;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 8em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 40rem) {
|
||||||
|
dl {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: right;
|
||||||
|
margin: 0.1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#profession {
|
||||||
|
text-align: right;
|
||||||
|
font-size: 125%;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#keywords {
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
margin-top: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scrollhint {
|
||||||
|
font-size: 200%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.refs ul li.expanded .date {
|
||||||
|
color: #80b0ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"folders":
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"path": "."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
Loading…
Reference in New Issue