fix: HTML-default docs negotiation, footer separators, clickable CTA-less banner

Author: marwie

documentation/.vuepress/components/copyright.vue

@@ -5,26 +5,36 @@ export default {}
 <style scoped>
 .footer {
     display: flex;
+    flex-wrap: wrap;
     width: 100%;
     justify-content: center;
     align-items: center;
+    gap: .3em .6em;
     padding: 1em;
     font-size: .8em;
     opacity: .8;
 }
 
+.entry {
+    white-space: nowrap;
+}
+
+.sep {
+    margin-right: .5em;
+    opacity: .6;
+}
+
 a {
     color: inherit;
     font-weight: normal;
-    margin-left: 5px;
 }
 </style>
 
 <template>
     <div class="footer">
-        ©2026 Needle Tools GmbH
-        &nbsp;– <a class="no-external-link-icon" target="_blank" href="https://needle.tools/contact">About</a>
-        &nbsp;– <a class="no-external-link-icon" target="_blank" href="https://needle.tools/contact#privacy-policy">Privacy Policy</a>
-        &nbsp;– <a class="no-external-link-icon" target="_blank" href="./sitemap.xml">Sitemap</a>
+        <span class="entry">©2026 Needle Tools GmbH</span>
+        <span class="entry"><span class="sep">–</span><a class="no-external-link-icon" target="_blank" href="https://needle.tools/contact">About</a></span>
+        <span class="entry"><span class="sep">–</span><a class="no-external-link-icon" target="_blank" href="https://needle.tools/contact#privacy-policy">Privacy Policy</a></span>
+        <span class="entry"><span class="sep">–</span><a class="no-external-link-icon" target="_blank" href="./sitemap.xml">Sitemap</a></span>
     </div>
 </template>

documentation/.vuepress/components/discountbanner.vue

@@ -147,8 +147,13 @@ if (typeof window !== "undefined") {
 </script>
 
 <template>
-    <div v-if="discount" ref="bannerEl" class="discount_banner" :style="style"
+    <div v-if="discount" ref="bannerEl" class="discount_banner"
+        :class="{ clickable: discount.url && !discount.banner.cta }" :style="style"
         @pointerenter="onPointerEnter" @pointerleave="onPointerLeave">
+        <!-- No CTA but a link present: make the whole banner clickable.
+             Uses the feed `url` (the /r/ click redirect) so clicks still count server-side. -->
+        <a v-if="discount.url && !discount.banner.cta" class="stretched_link" :href="discount.url"
+            target="_blank" :aria-label="discount.banner.title"></a>
         <div class="content">
             <h2 class="main_text">{{ discount.banner.title }}</h2>
             <div class="text">{{ discount.banner.subtitle }}</div>
@@ -170,7 +175,22 @@ if (typeof window !== "undefined") {
     margin: 1rem 0;
 }
 
+/* Whole-banner click target used when the feed item has a link but no CTA. */
+.discount_banner.clickable {
+    cursor: pointer;
+}
+
+.stretched_link {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    /* The link itself is invisible; the banner content shows through. */
+    text-decoration: none;
+    border: none;
+}
+
 .discount_banner {
+    position: relative;
     margin: 1rem 0;
 
     border-radius: 12px;

documentation/.vuepress/public/.htaccess

@@ -14,4 +14,12 @@ Header set Cache-Control "public, max-age=120, must-revalidate"
 Header set Content-Type "text/markdown; charset=UTF-8"
 </FilesMatch>
 
+</IfModule>
+
+# Content negotiation: prefer HTML by default for extensionless URLs.
+# Markdown is a fallback variant (low source quality), so browsers get .html
+# and only clients explicitly requesting text/markdown receive the .md variant.
+<IfModule mod_mime.c>
+AddType text/html .html
+AddType "text/markdown;qs=0.4" .md
 </IfModule>