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

View File

@ -27,6 +27,18 @@
<!-- the rest is ours --> <!-- the rest is ours -->
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
<title>{{ .Site.Title }}</title> <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> </head>
<body> <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 */ /* for displaying notes */
.note-box { .note-box {
border: 1px solid #cce5ff; border: 1px solid #cce5ff;