Skip to content

Commit

Permalink
Revamp credits page
Browse files Browse the repository at this point in the history
  • Loading branch information
@drtechie
drtechie committed Dec 26, 2024
1 parent f985d37 commit aa23ab6
Show file tree
Hide file tree
Showing 4 changed files with 124 additions and 55 deletions.
Binary file modified public/images/credits/adarsh.webp
View file
Binary file not shown.
46 changes: 30 additions & 16 deletions src/content/credits/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,31 @@
---
title: Acknowledgments
subtitle: We extend our heartfelt gratitude to everyone who contributed to the development of this project. Your expertise, creativity, and support have made this endeavor a success.
team:
title: Contributors
list:
- name: Sanjana Sogimatt
title: Community Maintainer
github: "https://github.com/SanjanaSogimatt"
linkedin: "https://www.linkedin.com/in/sanjana-sogimatt-764a931ba/"
image: "/images/credits/sanjana.webp"
- name: Adarsh Jena
title: Contributor
github: "https://github.com/adarshnjena"
linkedin: "https://www.linkedin.com/in/adarshnjena/"
image: "/images/credits/adarsh.webp"
---
title: Credits
section_title: Acknowledging Our Community of Contributors
section_description: The AMRIT platform and website are a testament to the power of collaboration. This project would not have been possible without the dedication, creativity, and hard work of our open-source community. We extend our heartfelt gratitude to every contributor who has helped make AMRIT a reality.
core_contributors:
title: Core Contributors
subtitle: "A special thanks to the core contributors who have consistently supported the design and development of the AMRIT website"
list:
- name: Sanjana Sogimatt
title: Community Maintainer
description: "Sanjana Sogimatt is an innovative and skilled developer with expertise in full-stack web development, open-source contributions, and cutting-edge technologies. She is proficient in JavaScript, React, Node.js, TypeScript, and MongoDB, with experience in frameworks like Express.js and Next.js."
github: "https://github.com/SanjanaSogimatt"
linkedin: "https://www.linkedin.com/in/sanjana-sogimatt-764a931ba/"
image: "/images/credits/sanjana.webp"
- name: Dr. Mithun James
title: Technical Architect, AMRIT
description: "Mithun is a medical doctor turned engineering leader focused on healthtech and digital innovation. Currently, he serves as a Technical Architect at Piramal Swasthya and is a strong advocate for free and open-source software."
github: "https://github.com/drtechie"
linkedin: "https://www.linkedin.com/in/dr-mithun-james/"
image: "/images/Team/mithun.webp"
community_contributors:
title: Community Contributors
subtitle: We also want to recognize the numerous contributors who have made invaluable contributions to the AMRIT website through code, design, documentation, testing, and feedback. Thank you for being part of this journey!
list:
- name: Adarsh Jena
title: Contributor
github: "https://github.com/adarshnjena"
linkedin: "https://www.linkedin.com/in/adarshnjena/"
image: "/images/credits/adarsh.webp"
conclusion: AMRIT thrives on collaboration, and we’re always excited to welcome new contributors! Whether you’re a developer, designer, writer, or advocate, there are many ways to get involved.
---
7 changes: 2 additions & 5 deletions src/layouts/partials/Footer.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,14 +56,11 @@ const { copyright, location, email, phone, footer_description, credits } = confi
</div>
</div>
<div class="container max-w-[1440px]">
<div
class="footer-copyright mx-auto border-t border-border pb-10 pt-7 text-center"
>
<div class="footer-copyright mx-auto border-t border-border pb-10 pt-7 text-center">
<p class="content text-text" set:html={markdownify(copyright)} />
<div class="my-4">
<a href={`${credits}`} class="underline">Made by ❤️ Amrit Community</a>
<a href={`${credits}`} class="hover:text-primary underline">Made with ❤️ by the AMRIT Community</a>
</div>
</div>

</div>
</footer>
126 changes: 92 additions & 34 deletions src/pages/credits.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,50 +3,108 @@ import Base from "@/layouts/Base.astro";
import { Image } from "astro:assets";
import { GitHub,Linkedin } from "react-feather";
import { getEntryBySlug } from "astro:content";
import Cta from "@/layouts/partials/Cta.astro";
const credits = await getEntryBySlug("credits", "index");
---

<Base>
<Base
title={credits.data.title}
description={credits.data.description}
image={credits.data.image}
>
<section class="section">
<div class="container">
<h1 class="text-center my-5">
{credits.data.title}
{credits.data.section_title}
</h1>
<p class="text-center my-5">{credits.data.subtitle}</p>
<div class="mt-10">
<h2 class="text-center my-5">{credits.data.team.title}</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-7 place-items-center">
{
credits.data.team.list.map((content: any) => (
<div class="flex flex-col bg-white min-h-[250px] rounded-xl shadow-md p-5 pb-8 text-center items-center justify-center w-full max-w-lg">
<div class="w-full flex justify-center">
<Image
height={300}
width={200}
class="object-cover rounded-2xl"
src={content.image}
alt={content.name}
/>
<p class="text-center my-5">{credits.data.section_description}</p>
<div class="py-24 md:py-32">
<div class="mx-auto grid max-w-7xl grid-cols-1 gap-20 px-6 lg:px-8 xl:grid-cols-5">
<div class="max-w-2xl xl:col-span-2">
<h2 class="text-pretty text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">{credits.data.core_contributors.title}</h2>
<p class="mt-6 text-lg/8 text-gray-600">{credits.data.core_contributors.subtitle}</p>
</div>
<ul role="list" class="-mt-12 space-y-12 divide-y divide-gray-200 xl:col-span-3">
{
credits.data.core_contributors.list.map((content: any) => (
<li class="flex flex-col gap-10 pt-12 sm:flex-row">
<Image
height={300}
width={200}
class="aspect-[4/5] w-52 flex-none rounded-2xl object-cover"
src={content.image}
alt={content.name}
/>

<div class="max-w-xl flex-auto">
<h3 class="text-lg/8 font-semibold tracking-tight text-gray-900">{content.name}</h3>
<p class="text-base/7 text-gray-600">{content.title}</p>
<p class="mt-6 text-base/7 text-gray-600">{content.description}</p>
<ul role="list" class="mt-6 flex gap-x-6">
<li>
<a href={content.github} class="text-gray-400 hover:text-gray-500">
<span class="sr-only">X</span>
<GitHub />
</a>
</li>
<li>
<a href={content.linkedin} class="text-gray-400 hover:text-gray-500">
<span class="sr-only">LinkedIn</span>
<Linkedin />
</a>
</li>
</ul>
</div>
<h3 class="h4 text-xl lg:text-2xl p-3">{content.name}</h3>
<p>{content.title}</p>
<span class="flex align-center justify-center mt-4" >
{
(
<a href={content.github} target="_blank" rel="noreferrer" class="m-4">
<GitHub />
</a>
<a href={content.linkedin} target="_blank" rel="noreferrer" class="m-4">
<Linkedin />
</a>
)
}
</span>
</div>
))
}
</li>
))
}
</ul>
</div>
</div>
<div class="py-32">
<div class="mx-auto max-w-7xl px-6 text-center lg:px-8">
<div class="mx-auto max-w-2xl">
<h2 class="text-34l text-balance font-semibold tracking-tight text-gray-900 sm:text-5xl">{credits.data.community_contributors.title}</h2>
<p class="mt-6 text-lg/8 text-gray-600">{credits.data.community_contributors.subtitle}</p>
</div>
<ul role="list" class="mx-auto mt-20 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
{
credits.data.community_contributors.list.map((content: any) => (
<li>
<Image
height={200}
width={200}
class="mx-auto size-56 rounded-full"
src={content.image}
alt={content.name}
/>
<h3 class="mt-6 text-base/7 font-semibold tracking-tight text-gray-900">{content.name}</h3>
<ul role="list" class="mt-6 flex justify-center gap-x-6">
<li>
<a href={content.github} class="text-gray-400 hover:text-gray-500">
<span class="sr-only">X</span>
<GitHub />
</a>
</li>
<li>
<a href={content.linkedin} class="text-gray-400 hover:text-gray-500">
<span class="sr-only">LinkedIn</span>
<Linkedin />
</a>
</li>
</ul>
</li>
))
}
</ul>
</div>
</div>
</div>
<div class="mx-auto flex max-w-7xl flex-col items-center justify-center px-6 lg:px-8">
<div class="max-w-2xl">
<p class="text-center my-2 mt-6 text-lg text-gray-600">{credits.data.conclusion}</p>
</div>
</div>
</section>
<Cta />
</Base>

0 comments on commit aa23ab6

Please sign in to comment.