tweak CV looks

This commit is contained in:
Ville Lindholm 2024-10-04 09:04:20 +03:00
parent 18986d9b8f
commit fb0073d34d
No known key found for this signature in database
3 changed files with 40 additions and 10 deletions

View File

@ -6,16 +6,15 @@
data-placement="left"><i class='bx bx-printer'></i> PDF version</button>
</div>
<div class="onlyPrint">
<div class="grid">
<div><i class='bx bx-envelope'></i> &langle;first_name&rangle;@&langle;last_name&rangle;.dev</a></div>
<div><i class='bx bx-globe'></i> <a href="https://lindholm.dev">https://lindholm.dev</a></div>
<div style="display: flex; flex-wrap: wrap; gap: 1rem;">
<div><i class='bx bx-envelope'></i> <span id="lindholm-email" /></div>
<div><i class='bx bxl-github'></i> <a href="https://github.com/vlindhol">@vlindhol</a></div>
<div><i class='bx bxl-linkedin-square'></i> <a
href="https://www.linkedin.com/in/villelindholm/">villelindholm</a></div>
<div class="onlyPrint"><i class='bx bx-globe'></i> <a href="https://lindholm.dev">https://lindholm.dev</a>
</div>
</div>
<hr />
</div>
<div id="description">
<p>
@ -119,12 +118,12 @@
</div>
</dd>
</dl>
<dl>
<dl class="no-page-break">
<dt>
<h3>Skills</h3>
</dt>
<dd>
<div class="no-page-break">
<div>
<h4>Proficient</h4>
<p>
<strong>Languages/Frameworks</strong>: TypeScript, Python, React, HTML and CSS.

View File

@ -27,6 +27,18 @@
<!-- the rest is ours -->
<link rel="stylesheet" href="/style.css">
<title>{{ .Site.Title }}</title>
<!-- a naive email obfuscator to counteract scrapers -->
<script>
window.addEventListener('DOMContentLoaded', function () {
let first = 'ville';
let at = '@';
let last = 'lindholm';
document.querySelectorAll('span#lindholm-email').forEach(function (span) {
span.innerHTML = `${first}${at}${last}.dev`;
});
});
</script>
</head>
<body>

View File

@ -25,6 +25,25 @@ h5 {
}
}
/* avoid page breaks for this element when printing */
@media print {
.no-page-break {
break-inside: avoid;
}
}
/* smaller font when printing, Pico is pretty big */
@media print {
html {
font-size: 16px;
}
.container {
max-width: 100%;
}
}
/* for displaying notes */
.note-box {
border: 1px solid #cce5ff;