Changeset d188736 in Klonkt

Timestamp:

06/20/2026 01:32:20 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

230e446

Parents:

1f0c85b

Message:

feat: images harder to save (right-click + drag blocked)

Friction (not real protection): img user-drag none + -webkit-touch-callout
none (CSS), and contextmenu/dragstart blocked on <img> (JS in shell).
style.css?v=15.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/shell.ejs (modified) (2 diffs)

src/assets/css/style.css

@@ -635 +635 @@
   *::-webkit-scrollbar { width: 0; height: 0; display: none; }
 }
+
+/* Afbeeldingen lastiger op te slaan (frictie, geen echte beveiliging): geen
+   sleep-naar-bureaublad, geen iOS long-press-bewaarmenu. Rechtsklik wordt in JS
+   geblokkeerd (zie shell.ejs). Covers/hero zijn al CSS-achtergronden = niet via
+   "afbeelding opslaan" te pakken. */
+img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; user-drag: none; -webkit-touch-callout: none; }
 
 /* ============================================================

src/views/shell.ejs

@@ -163 +163 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=14">
+<link rel="stylesheet" href="/assets/css/style.css?v=15">
 
 <!-- Audio player styles: loaded on every page so the mini-player works
@@ -552 +552 @@
 </script>
 
+<!-- Afbeeldingen lastiger op te slaan: rechtsklik-menu + slepen blokkeren op <img>.
+     Frictie, geen echte beveiliging (DevTools/screenshot blijven kunnen). -->
+<script>
+(function () {
+  document.addEventListener('contextmenu', function (e) {
+    if (e.target && e.target.tagName === 'IMG') e.preventDefault();
+  });
+  document.addEventListener('dragstart', function (e) {
+    if (e.target && e.target.tagName === 'IMG') e.preventDefault();
+  });
+})();
+</script>
+
 <!-- Auto-resize: elk <textarea> groeit mee met de inhoud i.p.v. intern te scrollen
      (scroll-binnen-scroll is verwarrend). Site-breed; ook na htmx-swaps. -->