Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed the Header visibility under the Mentees & Alumni of the website #113

Closed
wants to merge 4 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 77 additions & 0 deletions .astro/types.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -322,20 +322,62 @@ declare module 'astro:content' {
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"George.md": {
id: "George.md";
slug: "george";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Gorretti.md": {
id: "Gorretti.md";
slug: "gorretti";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Harpreet.md": {
id: "Harpreet.md";
slug: "harpreet";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Ihuoma.md": {
id: "Ihuoma.md";
slug: "ihuoma";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"IjeomaOnwuka.md": {
id: "IjeomaOnwuka.md";
slug: "ijeomaonwuka";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Mayowa-Abikoye.md": {
id: "Mayowa-Abikoye.md";
slug: "mayowa-abikoye";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Mayowa.md": {
id: "Mayowa.md";
slug: "mayowa";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Olushola.md": {
id: "Olushola.md";
slug: "olushola";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"Samruddhi.md": {
id: "Samruddhi.md";
slug: "samruddhi";
Expand Down Expand Up @@ -385,6 +427,13 @@ declare module 'astro:content' {
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"audrey.md": {
id: "audrey.md";
slug: "audrey";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"catherine.md": {
id: "catherine.md";
slug: "catherine";
Expand Down Expand Up @@ -413,13 +462,34 @@ declare module 'astro:content' {
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"deborah.md": {
id: "deborah.md";
slug: "deborah";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"ella.md": {
id: "ella.md";
slug: "ella";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"ese.md": {
id: "ese.md";
slug: "ese";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"felicia.md": {
id: "felicia.md";
slug: "felicia";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"geoffrey.md": {
id: "geoffrey.md";
slug: "geoffrey";
Expand Down Expand Up @@ -448,6 +518,13 @@ declare module 'astro:content' {
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"makanju.md": {
id: "makanju.md";
slug: "makanju";
body: string;
collection: "cohort-3";
data: any
} & { render(): Render[".md"] };
"musab.md": {
id: "musab.md";
slug: "musab";
Expand Down
12 changes: 6 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 6 additions & 6 deletions src/pages/alumni/[...slug].astro
Original file line number Diff line number Diff line change
Expand Up @@ -51,10 +51,10 @@ const { Content } = await entry.render();
}}
/>
<BaseLayout>
<div class="relative bg-white">
<div class="relative bg-black">
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div class="lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0">
<div class="w-full bg-gray-50 object-cover lg:absolute lg:inset-0 lg:aspect-auto lg:h-full">
<div class="w-full bg-black object-cover lg:absolute lg:inset-0 lg:aspect-auto lg:h-full">
<div class="flex items-center justify-center h-full">
<img class="w-1/2 mt-32 h-auto rounded-md shadow-lg object-cover" src={entry.data.image} alt="" />
</div>
Expand All @@ -63,20 +63,20 @@ const { Content } = await entry.render();
<div
class="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6 lg:flex lg:flex-row-reverse"
>
<div class="mx-auto max-w-2xl lg:mx-0">
<div class="mx-auto max-w-2xl lg:mx-0 text-vulcan-300">
<div class="hidden sm:mt-32 sm:flex lg:mt-16">
<div
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-500 ring-1 ring-gray-900/10 hover:ring-gray-900/20"
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-500 ring-1 ring-gray-400 hover:ring-white"
>
Follow {entry.data.name} on social media <a
href={entry.data.twitter}
class="whitespace-nowrap font-semibold text-vulcan-800"
class="whitespace-nowrap font-semibold text-blue-400"
><span class="absolute inset-0" aria-hidden="true"></span> Twitter <span aria-hidden="true">&rarr;</span
></a
>
</div>
</div>
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:mt-10 sm:text-6xl">
<h1 class="text-4xl font-bold tracking-tight text-white sm:mt-10 sm:text-6xl">
{entry.data.name}
</h1>
<p class="mt-6 text-lg leading-8 text-gray-600">
Expand Down
14 changes: 7 additions & 7 deletions src/pages/mentees/[...slug].astro
Original file line number Diff line number Diff line change
Expand Up @@ -51,10 +51,10 @@ const { Content } = await entry.render();
}}
/>
<BaseLayout>
<div class="relative bg-white">
<div class="relative bg-black">
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div class="lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0">
<div class="w-full bg-gray-50 object-cover lg:absolute lg:inset-0 lg:aspect-auto lg:h-full">
<div class="w-full bg-black object-cover lg:absolute lg:inset-0 lg:aspect-auto lg:h-full">
<div class="flex items-center justify-center h-full">
<img class="w-1/2 mt-32 h-auto rounded-md shadow-lg object-cover" src={entry.data.image} alt="" />
</div>
Expand All @@ -63,23 +63,23 @@ const { Content } = await entry.render();
<div
class="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6 lg:flex lg:flex-row-reverse"
>
<div class="mx-auto max-w-2xl lg:mx-0">
<div class="mx-auto max-w-2xl lg:mx-0 text-vulcan-300">
<div class="hidden sm:mt-32 sm:flex lg:mt-16">
<div
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-500 ring-1 ring-gray-900/10 hover:ring-gray-900/20"
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-500 ring-1 ring-gray-400 hover:ring-white"
>
Follow {entry.data.name} on social media <a
href={entry.data.twitter}
class="whitespace-nowrap font-semibold text-vulcan-800"
class="whitespace-nowrap font-semibold text-blue-400"
><span class="absolute inset-0" aria-hidden="true"></span> Twitter <span aria-hidden="true">&rarr;</span
></a
>
</div>
</div>
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:mt-10 sm:text-6xl">
<h1 class="text-4xl font-bold tracking-tight text-white sm:mt-10 sm:text-6xl">
{entry.data.name}
</h1>
<p class="mt-6 text-lg leading-8 text-gray-600">
<p class="mt-6 text-lg leading-8 text-vulcan-300">
<Content />
</p>
<!-- use the graident of colors associated with each social media platform -->
Expand Down