refactored card layout, finetuned texts

Author: tobihagemann

content/comparisons/_index.de.md

@@ -1,4 +1,4 @@
 ---
 title: "Vergleiche"
-description: "Erfahre, wie Cryptomator im Vergleich zu anderen Verschlüsselungstools abschneidet und warum es die beste Wahl für deine Daten ist."
+description: "In dieser Übersicht zeigen wir dir, wie Cryptomator im Vergleich zu anderen Verschlüsselungstools abschneidet und warum es die beste Wahl für deine Cloudspeicher-Daten ist."
 ---

content/comparisons/_index.en.md

@@ -1,4 +1,4 @@
 ---
 title: "Comparisons"
-description: "Find out how Cryptomator compares to other encryption tools and why it's the best choice for your data."
+description: "In this overview, we'll show you how Cryptomator compares to other encryption tools and why it's the best choice for your cloud storage data."
 ---

content/compliance/_index.de.md

@@ -1,4 +1,4 @@
 ---
 title: "Compliance"
-description: "Erfahre, wie Cryptomator dir hilft, Compliance-Anforderungen zu erfüllen und deine sensiblen Daten sicher nach gesetzlichen Vorgaben zu speichern."
+description: "Cryptomator hilft dir, deine sensiblen Daten sicher und gesetzeskonform zu speichern."
 ---

content/compliance/_index.en.md

@@ -1,4 +1,4 @@
 ---
 title: "Compliance"
-description: "Learn how Cryptomator helps you meet compliance requirements and securely store sensitive data in accordance with legal and regulatory standards."
+description: "Cryptomator helps you store sensitive data securely and in compliance with legal and regulatory standards."
 ---

content/compliance/nis2.de.md

@@ -12,7 +12,7 @@ ctalink: /de/#get-started
 ctabutton: "Jetzt deinen Cloud-Speicher verschlüsseln"
 
 cardtitle: "NIS2-Richtlinie"
-cardtext: "Cryptomator hilft dir dabei, die strengen Vorgaben der NIS2-Richtlinie für Cyber-Sicherheit mit Verschlüsselung zu erfüllen."
+cardtext: "Erfülle die strengen Vorgaben der NIS2-Richtlinie für Cyber-Sicherheit mit der Ende-zu-Ende-Verschlüsselung von Cryptomator."
 ---
 
 # NIS2-Richtlinie: Höhere Standards für Cyber-Sicherheit ab Oktober 2024

content/compliance/nis2.en.md

@@ -12,7 +12,7 @@ ctalink: /#get-started
 ctabutton: "Encrypt Your Cloud Storage Now"
 
 cardtitle: "NIS2 Directive"
-cardtext: "Cryptomator helps you meet the strict requirements of the NIS2 Directive for cybersecurity with end-to-end encryption."
+cardtext: "Meet the strict requirements of the NIS2 Directive for cybersecurity with Cryptomator's end-to-end encryption."
 ---
 
 # NIS2 Directive: Higher Standards for Cybersecurity From October 2024

content/guides/_index.de.md

@@ -1,4 +1,4 @@
 ---
 title: "Leitfäden"
-description: "Erfahre, wie du Cryptomator auf deinem Gerät installierst und einrichtest, und wie du deine Dateien sicher in der Cloud speicherst."
+description: "Entdecke praktische Einblicke und umsetzbare Tipps zum Schutz deiner Privatsphäre in der Cloud mit der clientseitigen Verschlüsselung von Cryptomator."
 ---

content/guides/_index.en.md

@@ -1,4 +1,4 @@
 ---
 title: "Guides"
-description: "Learn how to set up Cryptomator, manage your vaults, and get the most out of your encrypted cloud storage."
+description: "Discover practical insights and actionable advice for protecting your privacy in the cloud with Cryptomator's client-side encryption."
 ---

layouts/compliance/list.html

@@ -5,13 +5,18 @@ <h1 class="font-h1 mb-8">{{ .Title }}</h1>
       <p class="lead">{{ .Description }}</p>
     </header>
 
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
       {{ range .Pages }}
-        <article class="border white-box overflow-hidden flex flex-col h-full">
-          <figure class="h-48 w-full">
-            <img class="w-full h-full object-contain" src="{{ with .Params.cardimage }}{{ . }}{{ else }}/img/logo.png{{ end }}" alt="{{ .Title }}">
+        <article class="white-box">
+          <figure class="border-b border-primary h-48 w-full">
+            <a href="{{ .RelPermalink }}">
+              {{ if .Params.cardimage }}
+                <img class="size-full object-contain" src="{{ .Params.cardimage }}" alt="{{ .Title }}">
+              {{ else }}
+                <img class="size-full object-contain p-6" src="/img/logo.svg" alt="{{ .Title }}">
+              {{ end }}
+            </a>
           </figure>
-          <hr class="border-t border-primary">
           <div class="p-4">
             <h2 class="font-h2 mb-4">
               <a class="text-link" href="{{ .RelPermalink }}">{{ .Params.cardtitle }}</a>

layouts/guides/list.html

@@ -5,13 +5,18 @@ <h1 class="font-h1 mb-8">{{ .Title }}</h1>
       <p class="lead">{{ .Description }}</p>
     </header>
 
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
       {{ range .Pages }}
-        <article class="border white-box overflow-hidden flex flex-col h-full">
-          <figure class="h-48 w-full">
-            <img class="w-full h-full object-contain" src="{{ with .Params.cardimage }}{{ . }}{{ else }}/img/logo.png{{ end }}" alt="{{ .Title }}">
+        <article class="white-box">
+          <figure class="border-b border-primary h-48 w-full">
+            <a href="{{ .RelPermalink }}">
+              {{ if .Params.cardimage }}
+                <img class="size-full object-contain" src="{{ .Params.cardimage }}" alt="{{ .Title }}">
+              {{ else }}
+                <img class="size-full object-contain p-6" src="/img/logo.svg" alt="{{ .Title }}">
+              {{ end }}
+            </a>
           </figure>
-          <hr class="border-t border-primary">
           <div class="p-4">
             <h2 class="font-h2 mb-4">
               <a class="text-link" href="{{ .RelPermalink }}">{{ .Params.cardtitle }}</a>