Skip to content

Commit 5e60c7e

Browse files
tobihagemanntobihagemann
committed
finetuned layout
1 parent aa3ade7 commit 5e60c7e

File tree

2 files changed

+72
-64
lines changed

2 files changed

+72
-64
lines changed

‎content/comparisons/veracrypt-alternative.de.md

Lines changed: 36 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -97,42 +97,46 @@ Es wurde für die Verschlüsselung lokaler und externer Laufwerke entwickelt, wa
9797
<table class="not-prose table-fixed divide-y divide-primary white-box min-w-full mt-6 mb-12">
9898
<thead>
9999
<tr class="py-2">
100-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2"></th>
101-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/4">
102-
<span class="hidden md:block">Cryptomator</span>
103-
<img class="object-scale-down w-16 md:hidden" src="/img/logo.svg">
100+
<th class="font-h3 font-normal text-left p-2 lg:p-4"></th>
101+
<th class="font-h3 font-normal text-left text-xs lg:text-sm leading-relaxed p-2 lg:p-4">
102+
<div class="inline-flex flex-col-reverse gap-2 items-center">
103+
<span class="font-headline font-bold text-primary">CRYPTOMATOR</span>
104+
<img class="max-w-16 h-12" src="/img/logo.svg">
105+
</div>
104106
</th>
105-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/4">
106-
<span class="hidden md:block">VeraCrypt</span>
107-
<img class="object-scale-down w-16 md:hidden" src="/img/comparisons/veracrypt-logo.svg">
107+
<th class="font-h3 font-normal text-left text-xs lg:text-sm leading-relaxed p-2 lg:p-4">
108+
<div class="inline-flex flex-col-reverse gap-2 items-center">
109+
<span class="font-normal">VeraCrypt</span>
110+
<img class="max-w-16 h-12" src="/img/comparisons/veracrypt-logo.svg">
111+
</div>
108112
</th>
109113
</tr>
110114
</thead>
111115
<tbody class="divide-y divide-gray-200">
112116
<tr>
113-
<td class="font-p p-4">Primärer Zweck</td>
114-
<td class="font-p p-4">Verschlüsselung von Dateien speziell für Cloud-Speicher (z.B. Google Drive, Dropbox)</td>
115-
<td class="font-p p-4">Festplattenverschlüsselung (ganze Laufwerke, Partitionen und Container-Dateien)</td>
117+
<td class="font-p font-bold p-2 lg:p-4">Primärer Zweck</td>
118+
<td class="font-p p-2 lg:p-4">Verschlüsselung von Dateien speziell für Cloud-Speicher (z.B. Google Drive, Dropbox)</td>
119+
<td class="font-p p-2 lg:p-4">Festplattenverschlüsselung (ganze Laufwerke, Partitionen und Container-Dateien)</td>
116120
</tr>
117121
<tr>
118-
<td class="font-p p-4">Benutzerfreundlichkeit</td>
119-
<td class="font-p p-4">Für Cloud-Nutzer:innen optimiert; einfache und intuitive Benutzeroberfläche</td>
120-
<td class="font-p p-4">Für technisch versierte Nutzer:innen; komplexe Konfigurationsmöglichkeiten</td>
122+
<td class="font-p font-bold p-2 lg:p-4">Benutzerfreundlichkeit</td>
123+
<td class="font-p p-2 lg:p-4">Für Cloud-Nutzer:innen optimiert; einfache und intuitive Benutzeroberfläche</td>
124+
<td class="font-p p-2 lg:p-4">Für technisch versierte Nutzer:innen; komplexe Konfigurationsmöglichkeiten</td>
121125
</tr>
122126
<tr>
123-
<td class="font-p p-4">Sicherheitsansatz</td>
124-
<td class="font-p p-4">Dateibasierte Verschlüsselung in verschlüsselten Cloud-Ordnern (Tresore)</td>
125-
<td class="font-p p-4">Verschlüsselung ganzer Laufwerke und Partitionen</td>
127+
<td class="font-p font-bold p-2 lg:p-4">Sicherheitsansatz</td>
128+
<td class="font-p p-2 lg:p-4">Dateibasierte Verschlüsselung in verschlüsselten Cloud-Ordnern (Tresore)</td>
129+
<td class="font-p p-2 lg:p-4">Verschlüsselung ganzer Laufwerke und Partitionen</td>
126130
</tr>
127131
<tr>
128-
<td class="font-p p-4">Schlüssellänge & Algorithmen</td>
129-
<td class="font-p p-4">Setzt auf AES-256, eine der bewährtesten Verschlüsselungsmethoden</td>
130-
<td class="font-p p-4">Bietet AES-256, Serpent, Twofish oder deren Kombinationen mit hoher Anpassungsfähigkeit</td>
132+
<td class="font-p font-bold p-2 lg:p-4">Schlüssellänge & Algorithmen</td>
133+
<td class="font-p p-2 lg:p-4">Setzt auf AES-256, eine der bewährtesten Verschlüsselungsmethoden</td>
134+
<td class="font-p p-2 lg:p-4">Bietet AES-256, Serpent, Twofish oder deren Kombinationen mit hoher Anpassungsfähigkeit</td>
131135
</tr>
132136
<tr>
133-
<td class="font-p p-4">Cloud-Integration</td>
134-
<td class="font-p p-4">Entwickelt für Cloud-Umgebungen und vollständig kompatibel mit vielen Cloud-Anbietern</td>
135-
<td class="font-p p-4">Keine direkte Integration; Daten müssen manuell synchronisiert werden</td>
137+
<td class="font-p font-bold p-2 lg:p-4">Cloud-Integration</td>
138+
<td class="font-p p-2 lg:p-4">Entwickelt für Cloud-Umgebungen und vollständig kompatibel mit vielen Cloud-Anbietern</td>
139+
<td class="font-p p-2 lg:p-4">Keine direkte Integration; Daten müssen manuell synchronisiert werden</td>
136140
</tr>
137141
</tbody>
138142
</table>
@@ -197,26 +201,26 @@ Für die Cloud ist VeraCrypt deshalb nur mit Einschränkungen empfehlenswert –
197201
<table class="not-prose table-fixed divide-y divide-primary white-box min-w-full mt-6 mb-12">
198202
<thead>
199203
<tr class="py-2">
200-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2">Szenario</th>
201-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2">Empfohlenes Tool</th>
204+
<th class="font-h3 font-normal text-left p-2 lg:p-4">Szenario</th>
205+
<th class="font-h3 font-normal text-left p-2 lg:p-4">Empfohlenes Tool</th>
202206
</tr>
203207
</thead>
204208
<tbody class="divide-y divide-gray-200">
205209
<tr>
206-
<td class="font-p p-4">Du möchtest eine komplette Festplatte verschlüsseln</td>
207-
<td class="font-p p-4"><span class="font-medium">VeraCrypt</span></td>
210+
<td class="font-p p-2 lg:p-4">Du möchtest eine komplette Festplatte verschlüsseln</td>
211+
<td class="font-p font-bold p-2 lg:p-4">VeraCrypt</td>
208212
</tr>
209213
<tr>
210-
<td class="font-p p-4">Du möchtest deine Cloud-Daten verschlüsseln</td>
211-
<td class="font-p p-4"><span class="font-medium">Cryptomator</span></td>
214+
<td class="font-p p-2 lg:p-4">Du möchtest deine Cloud-Daten verschlüsseln</td>
215+
<td class="font-p font-bold p-2 lg:p-4">Cryptomator</td>
212216
</tr>
213217
<tr>
214-
<td class="font-p p-4">Du benötigst eine Lösung für mehrere Geräte und Systeme</td>
215-
<td class="font-p p-4"><span class="font-medium">Beide, je nach Bedarf</span></td>
218+
<td class="font-p p-2 lg:p-4">Du benötigst eine Lösung für mehrere Geräte und Systeme</td>
219+
<td class="font-p font-bold p-2 lg:p-4">Beide, je nach Bedarf</td>
216220
</tr>
217221
<tr>
218-
<td class="font-p p-4">Du möchtest zentrale Steuerung für Teams</td>
219-
<td class="font-p p-4"><span class="font-medium">Cryptomator Hub</span></td>
222+
<td class="font-p p-2 lg:p-4">Du möchtest zentrale Steuerung für Teams</td>
223+
<td class="font-p font-bold p-2 lg:p-4">Cryptomator Hub</td>
220224
</tr>
221225
</tbody>
222226
</table>

‎content/comparisons/veracrypt-alternative.en.md

Lines changed: 36 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -97,42 +97,46 @@ It is designed to encrypt local and external drives, allowing users to secure en
9797
<table class="not-prose table-fixed divide-y divide-primary white-box min-w-full mt-6 mb-12">
9898
<thead>
9999
<tr class="py-2">
100-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2"></th>
101-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/4">
102-
<span class="hidden md:block">Cryptomator</span>
103-
<img class="object-scale-down w-16 md:hidden" src="/img/logo.svg">
100+
<th class="font-h3 font-normal text-left p-2 lg:p-4"></th>
101+
<th class="font-h3 font-normal text-left text-xs lg:text-sm leading-relaxed p-2 lg:p-4">
102+
<div class="inline-flex flex-col-reverse gap-2 items-center">
103+
<span class="font-headline font-bold text-primary">CRYPTOMATOR</span>
104+
<img class="max-w-16 h-12" src="/img/logo.svg">
105+
</div>
104106
</th>
105-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/4">
106-
<span class="hidden md:block">VeraCrypt</span>
107-
<img class="object-scale-down w-16 md:hidden" src="/img/comparisons/veracrypt-logo.svg">
107+
<th class="font-h3 font-normal text-left text-xs lg:text-sm leading-relaxed p-2 lg:p-4">
108+
<div class="inline-flex flex-col-reverse gap-2 items-center">
109+
<span class="font-normal">VeraCrypt</span>
110+
<img class="max-w-16 h-12" src="/img/comparisons/veracrypt-logo.svg">
111+
</div>
108112
</th>
109113
</tr>
110114
</thead>
111115
<tbody class="divide-y divide-gray-200">
112116
<tr>
113-
<td class="font-p p-4">Primary Purpose</td>
114-
<td class="font-p p-4">File encryption specifically for cloud storage (e.g., Google Drive, Dropbox)</td>
115-
<td class="font-p p-4">Full disk encryption (entire drives, partitions, and container files)</td>
117+
<td class="font-p font-bold p-2 lg:p-4">Primary Purpose</td>
118+
<td class="font-p p-2 lg:p-4">File encryption specifically for cloud storage (e.g., Google Drive, Dropbox)</td>
119+
<td class="font-p p-2 lg:p-4">Full disk encryption (entire drives, partitions, and container files)</td>
116120
</tr>
117121
<tr>
118-
<td class="font-p p-4">Ease of Use</td>
119-
<td class="font-p p-4">Optimized for cloud users; simple and intuitive interface</td>
120-
<td class="font-p p-4">Designed for tech-savvy users; offers complex configuration options</td>
122+
<td class="font-p font-bold p-2 lg:p-4">Ease of Use</td>
123+
<td class="font-p p-2 lg:p-4">Optimized for cloud users; simple and intuitive interface</td>
124+
<td class="font-p p-2 lg:p-4">Designed for tech-savvy users; offers complex configuration options</td>
121125
</tr>
122126
<tr>
123-
<td class="font-p p-4">Security Approach</td>
124-
<td class="font-p p-4">File-based encryption inside encrypted cloud folders (vaults)</td>
125-
<td class="font-p p-4">Full drive and partition encryption</td>
127+
<td class="font-p font-bold p-2 lg:p-4">Security Approach</td>
128+
<td class="font-p p-2 lg:p-4">File-based encryption inside encrypted cloud folders (vaults)</td>
129+
<td class="font-p p-2 lg:p-4">Full drive and partition encryption</td>
126130
</tr>
127131
<tr>
128-
<td class="font-p p-4">Key Length & Algorithms</td>
129-
<td class="font-p p-4">Uses AES-256, one of the most trusted encryption methods</td>
130-
<td class="font-p p-4">Offers AES-256, Serpent, Twofish, or combinations thereof with high customizations</td>
132+
<td class="font-p font-bold p-2 lg:p-4">Key Length & Algorithms</td>
133+
<td class="font-p p-2 lg:p-4">Uses AES-256, one of the most trusted encryption methods</td>
134+
<td class="font-p p-2 lg:p-4">Offers AES-256, Serpent, Twofish, or combinations thereof with high customizations</td>
131135
</tr>
132136
<tr>
133-
<td class="font-p p-4">Cloud Integration</td>
134-
<td class="font-p p-4">Built for cloud environments; fully compatible with many cloud providers</td>
135-
<td class="font-p p-4">No direct integration; data must be synced manually</td>
137+
<td class="font-p font-bold p-2 lg:p-4">Cloud Integration</td>
138+
<td class="font-p p-2 lg:p-4">Built for cloud environments; fully compatible with many cloud providers</td>
139+
<td class="font-p p-2 lg:p-4">No direct integration; data must be synced manually</td>
136140
</tr>
137141
</tbody>
138142
</table>
@@ -199,26 +203,26 @@ That’s why VeraCrypt is only suitable for cloud use with significant limitatio
199203
<table class="not-prose table-fixed divide-y divide-primary white-box min-w-full mt-6 mb-12">
200204
<thead>
201205
<tr class="py-2">
202-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2">Scenario</th>
203-
<th class="font-h3 font-normal text-left px-4 py-2 w-1/2">Recommended Tool</th>
206+
<th class="font-h3 font-normal text-left p-2 lg:p-4">Scenario</th>
207+
<th class="font-h3 font-normal text-left p-2 lg:p-4">Recommended Tool</th>
204208
</tr>
205209
</thead>
206210
<tbody class="divide-y divide-gray-200">
207211
<tr>
208-
<td class="font-p p-4">You want to encrypt an entire hard drive</td>
209-
<td class="font-p p-4"><span class="font-medium">VeraCrypt</span></td>
212+
<td class="font-p p-2 lg:p-4">You want to encrypt an entire hard drive</td>
213+
<td class="font-p font-bold p-2 lg:p-4">VeraCrypt</td>
210214
</tr>
211215
<tr>
212-
<td class="font-p p-4">You want to encrypt your cloud data</td>
213-
<td class="font-p p-4"><span class="font-medium">Cryptomator</span></td>
216+
<td class="font-p p-2 lg:p-4">You want to encrypt your cloud data</td>
217+
<td class="font-p font-bold p-2 lg:p-4">Cryptomator</td>
214218
</tr>
215219
<tr>
216-
<td class="font-p p-4">You need a solution for multiple devices and systems</td>
217-
<td class="font-p p-4"><span class="font-medium">Both, depending on use</span></td>
220+
<td class="font-p p-2 lg:p-4">You need a solution for multiple devices and systems</td>
221+
<td class="font-p font-bold p-2 lg:p-4">Both, depending on use</td>
218222
</tr>
219223
<tr>
220-
<td class="font-p p-4">You want centralized team management</td>
221-
<td class="font-p p-4"><span class="font-medium">Cryptomator Hub</span></td>
224+
<td class="font-p p-2 lg:p-4">You want centralized team management</td>
225+
<td class="font-p font-bold p-2 lg:p-4">Cryptomator Hub</td>
222226
</tr>
223227
</tbody>
224228
</table>

0 commit comments

Comments
 (0)