Merge pull request #23 from RishavOsaurus/sfd-2024

Worked with banners and footers

css/output.css

@@ -694,6 +694,10 @@ video {
   margin-top: 1rem;
 }
 
+.mt-7 {
+  margin-top: 1.75rem;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -718,6 +722,10 @@ video {
   display: none;
 }
 
+.h-1\/2 {
+  height: 50%;
+}
+
 .h-11 {
   height: 2.75rem;
 }
@@ -730,6 +738,10 @@ video {
   height: 3.5rem;
 }
 
+.h-2\/3 {
+  height: 66.666667%;
+}
+
 .h-24 {
   height: 6rem;
 }
@@ -754,6 +766,18 @@ video {
   height: 2rem;
 }
 
+.h-80 {
+  height: 20rem;
+}
+
+.h-\[11\.25rem\] {
+  height: 11.25rem;
+}
+
+.h-\[243px\] {
+  height: 243px;
+}
+
 .h-\[26rem\] {
   height: 26rem;
 }
@@ -778,10 +802,18 @@ video {
   height: 460px;
 }
 
+.h-\[54\%\] {
+  height: 54%;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
 
+.h-\[66px\] {
+  height: 66px;
+}
+
 .h-\[7rem\] {
   height: 7rem;
 }
@@ -790,6 +822,10 @@ video {
   height: 8.5rem;
 }
 
+.h-\[calc\(100vh-7\.5rem\)\] {
+  height: calc(100vh - 7.5rem);
+}
+
 .h-full {
   height: 100%;
 }
@@ -798,6 +834,10 @@ video {
   height: 100vh;
 }
 
+.h-\[70px\] {
+  height: 70px;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }
@@ -810,6 +850,14 @@ video {
   width: 0.25rem;
 }
 
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
 .w-12 {
   width: 3rem;
 }
@@ -826,6 +874,10 @@ video {
   width: 0.75rem;
 }
 
+.w-3\/4 {
+  width: 75%;
+}
+
 .w-4 {
   width: 1rem;
 }
@@ -862,6 +914,10 @@ video {
   width: 60vw;
 }
 
+.w-\[66px\] {
+  width: 66px;
+}
+
 .w-\[66rem\] {
   width: 66rem;
 }
@@ -939,6 +995,14 @@ video {
   justify-content: space-between;
 }
 
+.gap-16 {
+  gap: 4rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
 .gap-5 {
   gap: 1.25rem;
 }
@@ -970,6 +1034,14 @@ video {
   overflow: hidden;
 }
 
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.scroll-smooth {
+  scroll-behavior: smooth;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1002,6 +1074,10 @@ video {
   border-width: 4px;
 }
 
+.border-r-2 {
+  border-right-width: 2px;
+}
+
 .border-r-4 {
   border-right-width: 4px;
 }
@@ -1030,11 +1106,26 @@ video {
   border-color: rgb(255 205 41 / var(--tw-border-opacity));
 }
 
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
 .border-slate-600 {
   --tw-border-opacity: 1;
   border-color: rgb(71 85 105 / var(--tw-border-opacity));
 }
 
+.bg-\[\#009042\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 144 66 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#111111\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#208820\] {
   --tw-bg-opacity: 1;
   background-color: rgb(32 136 32 / var(--tw-bg-opacity));
@@ -1050,6 +1141,11 @@ video {
   background-color: rgb(218 165 32 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#FFCD29\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 205 41 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#FFDD50\] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 221 80 / var(--tw-bg-opacity));
@@ -1060,6 +1156,20 @@ video {
   background-color: rgb(246 246 255 / var(--tw-bg-opacity));
 }
 
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-celeb-banner {
+  background-image: url('../assets/celebrationbg/celeb_banner.svg');
+}
+
 .bg-hero-pattern {
   background-image: url('../assets/timer/timer_bg.svg');
 }
@@ -1072,6 +1182,10 @@ video {
   background-size: cover;
 }
 
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
 .p-0 {
   padding: 0px;
 }
@@ -1133,16 +1247,31 @@ video {
   line-height: 2rem;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
 
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+
 .text-6xl {
   font-size: 3.75rem;
   line-height: 1;
 }
 
+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
+}
+
 .text-\[16px\] {
   font-size: 16px;
 }
@@ -1151,6 +1280,10 @@ video {
   font-size: 44px;
 }
 
+.text-\[48px\] {
+  font-size: 48px;
+}
+
 .text-\[64px\] {
   font-size: 64px;
 }
@@ -1199,11 +1332,21 @@ video {
   line-height: 1rem;
 }
 
+.text-\[\#009042\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 144 66 / var(--tw-text-opacity));
+}
+
 .text-\[\#208820\] {
   --tw-text-opacity: 1;
   color: rgb(32 136 32 / var(--tw-text-opacity));
 }
 
+.text-\[\#413BA9\] {
+  --tw-text-opacity: 1;
+  color: rgb(65 59 169 / var(--tw-text-opacity));
+}
+
 .text-\[\#6ABE52\] {
   --tw-text-opacity: 1;
   color: rgb(106 190 82 / var(--tw-text-opacity));
@@ -1329,6 +1472,11 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.hover\:text-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
 .group:hover .group-hover\:text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));

data/schedule.json

@@ -14,7 +14,7 @@
         "time": "09:30 - 10:30",
         "title": "Keynote Speaker",
         "speaker": {
-            "name": "Dr. Hempal Shrestha",
+            "name": "Mr. Hempal Shrestha",
             "title": "Founding Member, FOSS NEPAL",
             "image": "https://via.placeholder.com/50"
         },