pdf link

stefankoelle/_includes/cv-content.njk

@@ -1,5 +1,5 @@
 <div id="cvcontent">
-  <h2>CV</h2>
+  <h2>CV <a href="/pdf/cv.pdf" class="cv-download" title="Download CV as PDF">PDF</a></h2>
 
   <div class="contact-info">
     <h3>Stefan Kölle</h3>

stefankoelle/assets/style.css

@@ -29,6 +29,21 @@ a { color: var(--color-link); }
 
 h1 { font-size: 2.5em; }
 h2 { font-size: 2em; margin-bottom: 10px; }
+
+.cv-download {
+  font-size: 0.5em;
+  vertical-align: middle;
+  background: var(--color-text);
+  color: var(--color-surface-solid);
+  padding: 2px 8px;
+  border-radius: 4px;
+  text-decoration: none;
+  margin-left: 8px;
+  transition: opacity 0.3s;
+}
+.cv-download:hover {
+  opacity: 0.7;
+}
 h3 { font-size: 1.5em; margin-top: 20px; margin-bottom: 10px; }
 
 p { margin-bottom: 10px; }

stefankoelle/eleventy.config.js

@@ -4,6 +4,7 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ "stefankoelle/assets": "assets" });
   eleventyConfig.addPassthroughCopy({ "stefankoelle/ledmatrix/assets": "ledmatrix/assets" });
   eleventyConfig.addPassthroughCopy({ "stefankoelle/robots.txt": "robots.txt" });
+  eleventyConfig.addPassthroughCopy({ "stefankoelle/pdf/cv.pdf": "pdf/cv.pdf" });
 
   return {
     dir: {