Skip to content

Commit 065fc16

Browse files
tobihagemanntobihagemann
committed
refactored code base to be less dependent on prose
1 parent ab94a40 commit 065fc16

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+489
-545
lines changed

‎assets/css/custom.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,10 @@
101101
@apply text-sm md:text-base leading-relaxed;
102102
}
103103

104+
.font-code {
105+
@apply font-semibold;
106+
}
107+
104108
.lead {
105109
@apply text-lg md:text-xl leading-relaxed text-gray-700;
106110
}
@@ -109,6 +113,28 @@
109113
@apply block font-bold text-xs uppercase tracking-wide text-gray-600;
110114
}
111115

116+
ul.list-primary,
117+
ul.list-primary ul {
118+
@apply list-disc text-base leading-relaxed pl-6.5;
119+
}
120+
121+
ul.list-primary-sm,
122+
ul.list-primary-sm ul {
123+
@apply text-sm pl-5.5;
124+
}
125+
126+
ul.list-primary li {
127+
@apply pl-1.5 my-2;
128+
}
129+
130+
ul.list-primary-sm li {
131+
@apply pl-1.5 my-1;
132+
}
133+
134+
ul.list-primary li::marker {
135+
@apply text-gray-400;
136+
}
137+
112138
.white-box {
113139
@apply rounded-sm shadow-sm bg-white;
114140
}
@@ -117,6 +143,10 @@
117143
@apply rounded-sm border-gray-300 focus:ring-0 focus:border-secondary;
118144
}
119145

146+
.pre-box {
147+
@apply rounded-sm overflow-x-auto text-white bg-gray-800 p-4;
148+
}
149+
120150
.StripeElement {
121151
@apply rounded-sm border border-gray-300 px-3 py-2;
122152
}

‎content/downloads/android.de.html‎

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,32 +9,28 @@
99
---
1010

1111
<div class="w-full md:w-1/2 lg:w-1/3 py-4 text-center">
12-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
13-
<h2>Cryptomator für Android</h2>
12+
<header class="mb-6">
13+
<h2 class="font-h2">Cryptomator für Android</h2>
1414
</header>
1515

1616
<div class="white-box my-4">
17-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
18-
<h3>Google Play</h3>
17+
<div class="px-4 py-2 border-b border-primary">
18+
<h3 class="font-h3 text-lg">Google Play</h3>
1919
</div>
2020
<div class="p-4">
21-
<div class="prose prose-sm max-w-none mb-4">
22-
<p>Minimum: {{< siteparam releases.android.requiredOS >}}</p>
23-
</div>
21+
<p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.android.requiredOS >}}</p>
2422
<a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=de" role="button" class="plausible-event-name=downloads-android-googleplay">
2523
<img class="h-10 mx-auto lazyload" data-src="/de/img/downloads/googleplay-badge.png">
2624
</a>
2725
</div>
2826
</div>
2927

3028
<div class="white-box my-4">
31-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
32-
<h3>APK</h3>
29+
<div class="px-4 py-2 border-b border-primary">
30+
<h3 class="font-h3 text-lg">APK</h3>
3331
</div>
3432
<div class="p-4">
35-
<div class="prose prose-sm max-w-none mb-4">
36-
<p>Du kannst Cryptomator für Android auch kaufen, ohne über Google Play zu gehen.</p>
37-
</div>
33+
<p class="font-p text-sm mb-4">Du kannst Cryptomator für Android auch kaufen, ohne über Google Play zu gehen.</p>
3834
<a href="/de/android/" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" role="button">Zur APK-Version</a>
3935
</div>
4036
</div>

‎content/downloads/android.en.html‎

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,17 @@
99
---
1010

1111
<div class="w-full md:w-1/2 lg:w-1/3 py-4 text-center">
12-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
13-
<h2>Cryptomator for Android</h2>
12+
<header class="mb-6">
13+
<h2 class="font-h2">Cryptomator for Android</h2>
1414
</header>
1515

1616
<div class="white-box my-4">
17-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
18-
<h3>Google Play</h3>
17+
<div class="px-4 py-2 border-b border-primary">
18+
<h3 class="font-h3 text-lg">Google Play</h3>
1919
</div>
2020
<div class="p-4">
21-
<div class="prose prose-sm max-w-none mb-4">
22-
<p>Minimum: {{< siteparam releases.android.requiredOS >}}</p>
21+
<div class="mb-4">
22+
<p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.android.requiredOS >}}</p>
2323
</div>
2424
<a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=en" role="button" class="plausible-event-name=downloads-android-googleplay">
2525
<img class="h-10 mx-auto lazyload" data-src="/img/downloads/googleplay-badge.png">
@@ -28,13 +28,11 @@ <h3>Google Play</h3>
2828
</div>
2929

3030
<div class="white-box my-4">
31-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
32-
<h3>APK</h3>
31+
<div class="px-4 py-2 border-b border-primary">
32+
<h3 class="font-h3 text-lg">APK</h3>
3333
</div>
3434
<div class="p-4">
35-
<div class="prose prose-sm max-w-none mb-4">
36-
<p>You can also purchase Cryptomator for Android without going through Google Play.</p>
37-
</div>
35+
<p class="font-p text-sm mb-4">You can also purchase Cryptomator for Android without going through Google Play.</p>
3836
<a href="/android/" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" role="button">Get APK Version</a>
3937
</div>
4038
</div>

‎content/downloads/ios.de.html‎

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -9,24 +9,20 @@
99
---
1010

1111
<div class="w-full md:w-1/2 lg:w-1/3 py-4 text-center">
12-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
13-
<h2>Cryptomator für iOS</h2>
12+
<header class="mb-6">
13+
<h2 class="font-h2">Cryptomator für iOS</h2>
1414
</header>
1515

1616
<div class="white-box my-4">
17-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
18-
<h3>App Store</h3>
17+
<div class="px-4 py-2 border-b border-primary">
18+
<h3 class="font-h3 text-lg">App Store</h3>
1919
</div>
2020
<div class="p-4">
21-
<div class="prose prose-sm max-w-none mb-4">
22-
<p>Minimum: iOS 14.0</p>
23-
</div>
24-
<a href="https://apps.apple.com/de/app/cryptomator/id1560822163" role="button" class="plausible-event-name=downloads-ios-appstore">
21+
<p class="font-p text-sm mb-4">Minimum: iOS 14.0</p>
22+
<a href="https://apps.apple.com/de/app/cryptomator/id1560822163" role="button" class="mb-4 plausible-event-name=downloads-ios-appstore">
2523
<img class="h-10 mx-auto mb-4 lazyload" data-src="/de/img/downloads/appstore-badge.svg">
2624
</a>
27-
<div class="prose prose-sm max-w-none">
28-
<p>Eine Vollversion ohne In-App-Käufe für Apple School/Business Manager ist <a href="https://apps.apple.com/de/app/cryptomator-full-version/id1665616242">im App Store</a> erhältlich.</p>
29-
</div>
25+
<p class="font-p text-sm">Eine Vollversion ohne In-App-Käufe für Apple School/Business Manager ist <a class="text-link" href="https://apps.apple.com/de/app/cryptomator-full-version/id1665616242">im App Store</a> erhältlich.</p>
3026
</div>
3127
</div>
3228
</div>

‎content/downloads/ios.en.html‎

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,24 +9,20 @@
99
---
1010

1111
<div class="w-full md:w-1/2 lg:w-1/3 py-4 text-center">
12-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
13-
<h2>Cryptomator for iOS</h2>
12+
<header class="mb-6">
13+
<h2 class="font-h2">Cryptomator for iOS</h2>
1414
</header>
1515

1616
<div class="white-box my-4">
17-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
18-
<h3>App Store</h3>
17+
<div class="px-4 py-2 border-b border-primary">
18+
<h3 class="font-h3 text-lg">App Store</h3>
1919
</div>
2020
<div class="p-4">
21-
<div class="prose prose-sm max-w-none mb-4">
22-
<p>Minimum: iOS 14.0</p>
23-
</div>
21+
<p class="font-p text-sm mb-4">Minimum: iOS 14.0</p>
2422
<a href="https://apps.apple.com/us/app/cryptomator/id1560822163" role="button" class="plausible-event-name=downloads-ios-appstore">
2523
<img class="h-10 mx-auto mb-4 lazyload" data-src="/img/downloads/appstore-badge.svg">
2624
</a>
27-
<div class="prose prose-sm max-w-none">
28-
<p>A full version without in-app purchases for Apple School/Business Manager is available <a href="https://apps.apple.com/us/app/cryptomator-full-version/id1665616242">on the App Store</a>.</p>
29-
</div>
25+
<p class="font-p text-sm">A full version without in-app purchases for Apple School/Business Manager is available <a class="text-link" href="https://apps.apple.com/us/app/cryptomator-full-version/id1665616242">on the App Store</a>.</p>
3026
</div>
3127
</div>
3228
</div>

‎content/downloads/linux.de.html‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -16,19 +16,17 @@
1616
<meta itemprop="applicationSubCategory" content="Encryption"/>
1717
<meta itemprop="image" content="{{< absurl "/img/logo.png" >}}"/>
1818
<meta itemprop="operatingSystem" content="Mac"/>
19-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
20-
<h2>Cryptomator für Linux</h2>
21-
<p>Version {{< siteparam releases.appimage.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
19+
<header class="mb-6">
20+
<h2 class="font-h2 mb-6">Cryptomator für Linux</h2>
21+
<p class="font-p">Version {{< siteparam releases.appimage.version >}} • <a class="text-link" href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
2222
</header>
2323

2424
<div class="white-box my-4">
25-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
26-
<h3>AppImage</h3>
25+
<div class="px-4 py-2 border-b border-primary">
26+
<h3 class="font-h3 text-lg">AppImage</h3>
2727
</div>
2828
<div class="p-4">
29-
<div class="prose prose-sm max-w-none mb-4">
30-
<p>Siehe {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "Systemanforderungen" >}}</p>
31-
</div>
29+
<p class="font-p text-sm mb-4">Siehe {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "Systemanforderungen" >}}</p>
3230
<a itemprop="downloadUrl" href="/de/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button">
3331
<span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(x86_x64)</span>
3432
</a>
@@ -39,15 +37,15 @@ <h3>AppImage</h3>
3937
</div>
4038

4139
<div class="white-box my-4">
42-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
43-
<h3>Paketquellen</h3>
40+
<div class="px-4 py-2 border-b border-primary">
41+
<h3 class="font-h3 text-lg">Paketquellen</h3>
4442
</div>
45-
<div class="prose prose-sm max-w-none p-4">
46-
<p>Du findest Cryptomator auch in folgenden Repos:</p>
47-
<ul class="text-left">
48-
<li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
49-
<li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-aur">cryptomator</a> und <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
50-
<li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
43+
<div class="p-4">
44+
<p class="font-p text-sm mb-4">Du findest Cryptomator auch in folgenden Repos:</p>
45+
<ul class="list-primary list-primary-sm text-left">
46+
<li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
47+
<li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator</a> und <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
48+
<li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
5149
</ul>
5250
</div>
5351
</div>

‎content/downloads/linux.en.html‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -16,19 +16,17 @@
1616
<meta itemprop="applicationSubCategory" content="Encryption"/>
1717
<meta itemprop="image" content="{{< absurl "/img/logo.png" >}}"/>
1818
<meta itemprop="operatingSystem" content="Mac"/>
19-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
20-
<h2>Cryptomator for Linux</h2>
21-
<p>Version {{< siteparam releases.appimage.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Changelog</a></p>
19+
<header class="mb-6">
20+
<h2 class="font-h2 mb-6">Cryptomator for Linux</h2>
21+
<p class="font-p">Version {{< siteparam releases.appimage.version >}} • <a class="text-link" href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Changelog</a></p>
2222
</header>
2323

2424
<div class="white-box my-4">
25-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
26-
<h3>AppImage</h3>
25+
<div class="px-4 py-2 border-b border-primary">
26+
<h3 class="font-h3 text-lg">AppImage</h3>
2727
</div>
2828
<div class="p-4">
29-
<div class="prose prose-sm max-w-none mb-4">
30-
<p>See {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "System Requirements" >}}</p>
31-
</div>
29+
<p class="font-p text-sm mb-4">See {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "System Requirements" >}}</p>
3230
<a itemprop="downloadUrl" href="/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button">
3331
<span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(x86_x64)</span>
3432
</a>
@@ -39,15 +37,15 @@ <h3>AppImage</h3>
3937
</div>
4038

4139
<div class="white-box my-4">
42-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
43-
<h3>Package Repositories</h3>
40+
<div class="px-4 py-2 border-b border-primary">
41+
<h3 class="font-h3 text-lg">Package Repositories</h3>
4442
</div>
45-
<div class="prose prose-sm max-w-none p-4">
46-
<p>You'll also find Cryptomator in the following repos:</p>
47-
<ul class="text-left">
48-
<li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
49-
<li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-aur">cryptomator</a> and <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
50-
<li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
43+
<div class="p-4">
44+
<p class="font-p text-sm mb-4">You'll also find Cryptomator in the following repos:</p>
45+
<ul class="list-primary list-primary-sm text-left">
46+
<li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
47+
<li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator</a> and <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
48+
<li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
5149
</ul>
5250
</div>
5351
</div>

‎content/downloads/mac.de.html‎

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,31 +16,25 @@
1616
<meta itemprop="applicationSubCategory" content="Encryption"/>
1717
<meta itemprop="image" content="{{< absurl "/img/logo.png" >}}"/>
1818
<meta itemprop="operatingSystem" content="Mac"/>
19-
<header class="prose prose-sm md:prose max-w-none md:max-w-none mb-6">
20-
<h2>Cryptomator für macOS</h2>
21-
<p>Version {{< siteparam releases.dmg.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.dmg.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
19+
<header class="mb-6">
20+
<h2 class="font-h2 mb-6">Cryptomator für macOS</h2>
21+
<p class="font-p">Version {{< siteparam releases.dmg.version >}} • <a class="text-link" href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.dmg.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
2222
</header>
2323

2424
<div class="white-box my-4">
25-
<div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
26-
<h3>DMG Image</h3>
25+
<div class="px-4 py-2 border-b border-primary">
26+
<h3 class="font-h3 text-lg">DMG Image</h3>
2727
</div>
2828
<div class="p-4">
29-
<div class="prose prose-sm max-w-none mb-4">
30-
<p>Minimum: {{< siteparam releases.dmg.requiredOS >}}</p>
31-
</div>
29+
<p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.dmg.requiredOS >}}</p>
3230
<a itemprop="downloadUrl" href="/de/downloads/mac-arm64/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac-arm64" role="button">
3331
<span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Apple Silicon)</span>
3432
</a>
35-
<div class="prose prose-sm max-w-none mb-6">
36-
<p>Wir empfehlen die Installation von <a href="https://www.fuse-t.org/" target="_blank" rel="noopener">FUSE-T</a>.</p>
37-
</div>
33+
<p class="font-p text-sm mb-6">Wir empfehlen die Installation von <a class="text-link" href="https://www.fuse-t.org/" target="_blank" rel="noopener">FUSE-T</a>.</p>
3834
<a itemprop="downloadUrl" href="/de/downloads/mac/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac" role="button">
3935
<span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Intel)</span>
4036
</a>
41-
<div class="prose prose-sm max-w-none">
42-
<p>Wir empfehlen die Installation von <a href="https://osxfuse.github.io/" target="_blank" rel="noopener">macFUSE</a>.</p>
43-
</div>
37+
<p class="font-p text-sm">Wir empfehlen die Installation von <a class="text-link" href="https://osxfuse.github.io/" target="_blank" rel="noopener">macFUSE</a>.</p>
4438
</div>
4539
</div>
4640
</div>

0 commit comments

Comments
 (0)