Merge pull request #24 from RishavOsaurus/sfd-2024

Minor Alignment and Color Fixes

css/output.css

@@ -698,6 +698,10 @@ video {
   margin-top: 1.75rem;
 }
 
+.mt-8 {
+  margin-top: 2rem;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -822,10 +826,6 @@ video {
   height: 8.5rem;
 }
 
-.h-\[calc\(100vh-7\.5rem\)\] {
-  height: calc(100vh - 7.5rem);
-}
-
 .h-full {
   height: 100%;
 }
@@ -834,6 +834,10 @@ video {
   height: 100vh;
 }
 
+.h-\[313px\] {
+  height: 313px;
+}
+
 .h-\[70px\] {
   height: 70px;
 }
@@ -1034,14 +1038,6 @@ video {
   overflow: hidden;
 }
 
-.overflow-y-scroll {
-  overflow-y: scroll;
-}
-
-.scroll-smooth {
-  scroll-behavior: smooth;
-}
-
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1362,6 +1358,11 @@ video {
   color: rgb(255 199 0 / var(--tw-text-opacity));
 }
 
+.text-\[\#FFCD29\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 205 41 / var(--tw-text-opacity));
+}
+
 .text-\[\#FFDD50\] {
   --tw-text-opacity: 1;
   color: rgb(255 221 80 / var(--tw-text-opacity));
@@ -1382,15 +1383,21 @@ video {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-.text-indigo-100\/75 {
-  color: rgb(224 231 255 / 0.75);
-}
-
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity));
+}
+
+.text-\[\#DAA520\] {
+  --tw-text-opacity: 1;
+  color: rgb(218 165 32 / var(--tw-text-opacity));
+}
+
 .opacity-100 {
   opacity: 1;
 }

index.html

@@ -261,7 +261,7 @@
     </p>
   </section>
 
-  <section class="h-[243px] w-full bg-[#111111] flex items-center justify-center">
+  <section class="h-[313px] w-full bg-[#111111] flex items-center justify-center  mt-8">
     <div class="h-[54%] w-1/2 flex items-center justify-center flex-col gap-8">
       <div class="w-full h-1/2 flex items-center justify-center gap-8">
         <div class="w-[66px] h-[66px] bg-white flex items-center justify-center rounded-full"><a href="#" target="_blank"><img src="../assets/socialmedia/instagram.svg" alt="instagram"></a></div>
@@ -284,10 +284,11 @@
       </div>
     </div>
   </section>
+  <section class="h-[70px] w-full bg-black flex items-center justify-center">
+    <p class="bg-black text-white text-center">Copyright© Software Freedom Day 2024 x Nepal Open Source Club</p>
+  </section> 
 
-  <!-- <section class="h-[70px] w-full">
-    <p class="bg-black text-white">Copyright© Software Freedom Day 2024 x Nepal Open Source Club;</p>
-  </section> -->
+
 
 
   <script src="/js/navbar.js"></script>

js/schedule.js

@@ -18,7 +18,7 @@ document.addEventListener("DOMContentLoaded", () => {
                             <p class="text-gray-400 text-sm">${event.speaker.title}</p>
                         </div>
                     </div>
-                    <span class="absolute text-sm text-indigo-100/75 -top-5 left-2 whitespace-nowrap">${event.date}</span>
+                    <span class="absolute text-sm text-[#DAA520] -top-5 left-2 whitespace-nowrap">${event.date}</span>
                 </div>
             `;
 

pages/itinerary.html

@@ -14,7 +14,7 @@
 #schedule {
     position: relative;
     display: grid;
-    grid-template-columns: repeat(12, 1fr);
+    grid-template-columns: repeat(11, 1fr);
     gap: 1rem;
     padding: 2rem 0;
     max-width: 1200px;
@@ -200,11 +200,11 @@ <h1 class="text-4xl font-bold">Event Activities</h1>
         </div>
     </section>
 
-    <section id="schedule" class="relative">
 
-        <!-- Event entries will be dynamically inserted here -->
+        <section id="schedule" class="relative">
+            <!-- Event entries will be dynamically inserted here -->
+        </section>
 
-    </section>
 
     <div class="text-center mb-8">
         <a href="#" class="btn btn-register-now">Register Now</a>