From ac35a4a058e440466201f1114e90be823ba5bb14 Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Fri, 10 Jan 2025 19:01:09 +0530
Subject: [PATCH 1/3] styles

Signed-off-by: Vivek Vishal <vishalvivek488@gmail.com>
---
 assets/scss/_videos.scss | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 assets/scss/_videos.scss

diff --git a/assets/scss/_videos.scss b/assets/scss/_videos.scss
new file mode 100644
index 00000000..3851f343
--- /dev/null
+++ b/assets/scss/_videos.scss
@@ -0,0 +1,30 @@
+.video-btn-wrapper {
+    height: 60px;
+    width: 60px;
+    background-color: #00b39f;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: background-color 0.3s ease;
+    transform: translate(-50%, -50%);
+  }
+  
+  .video-btn-wrapper svg {
+    height: 50%;
+    width: 50%;
+    margin-top: 5px;
+  }
+  
+  .play-icon-path {
+    fill: white;
+    transition: fill 0.3s ease;
+  }
+  
+  .bg-gradient-overlay:hover .video-btn-wrapper {
+    background-color: #ffffff;
+  }
+  
+  .bg-gradient-overlay:hover .play-icon-path {
+    fill: #00b39f;
+  }

From 51f483583aa003dc63d36764bab208ad8afd0fec Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Fri, 10 Jan 2025 19:01:58 +0530
Subject: [PATCH 2/3] import vidoes styles to styles_project.scss

Signed-off-by: Vivek Vishal <vishalvivek488@gmail.com>
---
 assets/scss/_styles_project.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 9e61dec4..55d7b031 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -8,6 +8,7 @@
 @import "_navbar_project.scss";
 @import "tax_project.scss";
 @import "search_project.scss";
+@import "videos.scss";
 
 .navbar-dark {
   min-height: 5rem;
@@ -673,4 +674,4 @@ a:not([href]):not([class]):hover {
 
 .csvtable {
   width: 100%;
-}
\ No newline at end of file
+}

From f3ed9e791ec04d4d4ce463ac148fbbbc184b35b9 Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Fri, 10 Jan 2025 19:03:22 +0530
Subject: [PATCH 3/3] add play icon

Signed-off-by: Vivek Vishal <vishalvivek488@gmail.com>
---
 layouts/partials/video-section-index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/video-section-index.html b/layouts/partials/video-section-index.html
index 2fdcea17..ebc9938f 100644
--- a/layouts/partials/video-section-index.html
+++ b/layouts/partials/video-section-index.html
@@ -52,7 +52,13 @@
                                     ></iframe> -->
                                 </div>
                             {{ end }}
-                            <div class="position-absolute top-0 start-0 w-100 h-100 bg-gradient-overlay"></div>
+                            <div class="position-absolute top-0 start-0 w-100 h-100 bg-gradient-overlay">
+                                <div class="video-btn-wrapper position-absolute top-50 start-50">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 60">
+                                        <path class="play-icon-path" d="M39.5298 29.028L21.7045 39.395C21.6471 39.4284 21.5893 39.4603 21.5311 39.4908C20.9134 39.8161 20.2107 40 19.4654 40C16.9992 40 15 37.9861 15 35.5018V14.5102C15 13.6377 15.2466 12.8233 15.6734 12.1337C16.9369 10.0722 19.6075 9.38388 21.7044 10.6034L39.5291 20.97C40.2869 21.3504 40.9459 21.9517 41.401 22.7457C41.811 23.4611 42.0038 24.2428 41.9999 25.0133C41.999 25.7747 41.806 26.5461 41.4009 27.2527C40.9461 28.0464 40.2873 28.6476 39.5298 29.028Z"/>
+                                    </svg>
+                                </div>
+                            </div>
                         {{ end }}
                     </div>