Merge pull request #190 from Bitshala/homepage

Homepage

src/components/apprenticeship/About.astro

@@ -1,6 +1,6 @@
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     About the Fellowship

src/components/apprenticeship/Apply.jsx

@@ -317,17 +317,19 @@ const Apply = () => {
   const handleDevSubmit = async (e) => {
     e.preventDefault();
     let data = devFormData;
-    data.employmentStatus = devFormData.employmentStatus.toString();
+    data.employmentStatus =
+      devFormData.employmentStatus.toString();
     data.interest = devFormData.interest.toString();
-    data.lookingForFullTime = devFormData.lookingForFullTime.toString();
+    data.lookingForFullTime =
+      devFormData.lookingForFullTime.toString();
     data.education = devFormData.education.toString();
-    data.contributions = devFormData.contributions.toString();
+    data.contributions =
+      devFormData.contributions.toString();
     try {
-      await axios.post("https://bot.bitshala.org/devform", data).then(
-        (res) => {
-          console.log(res);
-        }
-      )
+      await axios.post(
+        "https://bot.bitshala.org/devform",
+        data,
+      );
       setSubmitted(true);
       const focusElement = document.getElementById("focus");
       focusElement.focus();
@@ -339,15 +341,16 @@ const Apply = () => {
   const handleEduSubmit = async (e) => {
     e.preventDefault();
     let eduData = eduFormData;
-    eduData.lookingForFullTime = eduFormData.lookingForFullTime.toString();
-    eduData.employmentStatus = eduFormData.employmentStatus.toString();
+    eduData.lookingForFullTime =
+      eduFormData.lookingForFullTime.toString();
+    eduData.employmentStatus =
+      eduFormData.employmentStatus.toString();
     eduData.education = eduFormData.education.toString();
     try {
-      await axios.post("https://bot.bitshala.org/eduform", eduFormData).then(
-        (res) => {
-          console.log(res);
-        }
-      )
+      await axios.post(
+        "https://bot.bitshala.org/eduform",
+        eduFormData,
+      );
       setSubmitted(true);
       const focusElement = document.getElementById("focus");
       focusElement.focus();
@@ -360,18 +363,18 @@ const Apply = () => {
     <div>
       {submitted ? (
         <div className="flex items-center justify-center">
-          <h3 className=" text-center font-header text-3xl font-bold lg:text-7xl">
+          <h3 className=" text-center font-header text-3xl font-bold  lg:text-7xl">
             <span className="px-2 text-orange">
               Successfully
-            </span>{" "}
+            </span>
             registered for the Fellowship
           </h3>
         </div>
       ) : (
         <div>
           <input id="focus" className="h-0 w-0" />
           <div className="flex items-center justify-center">
-            <h1 className=" text-center font-header text-3xl font-bold lg:text-7xl">
+            <h1 className=" text-center font-header text-3xl font-bold  lg:text-7xl">
               <span className="text-orange">
                 Apply&nbsp;
               </span>

src/components/apprenticeship/CatalystInitiative.astro

@@ -37,7 +37,7 @@ const list = [
 
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     Explore Our Education Programs
@@ -60,14 +60,15 @@ const list = [
             class="rounded-2xl"
           />
           <div class=" flex w-full flex-col font-medium lg:p-5">
-            <div class="font-header text-3xl font-bold">
+            <div class="font-header text-3xl font-bold ">
               {item.name}
             </div>
 
             <div class="mt-3 text-xl">
-              {" "}
-              Hosted By :{" "}
-              <span class="font-header">{item.leadBy}</span>
+              Hosted By :
+              <span class="font-header font-bold">
+                {item.leadBy}
+              </span>
             </div>
             <div class=" mt-4 text-lg ">{item.desc}</div>
           </div>

src/components/apprenticeship/DevProjects.astro

@@ -50,7 +50,7 @@ const list = [
 
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     Explore Dev Projects
@@ -74,7 +74,7 @@ const list = [
                   srcset={item.logo}
                   class="m-8 h-16  rounded-full  "
                 />
-                <div class="font-header text-xl font-bold lg:text-3xl">
+                <div class="font-header text-xl font-bold  lg:text-3xl">
                   {item.name}
                 </div>
               </div>

src/components/apprenticeship/OurApprentices.astro

@@ -49,7 +49,7 @@ const educators = [
 
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     Our Fellows
@@ -75,7 +75,7 @@ const educators = [
           />
           <div class="p-3 lg:mx-5 lg:mt-8">
             <div class="flex justify-between">
-              <p class="font-header text-xl font-bold lg:text-5xl">
+              <p class="font-header text-xl font-bold  lg:text-5xl">
                 {apprentice.name}
               </p>
 
@@ -132,7 +132,7 @@ const educators = [
           />
           <div class="p-3 lg:mx-5 lg:mt-8">
             <div class="flex justify-between">
-              <p class="font-header text-xl font-bold lg:text-5xl">
+              <p class="font-header text-xl font-bold  lg:text-5xl">
                 {educator.name}
               </p>
               <div class="flex ">

src/components/bitspace/About.astro

@@ -1,6 +1,6 @@
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     About the space

src/components/bitspace/CollabWithUs.astro

@@ -1,7 +1,9 @@
 <div class="lg:p-8">
   <h1
+
     class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
     id="contact_us"
+
   >
     Collaborate with us
   </h1>

src/components/bitspace/JoinTheSpace.astro

@@ -1,6 +1,6 @@
 <div class="lg:p-8">
   <h1
-    class="mt-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="mt-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     Join the space

src/components/bitspace/PreviousEvents.astro

@@ -45,7 +45,7 @@ const list = [
 
 <div class="lg:p-8">
   <h1
-    class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+    class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
     id="about_us"
   >
     Previous Events
@@ -66,7 +66,7 @@ const list = [
             />
             <div class=" lg:mx-5 lg:mt-2">
               <div class="flex justify-between">
-                <p class="font-header text-xl font-bold lg:text-4xl">
+                <p class="font-header text-xl font-bold  lg:text-4xl">
                   {item.name}
                 </p>
 
@@ -81,8 +81,7 @@ const list = [
                   </a>
                 </div>
               </div>
-              <p class="mx-1 font-header text-sm font-thin lg:text-xl">
-                {" "}
+              <p class="mx-1 font-header text-sm font-bold lg:text-xl">
                 {item.date}
               </p>
 

src/components/bitspace/UpcomingEvents.astro

@@ -14,7 +14,7 @@ const list = [
 <div>
   <div class="lg:p-8">
     <h1
-      class="my-8 font-header text-3xl md:text-6xl lg:text-6xl"
+      class="my-8 font-header text-3xl font-bold md:text-6xl lg:text-6xl"
       id="about_us"
     >
       Upcoming Events at Bitspace
@@ -37,7 +37,7 @@ const list = [
                 />
                 <div class=" lg:mx-5 lg:mt-2">
                   <div class="flex justify-between">
-                    <p class="font-header text-xl font-bold lg:text-4xl">
+                    <p class="font-header text-xl font-bold  lg:text-4xl">
                       {item.name}
                     </p>
 
@@ -51,8 +51,7 @@ const list = [
                       </a>
                     </div>
                   </div>
-                  <p class="mx-1 font-header text-sm font-thin lg:text-xl">
-                    {" "}
+                  <p class="mx-1 font-header text-sm font-bold lg:text-xl">
                     {item.date}
                   </p>
 
@@ -63,13 +62,13 @@ const list = [
               </div>
             ) : (
               <div class="my-8 items-center rounded-xl border-2 border-[#f0f0f0] p-5 text-center lg:py-12">
-                <h1 class="mb-5 font-header text-3xl text-orange lg:text-5xl">
+                <h1 class="mb-5 font-header text-3xl font-bold text-orange lg:text-5xl">
                   Currently, we’re finalizing the details
                   for the next events
                 </h1>
                 <p class="text-md lg:text-2xl">
                   So come check this page again later or
-                  follow us on{" "}
+                  follow us on
                   <a
                     class="text-orange underline"
                     href="https://x.com/bitshala"

src/components/bitspace/gallery.jsx

@@ -1,15 +1,14 @@
 import { useState } from "react";
 const images = [
-  '/bitspace/Gallery/1.webp',
-  '/bitspace/Gallery/2.webp',
-  '/bitspace/Gallery/3.webp',
-  '/bitspace/Gallery/4.webp',
-  '/bitspace/Gallery/5.webp',
-  '/bitspace/Gallery/6.webp',
-  '/bitspace/Gallery/7.webp',
-  '/bitspace/Gallery/8.webp',
-  '/bitspace/Gallery/9.webp',
-
+  "/bitspace/Gallery/1.webp",
+  "/bitspace/Gallery/2.webp",
+  "/bitspace/Gallery/3.webp",
+  "/bitspace/Gallery/4.webp",
+  "/bitspace/Gallery/5.webp",
+  "/bitspace/Gallery/6.webp",
+  "/bitspace/Gallery/7.webp",
+  "/bitspace/Gallery/8.webp",
+  "/bitspace/Gallery/9.webp",
 ];
 
 const Gallery = () => {
@@ -26,18 +25,21 @@ const Gallery = () => {
   return (
     <div>
       <div>
-        <h1 className="text-5xl mt-10 mb-5 font-header">See us in action</h1>
+        <h1 className="mb-5 mt-10 font-header text-5xl font-bold">
+          See us in action
+        </h1>
         <p className="text-xl">
-          A picture's worth a thousand words, right? Browse our previous meetups
-          gallery to get a feel for what our meetups are like.
+          A picture's worth a thousand words, right? Browse
+          our previous meetups gallery to get a feel for
+          what our meetups are like.
         </p>
       </div>
-      <div className="grid grid-cols-2 md:grid-cols-3 w-full gap-3 my-10">
+      <div className="my-10 grid w-full grid-cols-2 gap-3 md:grid-cols-3">
         {images.slice(0, visible).map((image, index) => {
           return (
             <img
               key={index}
-              className="rounded-lg h-24 md:h-44 lg:h-64 w-full"
+              className="h-24 w-full rounded-lg md:h-44 lg:h-64"
               src={image}
               alt={`Image ${index}`}
               loading="lazy"
@@ -48,7 +50,7 @@ const Gallery = () => {
       <button
         onClick={loadMore}
         disabled={disabled}
-        className={`text-center w-full underline  items-center ${
+        className={`w-full items-center text-center  underline ${
           disabled ? "hidden" : ""
         }`}
       >

src/components/cohort/Checkerboard.astro

@@ -4,7 +4,9 @@
       class="flex flex-col items-center justify-center bg-peach p-5 xl:w-1/2 xl:p-10"
     >
       <span class="text-orange"></span>
-      <h1 class="font-header text-3xl xl:text-6xl">
+      <h1
+        class="font-header text-3xl font-bold xl:text-6xl"
+      >
         Live cohorts with <span class="text-orange"
           >like-minded bitcoiners</span
         >
@@ -39,7 +41,9 @@
     <div
       class="flex flex-col items-center justify-center bg-peach p-5 xl:w-1/2 xl:p-10"
     >
-      <h1 class="font-header text-3xl xl:text-6xl">
+      <h1
+        class="font-header text-3xl font-bold xl:text-6xl"
+      >
         Guided but focussed on <span class="text-orange"
           >self-study</span
         >
@@ -56,7 +60,9 @@
     <div
       class="my-5 flex flex-col items-center justify-center bg-peach p-5 xl:my-0 xl:w-1/2 xl:p-10"
     >
-      <h1 class="font-header text-3xl xl:text-6xl">
+      <h1
+        class="font-header text-3xl font-bold xl:text-6xl"
+      >
         Work at <span class="text-orange">
           Bitcoin FOSS
         </span> or ventures

src/components/cohort/CollapseList.tsx

@@ -22,7 +22,7 @@ export const CollapseList = ({
   };
   return (
     <>
-      <div className="mb-12 mt-6 text-5xl font-header font-bold">
+      <div className="mb-12 mt-6 font-header text-5xl font-bold ">
         {header}
       </div>
       <hr className="mb-8 border-spacing-12 border-dashed" />
@@ -31,7 +31,7 @@ export const CollapseList = ({
           return (
             <li key={el.q} className="text-2xl">
               <button
-                className="group flex h-full w-full font-semibold items-center justify-between p-4 hover:text-orange"
+                className="group flex h-full w-full items-center justify-between p-4 font-semibold hover:text-orange"
                 onClick={() => handleElementClick(index)}
               >
                 {el.q}

src/components/cohortPages/CohortDetails.astro

@@ -28,7 +28,7 @@ const { format } = Astro.props;
         {
           format.map((item) => (
             <div>
-              <h2 class="font-header text-xl font-bold lg:text-2xl">
+              <h2 class="font-header text-xl font-bold  lg:text-2xl">
                 {item.name}
               </h2>
               <p class="lg:text-lg">{item.desc}</p>