195 lines
7.7 KiB
Text
195 lines
7.7 KiB
Text
---
|
|
import {
|
|
ArrowRight,
|
|
CalendarDays,
|
|
ClipboardList,
|
|
FileText,
|
|
MapPin,
|
|
} from "lucide-react";
|
|
|
|
import DefaultLayout from "@/layouts/DefaultLayout.astro";
|
|
|
|
const registrationLink = "https://forms.gle/sqqoh4JftBfKYA1b8";
|
|
const scheduleLink = "https://gmanoj.people.iitgn.ac.in/schedule.html";
|
|
const venueInfoLink = "https://gmanoj.people.iitgn.ac.in/info.html";
|
|
const eventDate = "17 June 2026";
|
|
const registrationDeadline = "14 June 2026";
|
|
---
|
|
|
|
<DefaultLayout
|
|
title="Theory Day: Foundations of Computer Science"
|
|
description="Theory Day at IIT Gandhinagar brings together talks and discussions around foundations of computer science."
|
|
>
|
|
<section class="border-b bg-gradient-to-br from-violet-50 via-background to-sky-50 py-14 md:py-18">
|
|
<div class="container">
|
|
<div class="grid gap-8 lg:grid-cols-[1fr_22rem] lg:items-end">
|
|
<div class="max-w-3xl">
|
|
<p class="text-secondary text-sm font-medium uppercase tracking-wider">
|
|
Department Event
|
|
</p>
|
|
<h1 class="mt-4 text-4xl font-semibold tracking-tight md:text-5xl">
|
|
Theory Day: Foundations of Computer Science
|
|
</h1>
|
|
<p class="text-muted-foreground mt-5 text-lg leading-relaxed">
|
|
A CSE department event focused on the foundations of computer
|
|
science, with talks and discussions for students, researchers, and
|
|
faculty interested in theoretical computer science.
|
|
</p>
|
|
<div class="mt-7 flex flex-wrap gap-3">
|
|
<a
|
|
href={scheduleLink}
|
|
class="inline-flex items-center gap-2 rounded-full bg-foreground px-5 py-2.5 text-sm font-medium text-background transition hover:bg-secondary"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
View schedule
|
|
<ArrowRight className="size-4" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href={venueInfoLink}
|
|
class="inline-flex items-center gap-2 rounded-full border bg-white px-5 py-2.5 text-sm font-medium transition hover:border-secondary hover:text-secondary"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Venue and campus information
|
|
</a>
|
|
<a
|
|
href={registrationLink}
|
|
class="inline-flex items-center gap-2 rounded-full border bg-white px-5 py-2.5 text-sm font-medium transition hover:border-secondary hover:text-secondary"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Register now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="rounded-lg border bg-white/85 p-5 shadow-sm backdrop-blur">
|
|
<p class="text-sm font-medium text-secondary">At a glance</p>
|
|
<dl class="mt-4 grid gap-4 text-sm">
|
|
<div class="flex gap-3">
|
|
<CalendarDays className="mt-0.5 size-4 text-secondary" aria-hidden="true" />
|
|
<div>
|
|
<dt class="text-muted-foreground">Date</dt>
|
|
<dd class="font-medium">{eventDate}</dd>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-3">
|
|
<ClipboardList className="mt-0.5 size-4 text-secondary" aria-hidden="true" />
|
|
<div>
|
|
<dt class="text-muted-foreground">Registration</dt>
|
|
<dd class="font-medium">Open until {registrationDeadline}</dd>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-3">
|
|
<MapPin className="mt-0.5 size-4 text-secondary" aria-hidden="true" />
|
|
<div>
|
|
<dt class="text-muted-foreground">Venue</dt>
|
|
<dd class="font-medium">
|
|
<a
|
|
href={venueInfoLink}
|
|
class="text-primary underline-offset-4 hover:underline"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Venue and campus information
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-3">
|
|
<FileText className="mt-0.5 size-4 text-secondary" aria-hidden="true" />
|
|
<div>
|
|
<dt class="text-muted-foreground">Schedule</dt>
|
|
<dd class="font-medium">
|
|
<a
|
|
href={scheduleLink}
|
|
class="text-primary underline-offset-4 hover:underline"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
View the program schedule
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
</div>
|
|
</dl>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-padding">
|
|
<div class="container">
|
|
<div class="grid gap-8 lg:grid-cols-[0.9fr_1.1fr]">
|
|
<div>
|
|
<p class="text-secondary text-sm font-medium">Foundations of CS</p>
|
|
<h2 class="mt-3 text-2xl font-semibold md:text-3xl">
|
|
A department day for theory
|
|
</h2>
|
|
<p class="text-muted-foreground mt-4 leading-relaxed">
|
|
Theory Day is planned as a focused gathering around the foundations
|
|
of computer science. The event will highlight ideas, methods, and
|
|
research conversations from theoretical computer science.
|
|
</p>
|
|
</div>
|
|
<div class="rounded-lg border bg-card p-6">
|
|
<div class="flex items-start gap-3">
|
|
<FileText className="mt-1 size-5 text-secondary" aria-hidden="true" />
|
|
<div>
|
|
<h3 class="text-xl font-semibold">Schedule is now available</h3>
|
|
<p class="text-muted-foreground mt-3 leading-relaxed">
|
|
The Theory Day schedule, talk titles, and abstracts are
|
|
available on the program schedule page.
|
|
</p>
|
|
<div class="mt-5 flex flex-wrap gap-3">
|
|
<a
|
|
href={scheduleLink}
|
|
class="inline-flex items-center gap-2 rounded-full bg-foreground px-4 py-2 text-sm font-medium text-background transition hover:bg-secondary"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Open schedule
|
|
<ArrowRight className="size-4" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href={venueInfoLink}
|
|
class="inline-flex items-center gap-2 rounded-full border bg-white px-4 py-2 text-sm font-medium transition hover:border-secondary hover:text-secondary"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Venue and campus information
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="border-y bg-muted/30">
|
|
<div class="container py-10 md:py-12">
|
|
<div class="rounded-lg border bg-background p-6 md:flex md:items-center md:justify-between md:gap-6">
|
|
<div>
|
|
<p class="text-sm font-medium text-secondary">Registration</p>
|
|
<h2 class="mt-2 text-2xl font-semibold">
|
|
Register by {registrationDeadline}
|
|
</h2>
|
|
<p class="text-muted-foreground mt-2">
|
|
Registration is open through the shared IITGN form.
|
|
</p>
|
|
</div>
|
|
<a
|
|
href={registrationLink}
|
|
class="mt-5 inline-flex items-center gap-2 rounded-full bg-foreground px-5 py-2.5 text-sm font-medium text-background transition hover:bg-secondary md:mt-0"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Open registration form
|
|
<ArrowRight className="size-4" aria-hidden="true" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</DefaultLayout>
|