diff --git a/content/cv/index.html b/content/cv/index.html
index 5aaffa5..67819d3 100644
--- a/content/cv/index.html
+++ b/content/cv/index.html
@@ -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><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 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>
-        <hr />
     </div>
+    <hr />
 
     <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.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a2ffe5f..a6a8260 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -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>
diff --git a/static/style.css b/static/style.css
index 6e096f4..a7ba780 100644
--- a/static/style.css
+++ b/static/style.css
@@ -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;
