romein/hpg
1
0
Fork 0
Code Actions Packages

Improve download link

Browse Source
This commit is contained in:
Romein van Buren 2025-01-18 15:34:27 +01:00
parent 4bca8a5718
commit f2a47ef8e2
No known key found for this signature in database
3 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
content/.vitepress/theme/DownloadLink.vue
View File

@ -5,27 +5,43 @@
</script> </script>
<template> <template>
<a class="downloadlink" :href="'/bijlagen/' + file"> <a class="downloadlink" :href="'/bijlagen/' + file" target="_blank">
<span>{{ text }}</span> <span>{{ text }}</span>
<em>(.pdf)</em>
</a> </a>
</template> </template>
<style scoped> <style scoped>
.downloadlink { .downloadlink {
display: block; display: inline-block;
text-decoration: none;
margin: 0 1.75rem 0.5rem 0;
} }
.downloadlink::before { .downloadlink::before {
display: inline-block; display: inline-block;
content: ''; content: '';
background-image: url('./pdf.png'); background-image: url('./pdf.png');
background-size: 2.5em; background-size: 1.5em 1.875em;
width: 2.5em; width: 1.5em;
height: 2.5em; height: 1.875em;
vertical-align: -0.75em; vertical-align: -0.5em;
margin-right: .5em;
}
.downloadlink::after {
display: none !important;
} }
.downloadlink + .downloadlink { .downloadlink span {
margin-top: 8px; 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> </style>

BIN
content/.vitepress/theme/pdf.png (Stored with Git LFS)
View File

Binary file not shown.

2
content/2023/top30/index.md
View File

@ -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="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: Zo’n tipkaart is wél haalbaar: