diff --git a/public/about/path.png b/public/about/path.png new file mode 100644 index 00000000..0e556442 Binary files /dev/null and b/public/about/path.png differ diff --git a/src/assets/about/blabla-conf.png b/src/assets/about/blabla-conf.png new file mode 100644 index 00000000..89838b22 Binary files /dev/null and b/src/assets/about/blabla-conf.png differ diff --git a/src/assets/about/devc-1.png b/src/assets/about/devc-1.png new file mode 100644 index 00000000..519ab53e Binary files /dev/null and b/src/assets/about/devc-1.png differ diff --git a/src/assets/about/episode-100.png b/src/assets/about/episode-100.png new file mode 100644 index 00000000..95748e90 Binary files /dev/null and b/src/assets/about/episode-100.png differ diff --git a/src/assets/about/geeksblabla-community.png b/src/assets/about/geeksblabla-community.png new file mode 100644 index 00000000..72d1936f Binary files /dev/null and b/src/assets/about/geeksblabla-community.png differ diff --git a/src/assets/about/geeksblabla-ngo.png b/src/assets/about/geeksblabla-ngo.png new file mode 100644 index 00000000..cd26c3dd Binary files /dev/null and b/src/assets/about/geeksblabla-ngo.png differ diff --git a/src/assets/about/geeksblabla-podcast-birth.png b/src/assets/about/geeksblabla-podcast-birth.png new file mode 100644 index 00000000..cf8d1de9 Binary files /dev/null and b/src/assets/about/geeksblabla-podcast-birth.png differ diff --git a/src/assets/about/whats-next.png b/src/assets/about/whats-next.png new file mode 100644 index 00000000..ea082cc5 Binary files /dev/null and b/src/assets/about/whats-next.png differ diff --git a/src/components/about/our-story.astro b/src/components/about/our-story.astro new file mode 100644 index 00000000..96db42ad --- /dev/null +++ b/src/components/about/our-story.astro @@ -0,0 +1,92 @@ +--- +import TimelineItem, { type TimelineItemType } from "./timeline-item.astro"; +import devCImage from "@/assets/about/devc-1.png"; +import geeksBlablaPodcastBirthImage from "@/assets/about/geeksblabla-podcast-birth.png"; +import geeksblablaCommunityImage from "@/assets/about/geeksblabla-community.png"; +import blablaConfImage from "@/assets/about/blabla-conf.png"; +import episode100Image from "@/assets/about/episode-100.png"; +import geeksblablaNGOImage from "@/assets/about/geeksblabla-ngo.png"; +import whatsnextImage from "@/assets/about/whats-next.png"; +import { Icon } from "astro-icon/components"; + +const timelineItems: Array = [ + { + title: "DevC Casa is born", + date: "Jan 2017", + description: + "The Facebook Developer Circles program is a community-driven initiative designed to foster collaboration and knowledge-sharing among developers worldwide.

Developer Circles Casablanca was one of the few communities launched with the aim to provide a platform for Moroccan developers to connect locally, learn new skills, collaborate on projects, and advance their careers through workshops, meetups, and online forums. DevC Casa had great success and was one the largest and most active groups globally. A success that led to the creation of 2 other DevCs in Rabat and Marrakech.", + image: devCImage, + }, + { + title: "Geeksblabla, as a DevC Casa podcast", + date: "May 2018", + description: + "Within DevC Casablanca, we ignite a passion for learning, foster vibrant knowledge exchange, and strengthen our community bonds. Our transformative journey took an exciting turn with the launch of GeeksBlabla, a groundbreaking podcast.

It was more than just a virtual gathering—it became a symbol for deep, meaningful conversations within the IT field during the sacred nights of Ramadan. Little did we anticipate the incredible journey that would unfold from this humble beginning.", + image: geeksBlablaPodcastBirthImage, + }, + { + title: "Geeksblabla, the community", + date: "July 2019", + description: + "It's incredible to think that what began as a four-episode podcast during the Ramadan nights of 2018 has blossomed into a vast library of hundreds of videos on YouTube and Facebook, covering all facets of IT in Moroccan Darija.

As interest from our community grew, so did the frequency of our gatherings, from monthly to bi-weekly, and finally weekly. The evolution of Geeksblabla into its own thriving community outside of DevC Casablanca was a testament to its impact and the passion of our audience.", + image: geeksblablaCommunityImage, + }, + { + title: "Blabla Conf", + date: "Oct 2020", + description: + "In 2020, as the world faced closures and Morocco was no exception, our community adapted swiftly. With in-person gatherings halted, virtual meetups were the lifeline.

Geeksblabla, already virtual from its inception, continued to host its weekly rendez-vous, providing a constant source of connection during challenging times. Sensing the need for a boost in morale, we launched BlaBlaConf - a bold new initiative aimed at serving an even larger audience. Over five days of intense learning, knowledge sharing and fun, BlaBlaConf emerged as a source of inspiration and solidarity within our community.", + image: blablaConfImage, + }, + { + title: "Episode 100", + date: "Dec 2021", + description: + "After more than 3 years of consistent work on the podcast, we have reached the milestone of hosting 100 episodes.

This achievement proves that the concept is strong and has had a significant impact on the Moroccan community with more than 100 episodes of highly valuable content and over 200 guests across the past 100 episodes.", + image: episode100Image, + }, + { + title: "GeeksBlabla as NGO officially!", + date: "Jan 2024", + description: + "As we have grown in the past few years and maintained multiple initiatives, as well as expanded our core team, creating an official NGO for the community was a must to help us make a better impact and establish a strong foundation for upcoming initiatives.", + image: geeksblablaNGOImage, + }, + { + title: "What's next?", + date: "...", + description: + "Building on our rich history of growth and community impact, the future of Geeksblabla shines brightly with promise.

Geeksblabla has evolved beyond being just a podcast; it has grown into a vibrant community, encompassing multiple initiatives and projects. As we look ahead, our commitment to serving the Moroccan community remains strong. We will continue to innovate and expand our initiatives, staying true to our core values of learning, collaboration, and inclusivity. Through Geeksblabla and upcoming projects, we aim to foster even deeper connections, empower aspiring tech enthusiasts, and provide platforms for meaningful exchanges.

Together, we will move forward, creating environments where knowledge flourishes and aspirations soar.", + image: whatsnextImage, + }, +]; +--- + +
+
+
+

+ About Us +

+ + Go to Team members + + +
+ + { + timelineItems.map(item => ( + +

+ +

+ + )) + } +
+
diff --git a/src/components/about/team-members.json b/src/components/about/team-members.json index be5a9621..6cf2080a 100644 --- a/src/components/about/team-members.json +++ b/src/components/about/team-members.json @@ -62,4 +62,61 @@ "profile_image": "/about/images/team/soufyan.jpg", "status": "past" } + , + { + "id": 7, + "name": "Chaimaa BRITEL", + "x_handle": "@ChaimaaBritel", + "profile_image": "/about/images/team/britel.jpg", + "status": "active" + }, + { + "id": 8, + "name": "Abdelati EL ASRI", + "x_handle": "@kaizendae", + "profile_image": "/about/images/team/kaizendae.jpg", + "status": "active" + }, + { + "id": 9, + "name": "Soufyan El Foukahi", + "x_handle": "@soufyanAI", + "profile_image": "/about/images/team/soufyan.jpg", + "status": "past" + }, + { + "id": 10, + "name": "Amine Hakkou", + "x_handle": "@amine_hakkou", + "profile_image": "/about/images/team/default.jpg", + "status": "past" + }, + { + "id": 11, + "name": "Aicha Aferiat", + "x_handle": "@kaizendae", + "profile_image": "/about/images/team/default.jpg", + "status": "past" + }, + { + "id": 12, + "name": "Amine Maarouf", + "x_handle": "@a_maaarouf", + "profile_image": "/about/images/team/default.jpg", + "status": "past" + }, + { + "id": 13, + "name": "Oussama Hyad", + "x_handle": "@kaizendae", + "profile_image": "/about/images/team/default.jpg", + "status": "past" + }, + { + "id": 14, + "name": "Mohammed Ez-zarghili", + "x_handle": "@ezzarghili", + "profile_image": "/about/images/team/default.jpg", + "status": "past" + } ] \ No newline at end of file diff --git a/src/components/about/timeline-item.astro b/src/components/about/timeline-item.astro new file mode 100644 index 00000000..df4ce8f2 --- /dev/null +++ b/src/components/about/timeline-item.astro @@ -0,0 +1,59 @@ +--- +import type { ImageMetadata } from "astro"; +import { Image } from "astro:assets"; + +export type TimelineItemType = { + title: string; + date: string; + image: ImageMetadata; +}; + +type Props = TimelineItemType; +const { title, date, image } = Astro.props as Props; +--- + +
+ {/* Horizontal line spanning 70% of width, positioned 15% from left */} + + { + /* Vertical line positioned either 15% from left or right depending on odd/even */ + } + + + {/* Right corner piece - rotates -90deg on even items */} + + + {/* Left corner piece - rotates 90deg on odd items */} + +
+ DevC Casa illustration +
+
+
+

{title}

+

{date}

+
+
+ +
+
+
diff --git a/src/pages/about.astro b/src/pages/about.astro index 5544bb48..41f48085 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -2,9 +2,13 @@ import Layout from "@/components/layout.astro"; import Header from "@/components/header.astro"; import Team from "@/components/about/team.astro"; +import OurStory from "@/components/about/our-story.astro"; --- -
+
+
+
+