docs updates

guritfaq · guritfaq · commit 811b71f54671 · 2024-08-18T19:03:24.000-07:00
diff --git a/docs/about/support.md b/docs/about/support.md
@@ -28,7 +28,7 @@ provide the GitHub or GitLab organization name.
 ## Email Support
 
 You can also reach out to us at
-[contact@coderabbit.ai](mailto:contact@coderabbit.ai).
+[support@coderabbit.ai](mailto:support@coderabbit.ai).
 
 :::tip
 
diff --git a/docs/introduction.md b/docs/introduction.md
@@ -10,7 +10,10 @@ description:
 slug: "/"
 ---
 
-<iframe width="100%" height="315" src="https://www.youtube.com/embed/3SyUOSebG7E?si=i0oT9RAnH0PW81lY" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen></iframe>
+<div class="video-container">
+  <iframe src="https://www.youtube.com/embed/3SyUOSebG7E?si=i0oT9RAnH0PW81lY" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen></iframe>
+</div>
+
 
 **CodeRabbit** is an innovative, AI-first code reviewer. It provides
 context-aware review feedback on a pull request within minutes, thereby
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -82,3 +82,20 @@ a[docid="docs"] > svg {
 [data-theme="dark"] img[src$="#gh-light-mode-only"] {
   display: none;
 }
+
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 aspect ratio */
+  height: 0;
+  overflow: hidden;
+  max-width: 100%;
+  background: #000;
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
diff --git a/static/img/preview.png b/static/img/preview.png
