Skip to content

Commit 2aa0048

Browse files
SailRealSailReal
committed
Merge branch 'feature/videos' into develop
2 parents ac61a31 + 964e20a commit 2aa0048

File tree

6 files changed

+41
-29
lines changed

6 files changed

+41
-29
lines changed

‎content/blog/2022-11-03-hub-1.0.de.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ Kurz gesagt: Cryptomator Hub ermöglicht die Zugriffsverwaltung für Cryptomator
1414

1515
Unser kurzes Einführungsvideo zeigt euch mehr über die Grundlagen von Cryptomator Hub.
1616

17-
<div class="relative aspect-16x9">
18-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/D14fzrsPCxY" frameborder="0" allowfullscreen></iframe>
19-
</div>
17+
<video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
18+
<source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
19+
</video>
2020

2121
## Wie funktioniert Cryptomator Hub?
2222

‎content/blog/2022-11-03-hub-1.0.en.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ In short: Cryptomator Hub adds access management for your Cryptomator vaults. It
1414

1515
Check out our quick introduction video to learn more about the basics.
1616

17-
<div class="relative aspect-16x9">
18-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/D14fzrsPCxY" frameborder="0" allowfullscreen></iframe>
19-
</div>
17+
<video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
18+
<source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
19+
</video>
2020

2121
## How does Cryptomator Hub work?
2222

‎content/presskit/05-videos.de.md

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6,26 +6,32 @@ weight: 5
66
<div class="flex flex-wrap -mx-3">
77
<div class="w-full px-3 lg:w-1/2">
88
<figure class="rounded shadow bg-white text-center p-2">
9-
<div class="relative aspect-16x9 mb-2">
10-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/oIv0n4MYgdw" frameborder="0" allowfullscreen></iframe>
9+
<div class="relative mb-2">
10+
<video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
11+
<source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
12+
</video>
1113
</div>
12-
<figcaption>Cryptomator • 1080p • YouTube</figcaption>
14+
<figcaption>Cryptomator • 1080p • <a href="https://www.youtube.com/watch?v=oIv0n4MYgdw" target="blank" rel="noopener">YouTube</a></figcaption>
1315
</figure>
1416
</div>
1517
<div class="w-full px-3 lg:w-1/2">
1618
<figure class="rounded shadow bg-white text-center p-2">
17-
<div class="relative aspect-16x9 mb-2">
18-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/AIS5vbUAFc0" frameborder="0" allowfullscreen></iframe>
19+
<div class="relative mb-2">
20+
<video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-de.jpg" class="w-full h-auto not-prose">
21+
<source src="https://static.cryptomator.org/desktop/tutorial-de.mp4" type="video/mp4">
22+
</video>
1923
</div>
20-
<figcaption>Cryptomator Tutorial: Erste Schritte • 1080p • YouTube</figcaption>
24+
<figcaption>Cryptomator Tutorial: Erste Schritte • 1080p • <a href="https://www.youtube.com/watch?v=AIS5vbUAFc0" target="blank" rel="noopener">YouTube</a></figcaption>
2125
</figure>
2226
</div>
23-
<div class="w-full px-3 lg:w-1/2">
27+
<div class="w-full px-3 lg:w-1/2">
2428
<figure class="rounded shadow bg-white text-center p-2">
25-
<div class="relative aspect-16x9 mb-2">
26-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/D14fzrsPCxY" frameborder="0" allowfullscreen></iframe>
29+
<div class="relative mb-2">
30+
<video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
31+
<source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
32+
</video>
2733
</div>
28-
<figcaption>Cryptomator Hub: Quick Introduction • 2160p • YouTube</figcaption>
34+
<figcaption>Cryptomator Hub: Quick Introduction • 2160p • <a href="https://www.youtube.com/watch?v=D14fzrsPCxY" target="blank" rel="noopener">YouTube</a></figcaption>
2935
</figure>
3036
</div>
3137
</div>

‎content/presskit/05-videos.en.md

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,26 +6,32 @@ weight: 5
66
<div class="flex flex-wrap -mx-3">
77
<div class="w-full px-3 lg:w-1/2">
88
<figure class="rounded shadow bg-white text-center p-2">
9-
<div class="relative aspect-16x9 mb-2">
10-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/oIv0n4MYgdw" frameborder="0" allowfullscreen></iframe>
9+
<div class="relative mb-2">
10+
<video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
11+
<source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
12+
</video>
1113
</div>
12-
<figcaption>Cryptomator • 1080p • YouTube</figcaption>
14+
<figcaption>Cryptomator • 1080p • <a href="https://www.youtube.com/watch?v=oIv0n4MYgdw" target="blank" rel="noopener">YouTube</a></figcaption>
1315
</figure>
1416
</div>
1517
<div class="w-full px-3 lg:w-1/2">
1618
<figure class="rounded shadow bg-white text-center p-2">
17-
<div class="relative aspect-16x9 mb-2">
18-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/g9A0zihHZ14" frameborder="0" allowfullscreen></iframe>
19+
<div class="relative mb-2">
20+
<video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-en.jpg" class="w-full h-auto not-prose">
21+
<source src="https://static.cryptomator.org/desktop/tutorial-en.mp4" type="video/mp4">
22+
</video>
1923
</div>
20-
<figcaption>Cryptomator Tutorial: Get Started • 1080p • YouTube</figcaption>
24+
<figcaption>Cryptomator Tutorial: Get Started • 1080p • <a href="https://www.youtube.com/watch?v=g9A0zihHZ14" target="blank" rel="noopener">YouTube</a></figcaption>
2125
</figure>
2226
</div>
2327
<div class="w-full px-3 lg:w-1/2">
2428
<figure class="rounded shadow bg-white text-center p-2">
25-
<div class="relative aspect-16x9 mb-2">
26-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/D14fzrsPCxY" frameborder="0" allowfullscreen></iframe>
29+
<div class="relative mb-2">
30+
<video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
31+
<source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
32+
</video>
2733
</div>
28-
<figcaption>Cryptomator Hub: Quick Introduction • 2160p • YouTube</figcaption>
34+
<figcaption>Cryptomator Hub: Quick Introduction • 2160p • <a href="https://www.youtube.com/watch?v=D14fzrsPCxY" target="blank" rel="noopener">YouTube</a></figcaption>
2935
</figure>
3036
</div>
3137
</div>

‎hugo.toml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,6 @@ block = true
116116
[[server.headers]]
117117
for = '/**'
118118
[server.headers.values]
119-
Content-Security-Policy = "default-src 'none'; script-src 'self' 'unsafe-eval' https://community.cryptomator.org/ https://js.stripe.com/ https://*.paddle.com/ https://www.google.com/ https://www.gstatic.com/; style-src 'self' 'unsafe-inline' https://*.paddle.com/; img-src 'self' data: https://static.cryptomator.org/ https://i.ytimg.com/ https://*.paddle.com/ https://paddle.s3.amazonaws.com/; connect-src 'self' https://api.cryptomator.org/ https://store.cryptomator.org/ http://localhost:8787/; font-src 'self'; media-src https://static.cryptomator.org/; frame-src https://community.cryptomator.org/ https://www.youtube-nocookie.com/ https://js.stripe.com/ https://*.paddle.com/ https://www.google.com/; base-uri 'self'; form-action 'self' https://www.paypal.com/ https://www.coinpayments.net/; frame-ancestors 'none'"
119+
Content-Security-Policy = "default-src 'none'; script-src 'self' 'unsafe-eval' https://community.cryptomator.org/ https://js.stripe.com/ https://*.paddle.com/ https://www.google.com/ https://www.gstatic.com/; style-src 'self' 'unsafe-inline' https://*.paddle.com/; img-src 'self' data: https://static.cryptomator.org/ https://i.ytimg.com/ https://*.paddle.com/ https://paddle.s3.amazonaws.com/; connect-src 'self' https://api.cryptomator.org/ https://store.cryptomator.org/ http://localhost:8787/; font-src 'self'; media-src https://static.cryptomator.org/; frame-src https://community.cryptomator.org/ https://js.stripe.com/ https://*.paddle.com/ https://www.google.com/; base-uri 'self'; form-action 'self' https://www.paypal.com/ https://www.coinpayments.net/; frame-ancestors 'none'"
120120
Strict-Transport-Security = "max-age=31536000; includeSubDomains"
121121
X-Content-Type-Options = "nosniff"

‎layouts/hub/single.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,9 @@ <h2 id="introduction" class="font-headline font-medium text-xl md:text-2xl leadi
2525
</header>
2626

2727
<div class="max-w-3xl mx-auto mb-12">
28-
<div class="relative aspect-16x9">
29-
<iframe class="absolute w-full h-full" src="https://www.youtube-nocookie.com/embed/D14fzrsPCxY" frameborder="0" allowfullscreen></iframe>
30-
</div>
28+
<video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
29+
<source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
30+
</video>
3131
</div>
3232

3333
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">

0 commit comments

Comments
 (0)