Update dependencies: Font Awesome 6→7, Altcha 1→2, fix Altcha CSS loading

Author: tobihagemann

content/_index.de.html

@@ -10,15 +10,15 @@ <h2>Nimm die Sicherung deiner Daten selbst in die Hand</h2>
         <p class="lead">Cryptomator ist ein einfaches Tool zur digitalen Selbstverteidigung. Es ermöglicht dir, deine Cloud-Daten eigenständig und unabhängig zu schützen.</p>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-clouds fa-stack-1x fa-inverse"></i>
           </div>
           <span>Die meisten Cloudanbieter verschlüsseln Daten nur während der Übertragung oder aber sie behalten die Schlüssel zur Entschlüsselung für sich selbst. Diese Schlüssel können gestohlen, kopiert oder missbraucht werden. Dank Cryptomator hast nur du den Schlüssel zu deinen Daten in der Hand.</span>
         </div>
         <div class="flex">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-lightbulb-on fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-lightbulb-on fa-stack-1x fa-inverse"></i>
           </div>
           <span>Cryptomator ermöglicht dir den Zugriff auf deine Dateien von all deinen Geräten aus. Es lässt sich einfach bedienen und fügt sich nahtlos zwischen deine Daten und der Cloud ein.</span>
         </div>
@@ -38,22 +38,22 @@ <h2>Wie schützt Cryptomator deine Daten?</h2>
         <p class="lead">Cryptomators Technologie entspricht den neuesten Standards und verschlüsselt sowohl Dateien als auch Dateinamen mit AES und 256-Bit-Schlüssellänge.</p>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-key fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-key fa-stack-1x fa-inverse"></i>
           </div>
           <span>Um mit Cryptomator zu starten, vergibst du ein Passwort für einen Ordner - bei uns heißt dieser dann Tresor - innerhalb deiner Cloud. Das ist alles. Keine komplizierte Schlüsselerstellung, keine Registrierung, keine Konfiguration!</span>
         </div>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-hdd fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-hdd fa-stack-1x fa-inverse"></i>
           </div>
           <span>Um auf den Tresor zugreifen zu können, gibst du das Passwort einfach erneut ein. Dir wird ein virtuelles verschlüsseltes Laufwerk bereitgestellt, auf das du deine Daten schieben kannst - genau wie bei einem USB-Stick. Jedes Mal, wenn du etwas auf diesem Laufwerk speicherst, verschlüsselt Cryptomator die Daten automatisch. Ziemlich einfach, oder?</span>
         </div>
         <div class="flex">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-shield-check fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-shield-check fa-stack-1x fa-inverse"></i>
           </div>
           <span>Die Technologie dahinter entspricht den neuesten Standards und verschlüsselt sowohl Dateien als auch Dateinamen mit AES und 256-Bit-Schlüssellänge. Das bedeutet: schaut jemand in den Ordner in deiner Cloud, kann er keinerlei Rückschlüsse auf deine Daten ziehen.</span>
         </div>

content/_index.en.html

@@ -10,15 +10,15 @@ <h2>Take the security of your data into your own hands</h2>
         <p class="lead">Cryptomator is a simple tool for digital self-defense. It allows you to protect your cloud data by yourself and independently.</p>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-clouds fa-stack-1x fa-inverse"></i>
           </div>
           <span>Most cloud providers encrypt data only during transmission or they keep the keys for decryption for themselves. These keys can be stolen, copied, or misused. Thanks to Cryptomator, only you have the key to your data in your hand.</span>
         </div>
         <div class="flex">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-lightbulb-on fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-lightbulb-on fa-stack-1x fa-inverse"></i>
           </div>
           <span>Cryptomator allows you to access your files from all your devices. It's easy to use and integrates seamlessly between your data and the cloud.</span>
         </div>
@@ -38,22 +38,22 @@ <h2>How does Cryptomator protect your data?</h2>
         <p class="lead">Cryptomator's technology meets the latest standards and encrypts both files and filenames with AES and 256 bit key length.</p>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-key fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-key fa-stack-1x fa-inverse"></i>
           </div>
           <span>To start with Cryptomator, you assign a password for a folder - we call it a vault - within your cloud. That is all. No complicated key creation, no registration, no configuration!</span>
         </div>
         <div class="flex mb-4">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-hdd fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-hdd fa-stack-1x fa-inverse"></i>
           </div>
           <span>To access the vault, simply enter the password again. You will be provided with a virtual encrypted drive to which you can move your data - just like a USB flash drive. Every time you store something on this drive, Cryptomator encrypts the data automatically. Pretty simple, right?</span>
         </div>
         <div class="flex">
           <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
-            <i class="fas fa-circle fa-stack-2x"></i>
-            <i class="fas fa-shield-check fa-stack-1x fa-inverse"></i>
+            <i class="fa-solid fa-circle fa-stack-2x"></i>
+            <i class="fa-solid fa-shield-check fa-stack-1x fa-inverse"></i>
           </div>
           <span>The technology behind this is state-of-the-art and encrypts both files and filenames with AES and 256 bit key length. This means: if someone looks into the folder in your cloud, they cannot draw any conclusions about your data.</span>
         </div>

content/blog/2025-06-01-summer-sale.de.md

@@ -37,19 +37,19 @@ Jetzt **25 % günstiger im ersten Jahr** – und bereit für den produktiven Ein
 
 <ul role="list" class="not-prose fa-ul text-sm md:text-base ml-7 md:ml-8">
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Ende-zu-Ende-Verschlüsselung</strong> für Cloud-Dienste wie Dropbox, Google Drive, OneDrive oder iCloud</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Open Source</strong> für maximale Transparenz</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Plattformübergreifend nutzbar</strong> auf Windows, macOS, Linux, iOS und Android</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Kein Abo, keine versteckten Kosten</strong> – nur einmal zahlen</span>
   </li>
 </ul>
@@ -58,19 +58,19 @@ Jetzt **25 % günstiger im ersten Jahr** – und bereit für den produktiven Ein
 
 <ul role="list" class="not-prose fa-ul text-sm md:text-base ml-7 md:ml-8">
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Zentrale Verwaltung verschlüsselter Tresore</strong> – einfach, sicher und effizient  </span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Rollenbasierte Zugriffssteuerung</strong> für unterschiedliche Teamstrukturen</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Zero-Knowledge-Architektur</strong> – niemand außer euch hat Zugriff auf die verschlüsselten Daten  </span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span>Perfekt für NGOs, Forschungseinrichtungen, Bildungseinrichtungen und Unternehmen</span>
   </li>
 </ul>

content/blog/2025-06-01-summer-sale.en.md

@@ -37,19 +37,19 @@ Now **25% off for the first year** – and ready for immediate deployment.
 
 <ul role="list" class="not-prose fa-ul text-sm md:text-base ml-7 md:ml-8">
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>End-to-end encryption</strong> for cloud services like Dropbox, Google Drive, OneDrive, or iCloud</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Open source</strong> for full transparency</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Cross-platform support</strong>: Windows, macOS, Linux, iOS, and Android</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>No subscription, no hidden costs</strong> – just one-time payment</span>
   </li>
 </ul>
@@ -58,19 +58,19 @@ Now **25% off for the first year** – and ready for immediate deployment.
 
 <ul role="list" class="not-prose fa-ul text-sm md:text-base ml-7 md:ml-8">
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Centralized management of encrypted vaults</strong> – simple, secure, and efficient</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Role-based access control</strong> tailored to your team’s structure</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span><strong>Zero-knowledge architecture</strong> – only you have access to your data</span>
   </li>
   <li class="pl-1.5 my-1 md:my-2">
-    <span class="fa-li"><i class="fas fa-check-circle text-primary"></i></span>
+    <span class="fa-li"><i class="fa-solid fa-check-circle text-primary"></i></span>
     <span>Perfect for NGOs, academic institutions, research environments, and companies</span>
   </li>
 </ul>

content/comparisons/axcrypt-alternative.de.md

@@ -11,65 +11,65 @@ comparison:
     <button class="btn btn-primary w-full px-2 md:px-4 py-1 md:py-1" disabled>Coming Soon</button>
   generalFeatures:
     cloudStorageOptimized: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     cloudProviderAgnostic: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     unlimitedDevices: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     integratedSharing: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     syncConflictDetection: |
       <div class="has-tooltip">
-        <i class="relative fas fa-minus-circle text-xl lg:text-2xl text-gray-600">
-          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+        <i class="relative fa-solid fa-minus-circle text-xl lg:text-2xl text-gray-600">
+          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fa-solid fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
         </i>
         <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Nicht anwendbar ohne Dateinamen-Verschlüsselung.</div>
       </div>
     crossPlatformSupport: |
       <div class="has-tooltip">
-        <i class="relative fas fa-times-circle text-xl lg:text-2xl text-red-600">
-          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+        <i class="relative fa-solid fa-times-circle text-xl lg:text-2xl text-red-600">
+          <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fa-solid fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
         </i>
         <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Kein Linux.</div>
       </div>
   securityRelevantFeatures:
     fileContentEncryption: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     fileNameEncryption: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     fileAttributeEncryption: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     foss: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     directoryObfuscation: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     integrityProtection: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
     quantumResistant: |
       <div class="flex items-center justify-center divide-x divide-gray-400">
         <div class="px-4">
           <div class="has-tooltip">
-            <i class="relative fas fa-check-circle text-xl lg:text-2xl text-primary">
-              <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+            <i class="relative fa-solid fa-check-circle text-xl lg:text-2xl text-primary">
+              <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fa-solid fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
             </i>
             <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Verwendet symmetrische Verschlüsselung AES.</div>
           </div>
         </div>
         <div class="px-4">
           <div class="has-tooltip">
-            <i class="relative fas fa-times-circle text-xl lg:text-2xl text-red-600">
-              <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fas fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
+            <i class="relative fa-solid fa-times-circle text-xl lg:text-2xl text-red-600">
+              <i class="absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 fa-solid fa-info-circle text-xs text-gray-600 bg-white border border-white rounded-full"></i>
             </i>
             <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-3xs p-2">Verwendet asymmetrische Verschlüsselung RSA.</div>
           </div>
         </div>
       </div>
     auditedCryptography: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     memoryHardKDF: |
-      <i class="fas fa-times-circle text-xl lg:text-2xl text-red-600"></i>
+      <i class="fa-solid fa-times-circle text-xl lg:text-2xl text-red-600"></i>
     shareKeys: |
-      <i class="fas fa-check-circle text-xl lg:text-2xl text-primary"></i>
+      <i class="fa-solid fa-check-circle text-xl lg:text-2xl text-primary"></i>
 
 build:
   render: false