Miscellany/cse-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine outreach feature layout

Browse source
This commit is contained in:
Neeldhara Misra 2026-06-01 18:01:54 +05:30
parent 5de4cadeb7
commit 55345ea281
1 changed files with 10 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/pages/updates/outreach.astro
View file

@ -221,9 +221,9 @@ const educationCategoryCounts = ["school", "course", "workshop", "conference"]
</section> </section>
<section class="border-y bg-background py-8 md:py-10"> <section class="border-y bg-background py-8 md:py-10">
<div class="container"> <div class="container grid gap-5 lg:grid-cols-2">
<div class="grid overflow-hidden rounded-lg border bg-muted/20 md:grid-cols-[1.15fr_0.85fr]"> <article class="overflow-hidden rounded-lg border bg-muted/20">
<div class="aspect-video bg-black md:aspect-auto md:min-h-80"> <div class="aspect-video bg-black">
<iframe <iframe
class="size-full" class="size-full"
src={featuredPublicTalk.embedUrl} src={featuredPublicTalk.embedUrl}
@ -233,11 +233,11 @@ const educationCategoryCounts = ["school", "course", "workshop", "conference"]
allowfullscreen allowfullscreen
></iframe> ></iframe>
</div> </div>
<div class="p-6 md:p-8"> <div class="p-6 md:p-7">
<span class="rounded-full border border-secondary/20 bg-secondary/10 px-2 py-0.5 text-xs font-medium uppercase tracking-wider text-secondary"> <span class="rounded-full border border-secondary/20 bg-secondary/10 px-2 py-0.5 text-xs font-medium uppercase tracking-wider text-secondary">
Featured public talk Featured public talk
</span> </span>
<h2 class="mt-4 text-2xl leading-tight md:text-3xl"> <h2 class="mt-4 text-2xl leading-tight">
{featuredPublicTalk.title} {featuredPublicTalk.title}
</h2> </h2>
<p class="text-muted-foreground mt-3"> <p class="text-muted-foreground mt-3">
@ -257,28 +257,24 @@ const educationCategoryCounts = ["school", "course", "workshop", "conference"]
/> />
</a> </a>
</div> </div>
</div> </article>
</div>
</section>
<section class="border-y bg-background py-8 md:py-10">
<div class="container">
<a <a
href="/blog/kvs-computer-science-teacher-training-2018" href="/blog/kvs-computer-science-teacher-training-2018"
class="group grid overflow-hidden rounded-lg border bg-muted/20 transition hover:border-secondary md:grid-cols-[0.9fr_1.35fr]" class="group overflow-hidden rounded-lg border bg-muted/20 transition hover:border-secondary"
> >
<div class="relative min-h-56 md:min-h-full"> <div class="relative aspect-video">
<img <img
src="/images/blog/kvs-cs-pgt-2018/kvs-cs-pgt-2018-01.png" src="/images/blog/kvs-cs-pgt-2018/kvs-cs-pgt-2018-01.png"
alt="KVS Computer Science PGT teachers and facilitators at IIT Gandhinagar" alt="KVS Computer Science PGT teachers and facilitators at IIT Gandhinagar"
class="absolute inset-0 size-full object-cover" class="absolute inset-0 size-full object-cover"
/> />
</div> </div>
<div class="p-6 md:p-8"> <div class="p-6 md:p-7">
<span class="rounded-full border border-secondary/20 bg-secondary/10 px-2 py-0.5 text-xs font-medium uppercase tracking-wider text-secondary"> <span class="rounded-full border border-secondary/20 bg-secondary/10 px-2 py-0.5 text-xs font-medium uppercase tracking-wider text-secondary">
Featured outreach story Featured outreach story
</span> </span>
<h2 class="mt-4 text-2xl leading-tight md:text-3xl"> <h2 class="mt-4 text-2xl leading-tight">
Teaching Python Through Play: KVS Computer Science PGT Training at IITGN Teaching Python Through Play: KVS Computer Science PGT Training at IITGN
</h2> </h2>
<p class="text-muted-foreground mt-3"> <p class="text-muted-foreground mt-3">