Benjamin/personal-website
1
0
Fork 0
Code Issues 4 Pull requests Releases Activity

Merge pull request 'Update visuals and content' (#11) from new-visuals into master

Browse source 
Reviewed-on: #11
This commit is contained in:
Benjamin 2023-02-11 18:13:34 +00:00
parent b83d502ac9 74f7d2875e
commit 0b7fa5571c
1 changed files with 67 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

134
cv.html
View file

@ -24,34 +24,44 @@
<title>CV Benjamin Stadlbauer</title> <title>CV Benjamin Stadlbauer</title>
<style> <style>
:root { :root {
--color-primary-light: #000000; --white-neutral: #f4f4f9;
--color-background-light: #ffffff; --white-hover: #e5e5ff;
--color-primary-dark: #ffffff; --black-neutral: #1a1a1c;
--color-background-dark: #121212; --black-hover: #282833;
--color-hover-background-light: #ececec; --accent: #7a7a99;
--color-hover-background-dark: #202020;
--color-a-after: #999; --primary: var(--black-neural);
--color-primary: var(--color-primary-light); --background: var(--white-neutral);
--color-background: var(--color-background-light); --hover-background: var(--white-hover);
--color-hover-background: var(--color-hover-background-light);
} }
body { body {
color: var(--color-primary); color: var(--primary);
background-color: var(--color-background); background-color: var(--background);
padding: 1ch; padding: 3ch;
max-width: 80ch;
margin: 0 auto; margin: 0 auto;
font-family: system-ui; font-family: system-ui;
line-height: 1.6;
} }
li:not(:last-child) { ul {
margin-bottom: 0.2em; list-style-type: "-";
padding-left: 1.5em;
}
li {
padding-left: 0.25em;
} }
h3 { h3 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
line-height: 1.4;
font-weight: normal;
font-size: 1.2rem;
margin: 1.2rem 0;
} }
a { a {
@ -66,27 +76,40 @@
margin-left: 0.1em; margin-left: 0.1em;
font-size: 90%; font-size: 90%;
top: -0.1em; top: -0.1em;
color: var(--color-a-after); color: var(--accent);
font-feature-settings: "caps"; font-feature-settings: "caps";
font-variant-numeric: normal; font-variant-numeric: normal;
} }
a:hover { a:hover {
background: var(--color-hover-background); background: var(--hover-background);
transition-property: background; transition-property: background;
transition-duration: 0.2s; transition-duration: 0.2s;
} }
h2 { h2 {
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-color: var(--color-primary); border-bottom-color: var(--accent);
border-bottom-style: solid; border-bottom-style: solid;
line-height: 1.2;
font-size: 1.44rem;
font-weight: normal;
margin: 1.44rem 0;
}
h1 {
line-height: 1.0;
font-weight: normal;
font-size: 1.73rem;
margin: 1.73rem 0;
} }
aside { aside {
margin-top: -2ch; margin-top: -0.6rem;
text-transform: uppercase; text-transform: uppercase;
opacity: 0.7; opacity: 0.7;
letter-spacing: 0.05em;
line-height: 1;
} }
section#publications span.journal, section#publications span.journal,
@ -94,54 +117,40 @@
font-style: italic; font-style: italic;
} }
@media screen and (min-width: 600px) {
body {
padding: 2ch;
}
}
@media screen and (min-width: 800px) {
body {
padding: 3ch;
}
}
@media screen and (min-width: 900px) {
body {
max-width: 900px;
}
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
--color-primary: var(--color-primary-light); --primary: var(--black-neural);
--color-background: var(--color-background-light); --background: var(--white-neutral);
--color-hover-background: var(--color-hover-background-light); --hover-background: var(--white-hover);
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-primary: var(--color-primary-dark); --primary: var(--white-neutral);
--color-background: var(--color-background-dark); --background: var(--black-neutral);
--color-hover-background: var(--color-hover-background-dark); --hover-background: var(--black-hover);
} }
} }
@media print { @media print {
:root {
--primary: #000000;
--background: #ffffff;
--accent: #000000;
}
h2 {
border-bottom-width: 0.5pt;
}
html, html,
body { body {
max-width: initial; max-width: initial;
font-size: 10pt; font-size: 10pt;
background-color: #ffffff;
padding: 0; padding: 0;
} }
body {
color: #000000;
}
aside { aside {
opacity: 1.0; opacity: 1.0;
} }
@ -259,27 +268,18 @@
</section> </section>
<section style="break-inside: avoid-page;"> <section style="break-inside: avoid-page;">
<h2>Skills</h2> <h2>Skills</h2>
German is my native language and I am fluent and experienced in English (I have an Academic-IELTS-score of 8.0
from 2018 which is equivalent to an CEFR-score of C1&ndash;C2).
<h3>Technologies</h3>
I have experience with and can work right away with:
<ul> <ul>
<li>Java.</li> <li>Experience with Java, C/C++ and JavaScript</li>
<li>JavaScript,</li> <li>With help and preparation I can work with Apache Maven, Apache Thrift, HTML, CSS, Python, Common Lisp, LaTeX</li>
<li>Git,</li> <li>Deeper knowledge of and experience with Git</li>
<li>C++.</li> <li>Can work in a Windows, Linux and MacOS environment</li>
<li>Willing to learn and adapt to other programming languages</li>
<li>Very conscientious way of working</li>
</ul> </ul>
I have some experience with and can work with some preparation/help along the way with: <p>
<ul> German is my native language and I am fluent and experienced in English (I have an Academic-IELTS-score of 8.0
<li>Apache Maven, Thrift</li> from 2018 which is equivalent to an CEFR-score of C1&ndash;C2).
<li>HTML,</li> </p>
<li>CSS,</li>
<li>Python,</li>
<li>Common Lisp,</li>
<li>LaTeX.</li>
</ul>
<p>I have worked in Windows 10, Ubuntu (18.04, 20.04, 22.04) and MacOS. I am experienced with typical Microsoft
365 products.</p>
</section> </section>
<section> <section>
<h2>Internships</h2> <h2>Internships</h2>