use display:flex to render mobile correctly

This commit is contained in:
Wouter Groeneveld 2023-11-20 12:03:57 +01:00
parent f50e0e56be
commit b70be29b04
3 changed files with 76 additions and 39 deletions

1
public/404.html Normal file
View File

@ -0,0 +1 @@
Are you sure you're supposed to be doing this?

View File

@ -16,7 +16,7 @@
<div id="scrollhint">&darr;</div>
</div>
<h2>Summary and Links</h2>
<h2>Summary & 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/>
@ -27,8 +27,8 @@
<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><strong>Published Works</strong></dt>
<dd><strong><a href="https://brainbaking.com/works/">brainbaking.com/works/</a></strong></dd>
<dt>Affiliation</dt>
<dd><a href="https://iiw.kuleuven.be/onderzoek/ether">KU Leuven, Engineering Technology Education Research</a></dd>
<dt>Contact</dt>
@ -40,38 +40,52 @@
<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.
<span>
<span class="title">Postdoctoral Researcher, KU Leuven</span><br/>
I participate in European projects focused on increasing the quality of engineering education.
</span>
</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.
<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.
</span>
</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.
<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.
</span>
</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.
<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.
</span>
</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.
<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.
</span>
</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.
<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.
</span>
</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.
<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.
</span>
</li>
</ul>
</section>
@ -81,21 +95,37 @@
<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.
<span>
<span class="title">Doctor of Engineering Technology, KU Leuven</span><br/>
Thesis: Identifying & Amplifying Non-Technical Skills In Software Engineering Education.
</span>
</li>
<li>
<span class="date">2013—2016</span>
<span>
<span class="title">Professional Bread & Pastry Baker, Syntra</span><br/>
I did an internship at renowned bakery De Superette in Ghent to specialize in sourdough bread baking. I maintain a bread baking blog and wrote a book on the science of sourdough.
</span>
</li>
<li>
<span class="date">2003—2007</span>
<span class="title">Master of Computer Science, Hasselt University</span><br/>
Specialization: Human Computer Interaction.
<span>
<span class="title">Master of Computer Science, Hasselt University</span><br/>
Specialization: Human Computer Interaction.
</span>
</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.
<span>
<span class="title"></span>Sun Certified Java Developer, Zend Certified PHP Engineer, SpringSource Certified Spring Professional, Certified Scrum Master.
</span>
</li>
</ul>
</section>
<section>
<h2>Published Works</h2>
<p>Please see <a href="https://brainbaking.com/works/">brainbaking.com/works/</a> for a complete list.</p>
</section>
<p>&nbsp;</p>

View File

@ -103,29 +103,35 @@ h2 {
color: var(--accent);
}
.date {
font-style: italic;
}
section.refs ul {
list-style: none;
line-height: 1.15;
}
section.refs > ul {
padding-left: 16em;
section.refs li {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: baseline;
margin-top: 1rem;
}
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;
@media only screen and (min-width: 45rem) {
section.refs li {
flex-direction: row;
}
section.refs li :nth-child(1) {
flex: 1 2 1rem;
margin: 0.1rem;
}
section.refs li :nth-child(2) {
flex: 3 1 15rem;
}
}