tweak CV looks
This commit is contained in:
parent
18986d9b8f
commit
fb0073d34d
@ -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> ⟨first_name⟩@⟨last_name⟩.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.
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user