Merge pull request #178 from Bitshala/badge_and_dates

fixes #176 : added new posters, badges and dates for the cohort

src/components/bitspace/About.astro

@@ -39,7 +39,7 @@
     Bangalore, a vibrant tech community area.
   </p>
 
-  <div class="mt-12">
+  <!-- <div class="mt-12">
     <iframe
       src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3802.348862994911!2d77.63254261495335!3d12.91136858953866!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae157e8a14f63f%3A0x4b5aa9c60d80cae7!2sOlsen+Sector+7!5e0!3m2!1sen!2sin!4v1688338541595!5m2!1sen!2sin"
       width="100%"
@@ -48,5 +48,5 @@
       class="rounded-xl"
       allowfullscreen
       loading="lazy"></iframe>
-  </div>
+  </div> -->
 </div>

src/components/cohort/CohortCard.astro

@@ -2,27 +2,31 @@
 const cardsList = [
   {
     name: "Mastering Bitcoin by Andreas M. ",
-    img: "/cohort/masteringBitcoin.webp",
+    img: "/cohort/mb.webp",
     desc: "Mastering Bitcoin, a foundational tutorial, provides in-depth insights into Bitcoin and its applications, equipping participants with a robust understanding.",
     url: "/cohorts/mb",
+    status: "Ongoing",
   },
   {
     name: "Learning Bitcoin From Command Line",
     img: "/cohort/lbtcl.webp",
     desc: "Learning Bitcoin via CLI is a comprehensive tutorial series that teaches you how to use Bitcoin Core through the command line.",
     url: "/cohorts/lbtcl",
+    status: "Coming Soon",
   },
   {
     name: "Bitcoin Protocol Development",
     img: "/cohort/bpd.webp",
     desc: "BPD delves into the core protocols, offering a deeper theoretical understanding of Bitcoin's technical intricacies, enabling you to contribute to protocol development.",
     url: "/cohorts/bpd",
+    status: "Coming Soon",
   },
   {
     name: "Programming Bitcoin by Jimmy Song",
-    img: "/cohort/programmingBitcoin.webp",
+    img: "/cohort/pb.webp",
     desc: "Programming Bitcoin, a comprehensive tutorial on Bitcoin Core, unlocks the intricacies of Bitcoin development.",
     url: "/cohorts/pb",
+    status: "Coming Soon",
   },
 ];
 ---
@@ -37,10 +41,17 @@ const cardsList = [
           index % 2 == 0 ? "bg-orange" : "bg-black"
         } my-2  p-3 text-white`}
       >
-        <img
-          src={card.img}
-          class=" w-fit rounded-lg bg-white "
-        />
+        <div style={{ position: "relative" }}>
+          <img
+            src={card.img}
+            class="w-fit rounded-lg bg-white"
+          />
+          <p
+            class="absolute right-2 top-2 rounded-lg bg-[#cc0808] px-3 py-1 text-sm font-bold text-white"
+          >
+            {card.status}
+          </p>
+        </div>
         <p class=" text-sm lg:text-xl">
           cohort #0{index + 1}
         </p>

src/components/cohortPages/mb/About.astro

@@ -33,11 +33,16 @@ const takeaways = [
 
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="mb-3 mt-8 font-header text-3xl md:text-6xl lg:text-6xl"
     id="about_us"
   >
-    Mastering Bitcoin Study Cohort
+    Mastering Bitcoin
   </h1>
+  <h3 class="mb-5 font-header text-xl lg:text-3xl">
+    Cohort Kicking off on <span class="text-orange"
+      >April, 2025</span
+    >
+  </h3>
   <p class="font-base text-base md:text-lg lg:text-2xl">
     <span class="font-bold text-orange">What is it?</span>
      It's a comprehensive, structured learning adventure

src/components/common/Carousel.jsx

@@ -1,7 +1,7 @@
 // import { useState } from "react";
 const slides = [
   {
-    url: "/cohort/masteringBitcoin.webp",
+    url: "/cohort/mb.webp",
     title: "Bitcoin Study Cohorts",
     content:
       "You, with fellow learners collectively explore selected texts over several weeks in a structured self-study format. You gain hands-on experience and in-depth insights into Bitcoin’s technical aspects. And also receive certificates to celebrate your wins!",

src/pages/cohorts/bpd.astro

@@ -45,8 +45,13 @@ const isVisible = true;
   >
     <div slot="text">
       <h1 class="my-2 font-header text-2xl lg:text-5xl">
-        Bitcoin Protocol Development Study Cohort
+        Bitcoin Protocol Development
       </h1>
+      <h3 class="mb-5 font-header text-xl lg:text-3xl">
+        Cohort Kicking off on <span class="text-orange"
+          >November, 2024</span
+        >
+      </h3>
       <p class="lg:text-xl">
         Designed by Chaincode, the <a
           class="font-bold text-orange underline"

src/pages/cohorts/lbtcl.astro

@@ -54,6 +54,11 @@ const isVisible = true;
       <h1 class="my-2 font-header text-2xl lg:text-5xl">
         Learning Bitcoin via Command Line Interface
       </h1>
+      <h3 class="mb-5 font-header text-xl lg:text-3xl">
+        Cohort Kicking off in <span class="text-orange"
+          >6th September, 2024</span
+        >
+      </h3>
       <p class="lg:text-xl">
         Learning Bitcoin from the Command Line is a
         comprehensive tutorial series that teaches you how

src/pages/cohorts/mb.astro

@@ -22,7 +22,7 @@ const isVisible = false;
   headerProps={headerProps}
   isVisible={isVisible}
 >
-  <CohortHeader img="/cohort/masteringBitcoin.webp" />
+  <CohortHeader img="/cohort/mb.webp" />
 
   <About />
   <CohortDetails

src/pages/cohorts/pb.astro

@@ -22,7 +22,7 @@ const isVisible = true;
   headerProps={headerProps}
   isVisible={isVisible}
 >
-  <CohortHeader img="/cohort/programmingBitcoin.webp" />
+  <CohortHeader img="/cohort/pb.webp" />
   <Description
     takeaways={[
       {
@@ -41,8 +41,13 @@ const isVisible = true;
   >
     <div slot="text">
       <h1 class="my-2 font-header text-2xl lg:text-5xl">
-        Programming Bitcoin Study Cohort
+        Programming Bitcoin
       </h1>
+      <h3 class="mb-5 font-header text-xl lg:text-3xl">
+        Cohort Kicking off on <span class="text-orange"
+          >January, 2025</span
+        >
+      </h3>
       <p class="lg:text-xl">
         Programming Bitcoin, is an in-depth tutorial on
         Bitcoin Core, unveils the intricacies of Bitcoin