Merge pull request codebar#13 from AroraXD/main

Updated dates, links and logo for 2025

Author: AroraXD

css/output.css

@@ -699,6 +699,10 @@ video {
   max-height: 7rem;
 }
 
+.max-h-52 {
+  max-height: 13rem;
+}
+
 .w-10 {
   width: 2.5rem;
 }
@@ -1133,6 +1137,11 @@ video {
   color: rgb(241 245 249 / var(--tw-text-opacity));
 }
 
+.text-violet-50 {
+  --tw-text-opacity: 1;
+  color: rgb(245 243 255 / var(--tw-text-opacity));
+}
+
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1428,6 +1437,10 @@ html {
     display: none;
   }
 
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
   .md\:w-2\/4 {
     width: 50%;
   }

images/Uncodebar-11-Logo.png

@@ -19,14 +19,14 @@
   <!-- twitter -->
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:site" content="@codebar" />
-  <meta name="twitter:title" content="uncodebar 2024 | Saturday 21st September" />
+  <meta name="twitter:title" content="uncodebar 2025 | Saturday 25th October" />
   <meta name="twitter:description"
     content="uncodebar is codebar's annual unconference. It's a day where our community comes together, shares knowledge, and strengthens the community that supports our workshops." />
   <meta name="twitter:image" content="./images/social-banner.png" />
 
   <!-- fb, linkedin, etc -->
   <meta property="og:type" content="article" />
-  <meta property="og:title" content="uncodebar 2024 | Saturday 21st September" />
+  <meta property="og:title" content="uncodebar 2025 | Saturday 25th October" />
   <meta property="og:description"
     content="uncodebar is codebar's annual unconference. It's a day where our community comes together, shares knowledge, and strengthens the community that supports our workshops." />
   <meta property="og:url" content="https://uncodebar.com" />
@@ -40,7 +40,7 @@
       <nav class="bg-gray-800 m-0 w-full border-b border-gray-800 dark:border-gray-700">
         <div class="top-40 md:dark:bg-gray-800 max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
           <a id="top" href="#">
-            <img src="images/uncodebar-10-white-logo.svg" alt="The logo of Uncodebar" class="w-40" />
+            <img src="images/Uncodebar-11-Logo.png" alt="The logo of Uncodebar" class="w-40" />
           </a>
           <button data-collapse-toggle="navbar-dropdown" type="button"
             class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
@@ -75,6 +75,7 @@
                 <a href="#faqs"
                   class="block py-2 pl-3 pr-4 text-white rounded md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">FAQs</a>
               </li>
+              <!--
               <li class="lg:hidden">
                 <button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar"
                   class="flex items-center justify-between w-full py-2 pl-3 pr-4 rounded  md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:w-auto text-white md:dark:hover:text-blue-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent">Choose
@@ -84,8 +85,10 @@
                       d="m1 1 4 4 4-4" />
                   </svg>
                 </button>
+              -->
 
                 <!-- Dropdown menu -->
+               <!-- <li>
                <div id="dropdownNavbar"
                   class="z-10 hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
                   <ul class="py-2 text-sm text-gray-700 dark:text-gray-400" aria-labelledby="dropdownLargeButton">
@@ -97,23 +100,23 @@
                       <a href="./barcelona.html"
                         class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Barcelona</a>
                     </li>
-                    <!-- <li>
                       <a href="./scotland.html"
                         class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Scotland</a>
-                    </li> -->
+               </li> -->
                   </ul>
                 </div>
               </li>
             </ul>
           </div>
-
+          <!--
           <div class="hidden lg:flex">
             <ul class="flex flex-wrap gap-5 text-xs border-solid border-2 border-white p-2">
               <li class="text-blue-300 hover:text-blue-500"><a href="./index.html">London</a></li>
               <li class="text-white hover:text-gray-400"><a href="./barcelona.html">Barcelona</a></li>
-              <!-- <li class="text-white hover:text-gray-400"><a href="./scotland.html">Scotland</a></li> -->
+              <li class="text-white hover:text-gray-400"><a href="./scotland.html">Scotland</a></li>
             </ul>
           </div>
+        -->
         </div>
       </nav>
     </section>
@@ -128,22 +131,26 @@
             <span class="font-semibold text-xs lg:text-lg">&#8964;</span>
           </div>
           <div class="flex flex-col gap-5">
-            <h1 class="lg:text-5xl text-2xl font-semibold">uncodebar 2024</h1>
-            <h2 class="lg:text-2xl text-xl">Saturday 21st September | 10:00 - 17:30 BST</h2>
+            <h1 class="lg:text-5xl text-2xl font-semibold">uncodebar 2025</h1>
+            <h2 class="lg:text-2xl text-xl">Saturday 25th October | 10:00 - 17:30 BST</h2>
           </div>
           <p class="lg:text-lg text-sm font-semibold">
-            Now in the TENTH year, uncodebar, the codebar unconference is
+            Now in the ELEVENTH year, uncodebar, the codebar unconference is
             back! Our annual one-day conference that encourages the codebar
             community to come together, share knowledge, and strengthen the
             community that supports our workshops.
           </p>
-          <p class="lg:text-lg text-sm font-semibold">uncodebar London 2024 has now happened! A huge thank you to everyone who attended</p>
-          <!-- <button
-              class="bg-gradient-to-tr from-button_blue to-button_blue_ p-5 w-max rounded-full text-white border-none"
-              type="submit"
-            >
-              GET YOUR TICKETS!
-            </button> -->
+          <!--
+          <p class="lg:text-lg text-sm font-semibold">uncodebar London 2025 has now happened! A huge thank you to everyone who attended</p>
+           -->
+           <a href="https://ti.to/codebar/uncodebar-11">
+              <button
+                class="bg-gradient-to-tr from-button_blue to-button_blue_ p-5 w-max rounded-full text-white border-none"
+                type="submit"
+              >
+                GET YOUR TICKETS!
+              </button>
+           </a>
         </div>
 
         <div class="lg:w-2/4 flex w-screen">
@@ -261,7 +268,7 @@ <h2 class="lg:text-5xl text-2xl font-semibold">uncodebar highlights</h2>
         </button> -->
 
     </section>
-
+    <!--
     <section id="sponsor" class="flex flex-col justify-center items-center text-center lg:p-20 p-10">
       <h2 class="lg:text-5xl text-3xl font-semibold mb-4">Meet our partners</h2>
       <p class="font-medium">We are excited to partner with some amazing companies <br/> as we champion
@@ -275,7 +282,7 @@ <h2 class="lg:text-5xl text-3xl font-semibold mb-4">Meet our partners</h2>
         <a href="https://www.travelperk.com/" target="_blank"><img src="images/travelperk-logo.jpeg" alt="TravelPerk logo"></a>
       </div>
     </section>
-
+  -->
     <section class="flex flex-wrap">
       <div class="md:w-2/4 md:flex w-screen md:flex-col">
         <img src="images/uncodebar-speaker-shot.jpg" class="" alt="Pink speech marks">
@@ -302,13 +309,13 @@ <h3 class="text-3xl font-bold mb-6">Join us as a sponsor this year!</h3>
       </div>
     </section>
 
+    <!--
     <section id="locations" class="bg-main_blue flex flex-col gap-10 sm:gap-0">
-      <div class="lg:pt-20 pt-10 lg:pl-20 pl-10 text-white flex flex-col gap-5">
+      <div class="lg:pt-20 pt-10 pb-10 lg:pl-20 pl-10 text-white flex flex-col gap-5">
         <h2 class="lg:text-5xl text-2xl">Our locations</h2>
         <p class="lg:text-xl text-sm">uncodebar happens in <strong>other locations </strong> too - London, Glasgow & Barcelona.
         </p>
       </div>
-
       <div class="flex flex-col relative items-end justify-end sm:flex-row sm:top-20">
         <div
           class="max-w-lg p-10 lg:p-20 flex flex-col text-center text-main_blue font-semibold justify-center items-center lg:gap-10 gap-7 bg-main_yellow ">
@@ -319,7 +326,8 @@ <h3 class="text-2xl">Barcelona</h3>
             class="bg-gradient-to-tr from-button_blue to-button_blue_ py-5 px-9 rounded-full text-white">VISIT
             BARCELONA</a>
         </div>
-
+        -->
+        
         <!-- <div
           class="max-w-lg p-10 lg:p-20 flex flex-col text-center justify-center items-center lg:gap-10 gap-7  text-main_blue font-semibold bg-turquoise">
           <h3 class="text-2xl">Scotland</h3>
@@ -332,7 +340,7 @@ <h3 class="text-2xl">Scotland</h3>
       </div>
     </section>
 
-    <section id="faqs" class="mt-0 h-full">
+    <section id="faqs" class="mt-0 h-full bg-light_pink">
       <div class="flex flex-col gap-5 p-10 lg:p-20">
         <h2 class="lg:text-5xl text-3xl font-semibold">Frequently Asked Questions</h2>