docs(about page): embed youtube playlist (#844)

Co-authored-by: Noam Gaash <noam.gaash@gmail.com>
hasadna · Jul 27, 2024 · 2bd169c · 2bd169c
1 parent 573f6c2
commit 2bd169c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/src/pages/about/About.scss b/src/pages/about/About.scss
@@ -3,6 +3,14 @@ ul {
     padding: 0;
 }
 
+iframe {
+    border: none;
+    border-radius: 8px;
+    position: relative;
+    width: 100%;
+    height: 32rem;
+}
+
 li img {
     width: 1.9em;
 }

diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
@@ -17,6 +17,7 @@ const About = () => {
           {t(`${pageName}.title`)}
         </Typography>
         <WhatIsWebsite />
+        <YoutubePlaylist />
         <DiscoveredMistake />
         <Privacy />
         <License />
@@ -43,7 +44,19 @@ const WhatIsWebsite = () => {
     </Widget>
   )
 }
-
+const YoutubePlaylist = () => {
+  return (
+    <iframe
+      width="560"
+      height="315"
+      src="https://www.youtube.com/embed/videoseries?si=oTULlxq8Is188hPu&amp;list=PL6Rh06rT7uiX1AQE-lm55hy-seL3idx3T"
+      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>
+  )
+}
 const DiscoveredMistake = () => {
   const { t } = useTranslation()