fixes #121 : Alumni Page

Bitshala · Feb 19, 2024 · 966d681 · 966d681
1 parent 3adb183
commit 966d681
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 23 deletions.
diff --git a/src/components/alumni/AlumniList.astro b/src/components/alumni/AlumniList.astro
@@ -0,0 +1,15 @@
+<div class="l my-32 text-center">
+  <h1
+    class="font-header text-5xl font-bold md:text-6xl lg:text-9xl"
+  >
+    Our Alumni
+  </h1>
+  <p class="my-6 font-semibold text-orange lg:text-2xl">
+    Empowered by Excellence
+  </p>
+  <p class="text-lg lg:text-2xl">
+    Bitshala takes immense pride in our alumni network, a
+    vibrant community of professionals who are ready to make
+    significant strides across various fields.
+  </p>
+</div>
diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
@@ -1,12 +1,7 @@
 import { useState } from "react";
 import SlidingPane from "react-sliding-pane";
 import "./sliding-pane.css";
-import {
-  FaTwitter,
-  FaGithub,
-  FaYoutube,
-  FaLinkedin,
-} from "react-icons/fa";
+import { FaTwitter, FaGithub, FaYoutube, FaLinkedin } from "react-icons/fa";
 
 const Hamburger = () => {
   const [open, setOpen] = useState(false);
@@ -81,41 +76,35 @@ const SideMenu = () => {
       url: "/talks",
       desc: "Learn about Bitcoin through insightful conversations",
     },
+    {
+      name: "Alumni",
+      url: "/alumni",
+      desc: "A List of Our Alumni",
+    },
     {
       name: "Join our Discord !",
       url: "https://discord.com/invite/STeQFVEWf9",
       tar: "_blank",
-      desc: "Join our Discord and be a part of the biggest technical bitcoin community",
+      desc:
+        "Join our Discord and be a part of the biggest technical bitcoin community",
     },
   ];
   return (
     <div className="flex h-full w-full flex-col pb-[10%] pt-16">
       <div className="mb-7 flex">
         <hr className="my-10 w-1/3 border-0 bg-orange outline outline-orange" />
         <div className="my-6 hidden gap-4 px-10 lg:flex">
-          <a
-            href="https://twitter.com/bitshala_org"
-            target="_blank"
-          >
+          <a href="https://twitter.com/bitshala_org" target="_blank">
             <FaTwitter className="text-4xl text-white hover:text-[#1DA1F2]" />
           </a>
-          <a
-            href="https://github.com/bitshala"
-            target="_blank"
-          >
+          <a href="https://github.com/bitshala" target="_blank">
             <FaGithub className="text-4xl text-white hover:rounded-full hover:bg-[black] hover:invert" />
           </a>
-          <a
-            href="https://www.youtube.com/@bitshala/videos"
-            target="_blank"
-          >
+          <a href="https://www.youtube.com/@bitshala/videos" target="_blank">
             <FaYoutube className="text-4xl text-white hover:text-[#CD201F]" />
           </a>
 
-          <a
-            href="https://www.linkedin.com/company/bitshala"
-            target="_blank"
-          >
+          <a href="https://www.linkedin.com/company/bitshala" target="_blank">
             <FaLinkedin className="text-4xl text-white hover:text-[#0077b5]" />
           </a>
         </div>

diff --git a/src/pages/alumni.astro b/src/pages/alumni.astro
@@ -0,0 +1,16 @@
+---
+import Carousel from "../components/common/Carousel";
+import Layout from "../layouts/Layout.astro";
+import Footer from "../components/common/Footer.astro";
+import AlumniList from "../components/alumni/AlumniList.astro";
+---
+
+---
+<Layout
+  title="Bitshala | A Pathshala for Bitcoin | India, Global South"
+  headerProps={{
+    removeHeader: true,
+  }}
+>
+  <AlumniList />
+</Layout>