From d15bdaaa6fc501445de412cbc0360a5428c8f37f Mon Sep 17 00:00:00 2001
From: apurvabangali <107414864+apurvabangali@users.noreply.github.com>
Date: Fri, 28 Jun 2024 13:58:30 +0530
Subject: [PATCH] fix: add slider in layouts

---
 assets/css/theme.css                      | 11 +++--------
 templates/layouts/layout-both-columns.tpl | 10 ++++++++++
 2 files changed, 13 insertions(+), 8 deletions(-)
 mode change 100755 => 100644 assets/css/theme.css
 mode change 100755 => 100644 templates/layouts/layout-both-columns.tpl

diff --git a/assets/css/theme.css b/assets/css/theme.css
old mode 100755
new mode 100644
index c79689e..60d5e2f
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1102,17 +1102,12 @@ select {
   height: 2rem;
 }
 
-<<<<<<< HEAD
-.h-\[50vh\] {
-  height: 50vh;
-=======
 .h-\[350px\] {
   height: 350px;
 }
 
 .h-\[380px\] {
   height: 380px;
->>>>>>> upstream/staging
 }
 
 .h-auto {
@@ -1921,7 +1916,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
 }
 
 .group{
-  &:before,
+  &:before,
   &:after {
     content: "";
     display: table;
@@ -2526,5 +2521,5 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
   .xl\:w-9\/12 {
     width: 75%;
   }
-}
-
+}
+
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl
old mode 100755
new mode 100644
index 87b117e..f4e400d
--- a/templates/layouts/layout-both-columns.tpl
+++ b/templates/layouts/layout-both-columns.tpl
@@ -54,6 +54,16 @@
     {block name='displayBeforeWrapper'}
       {hook h='displayBeforeWrapper'}
     {/block}
+    
+        {if $page.page_name == 'index'}
+      <a href="https://brooksbingham.com/17-custom-made" id="slider">
+      <div  class="mb-12 w-full lg:h-[90vh]" style="clip-path: inset(4px)" id="slider">
+          <video autoplay muted loop class="w-full h-full object-cover" style="background-color: rgba(0, 0, 0, 0)">
+              <source src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/slider.mp4" type="video/mp4" >
+          </video>
+      </div>
+    </a>  
+      {/if}
 
     <section class="container mx-auto">
       {block name='breadcrumb'}