From f2a47ef8e226d6d4d8d826b34b6a041c006b9ad7 Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Sat, 18 Jan 2025 15:34:27 +0100
Subject: [PATCH] Improve download link

---
 content/.vitepress/theme/DownloadLink.vue | 32 +++++++++++++++++------
 content/.vitepress/theme/pdf.png          |  4 +--
 content/2023/top30/index.md               |  2 +-
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/content/.vitepress/theme/DownloadLink.vue b/content/.vitepress/theme/DownloadLink.vue
index 36c1d15..9233287 100644
--- a/content/.vitepress/theme/DownloadLink.vue
+++ b/content/.vitepress/theme/DownloadLink.vue
@@ -5,27 +5,43 @@
 </script>
 
 <template>
-  <a class="downloadlink" :href="'/bijlagen/' + file">
+  <a class="downloadlink" :href="'/bijlagen/' + file" target="_blank">
     <span>{{ text }}</span>
+    <em>(.pdf)</em>
   </a>
 </template>
 
 <style scoped>
   .downloadlink {
-    display: block;
+    display: inline-block;
+    text-decoration: none;
+    margin: 0 1.75rem 0.5rem 0;
   }
 
   .downloadlink::before {
     display: inline-block;
     content: '';
     background-image: url('./pdf.png');
-    background-size: 2.5em;
-    width: 2.5em;
-    height: 2.5em;
-    vertical-align: -0.75em;
+    background-size: 1.5em 1.875em;
+    width: 1.5em;
+    height: 1.875em;
+    vertical-align: -0.5em;
+    margin-right: .5em;
+  }
+  .downloadlink::after {
+    display: none !important;
   }
 
-  .downloadlink + .downloadlink {
-    margin-top: 8px;
+  .downloadlink span {
+    text-decoration: underline;
+  }
+  .downloadlink:hover span {
+    text-decoration: none;
+  }
+
+  .downloadlink em {
+    font-style: normal;
+    margin-left: 0.5rem;
+    color: var(--vp-c-text-2);
   }
 </style>
diff --git a/content/.vitepress/theme/pdf.png b/content/.vitepress/theme/pdf.png
index 0430c4c..208efd1 100644
--- a/content/.vitepress/theme/pdf.png
+++ b/content/.vitepress/theme/pdf.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5960b344bf370ba0401f28e7a0a68c9365467f05e7d86f11caedfd2c231c8b61
-size 11854
+oid sha256:aefa332e680e747db7fb4d85d92accb376361a28b0732dca71aefad160eb7cb8
+size 5112
diff --git a/content/2023/top30/index.md b/content/2023/top30/index.md
index 7aa94bb..152deb9 100644
--- a/content/2023/top30/index.md
+++ b/content/2023/top30/index.md
@@ -8,7 +8,7 @@ Toen ik dit voor mijzelf verduidelijkt had, ben ik op zoek gegaan naar een nutti
 
 <DownloadLink text="Mijn eigen tipkaart ‘Op de koffie’" file="tipkaart-koffie.pdf" />
 
-<DownloadLink text="Al bestaande tipkaart van Bartiméus" file="tipkaart-inspiratie.pdf" />
+<DownloadLink text="De bestaande van Bartiméus" file="tipkaart-inspiratie.pdf" />
 
 Zo’n tipkaart is wél haalbaar: