Remove figure where requested and margin in video

Author: SailReal

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

@@ -14,14 +14,9 @@ Kurz gesagt: Cryptomator Hub ermöglicht die Zugriffsverwaltung für Cryptomator
 
 Unser kurzes Einführungsvideo zeigt euch mehr über die Grundlagen von Cryptomator Hub.
 
-<figure class="rounded shadow bg-white text-center p-2">
-  <div class="relative mb-2">
-    <video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
-      <source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
-    </video>
-  </div>
-  <figcaption>Cryptomator Hub: Quick Introduction • <a href="https://www.youtube.com/watch?v=AIS5vbUAFc0" target="blank">YouTube</a></figcaption>
-</figure>
+<video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
+  <source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
+</video>
 
 ## Wie funktioniert Cryptomator Hub?
 

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

@@ -14,14 +14,9 @@ In short: Cryptomator Hub adds access management for your Cryptomator vaults. It
 
 Check out our quick introduction video to learn more about the basics.
 
-<figure class="rounded shadow bg-white text-center p-2">
-  <div class="relative mb-2">
-    <video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
-      <source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
-    </video>
-  </div>
-  <figcaption>Cryptomator Hub: Quick Introduction • <a href="https://www.youtube.com/watch?v=AIS5vbUAFc0" target="blank">YouTube</a></figcaption>
-</figure>
+<video controls preload="none" poster="https://static.cryptomator.org/blog/hub-quick-introduction.png" class="w-full h-auto">
+  <source src="https://static.cryptomator.org/blog/hub-quick-introduction.mp4" type="video/mp4">
+</video>
 
 ## How does Cryptomator Hub work?
 

content/presskit/05-videos.de.md

@@ -7,9 +7,8 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
-          static.cryptomator.org/desktop/get-started.jpeg
         </video>
       </div>
       <figcaption>Cryptomator • <a href="https://www.youtube.com/watch?v=oIv0n4MYgdw" target="blank">YouTube</a></figcaption>
@@ -18,7 +17,7 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-de.jpg" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-de.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/tutorial-de.mp4" type="video/mp4">
         </video>
       </div>
@@ -28,7 +27,7 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
         </video>
       </div>

content/presskit/05-videos.en.md

@@ -7,7 +7,7 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
         </video>
       </div>
@@ -17,7 +17,7 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-en.jpg" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-en.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/tutorial-en.mp4" type="video/mp4">
         </video>
       </div>
@@ -27,7 +27,7 @@ weight: 5
   <div class="w-full px-3 lg:w-1/2">
     <figure class="rounded shadow bg-white text-center p-2">
       <div class="relative mb-2">
-        <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
+        <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
         </video>
       </div>

layouts/hub/single.html

@@ -25,14 +25,9 @@ <h2 id="introduction" class="font-headline font-medium text-xl md:text-2xl leadi
     </header>
 
     <div class="max-w-3xl mx-auto mb-12">
-      <figure class="rounded shadow bg-white text-center p-2">
-        <div class="relative mb-2">
-          <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
-            <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
-          </video>
-        </div>
-        <figcaption>Cryptomator Hub: Quick Introduction • <a href="https://www.youtube.com/watch?v=AIS5vbUAFc0" target="blank">YouTube</a></figcaption>
-      </figure>
+      <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
+        <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
+      </video>
     </div>
 
     <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">