From fd188a46bb50e4d4a70196453dadd21e04f7fe57 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 28 Sep 2020 11:32:42 +0300
Subject: [PATCH] Add Vue Global 2020 video

---
 src/assets/styles/app/_home.scss       | 6 ++++++
 src/assets/styles/app/_responsive.scss | 4 ++++
 src/views/Home.vue                     | 8 ++++++++
 3 files changed, 18 insertions(+)

diff --git a/src/assets/styles/app/_home.scss b/src/assets/styles/app/_home.scss
index d0149056a..6d4b0580f 100644
--- a/src/assets/styles/app/_home.scss
+++ b/src/assets/styles/app/_home.scss
@@ -100,6 +100,12 @@
         }
     }
 
+    .video {
+        background-color: var(--surface-a);
+        text-align: center;
+        padding: 2rem;
+    }
+
     .whouses {
         background-color: #34495E;
         color: #EAECEE;
diff --git a/src/assets/styles/app/_responsive.scss b/src/assets/styles/app/_responsive.scss
index f21ca557a..6bf918d2f 100644
--- a/src/assets/styles/app/_responsive.scss
+++ b/src/assets/styles/app/_responsive.scss
@@ -122,6 +122,10 @@
         .prosupport > div {
             width: 100%;
         }
+
+        .video iframe {
+            width: 100% !important;
+        }
     }
 
     .layout-config {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 78dfd7728..43a2af45e 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -98,6 +98,14 @@
             </div>
         </div>
 
+        <div class="video">
+            <h4>Vue.js Global 2020</h4>
+            <p>PrimeVue session from Vue.js Global 2020 Conference where we had a remarkable experience of presenting PrimeVue after Evan You announced Vue 3.</p>
+            <div>
+                <iframe width="560" height="315" src="https://www.youtube.com/embed/3YP6Ob0-jkI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            </div>
+        </div>
+
         <div class="whouses">
             <h4>Key Users</h4>
             <p>The creator of PrimeVue is PrimeTek Informatics, the distinguished component library vendor who built popular open source projects such as PrimeFaces, PrimeNG and PrimeReact over the past years.</p>