Websites/events
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine Barcamp hero and actions

Browse source
This commit is contained in:
Neeldhara Misra 2026-07-06 01:33:31 +05:30
parent 63dd759af0
commit 0e8f8ab0dd
4 changed files with 61 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

97
src/components/BarcampPage.astro
View file

@ -42,7 +42,7 @@ const trackScheduleGroups = {
theme="barcamp"
brandHref={basePath}
brandTitle={eventTitle}
brandSubtitle="Event home"
brandSubtitle=""
navItems={navItems}
>
{isOverview ? (
@ -51,8 +51,13 @@ const trackScheduleGroups = {
<p class="eyebrow">Unconference / July 18, 2026</p>
<h1>Barcamp 2026</h1>
<p class="lede">
A participant-led day at IIT Gandhinagar for short talks, demos, open discussions,
workshops, questions, experiments, and useful hallway conversations.
A participant-led day at IIT Gandhinagar for short talks, demos, discussions,
workshops, questions, experiments, and hallway conversations.
</p>
<p class="barcamp-hero__intro">
Barcamp is an un-conference that anybody can attend and where anybody can speak
about anything. There are no attendees. Only participants. If you are not
talking, you are helping out one way or another.
</p>
<div class="hero-actions">
<a
@ -61,7 +66,7 @@ const trackScheduleGroups = {
target="_blank"
rel="noreferrer"
>
Add yourself to the sheet
Register Now
</a>
<a
class="button button--secondary"
@ -69,9 +74,16 @@ const trackScheduleGroups = {
target="_blank"
rel="noreferrer"
>
Join WhatsApp community
Join the WhatsApp Community
</a>
<a
class="button button--secondary"
href={barcampProposalDocUrl}
target="_blank"
rel="noreferrer"
>
Propose A Session
</a>
<a class="button button--secondary" href={`${basePath}schedule/`}>View schedule</a>
</div>
</div>
<div
@ -121,30 +133,19 @@ const trackScheduleGroups = {
</dl>
</section>
<section class="barcamp-section barcamp-section--intro">
<div>
<p class="eyebrow">What is a Barcamp?</p>
<h2>An un-conference for people who want to participate.</h2>
</div>
<div class="barcamp-section__copy">
<p>
Barcamp is an un-conference that anybody can attend and where anybody can
speak about anything.
</p>
<p>
There are no attendees. Only participants. If you are not talking, you are
helping out one way or another.
</p>
</div>
</section>
<section class="barcamp-card-grid" aria-label="Barcamp format">
<article>
<span aria-hidden="true">01</span>
<h3>Propose a session</h3>
<p>
Add your name to the participation list, then add your topic and a brief
description to the talk list in the shared document.
Add your name to the{" "}
<a href={barcampParticipantsSheetUrl} target="_blank" rel="noreferrer">
participation list
</a>,
then add your topic and a brief description to the{" "}
<a href={barcampProposalDocUrl} target="_blank" rel="noreferrer">
talk list
</a>.
</p>
</article>
<article>
@ -171,29 +172,11 @@ const trackScheduleGroups = {
<p class="eyebrow">Barcamp basics</p>
<h2 id="barcamp-faq-heading">Questions people usually ask.</h2>
</div>
<div class="hero-actions">
<a
class="button button--barcamp"
href={barcampParticipantsSheetUrl}
target="_blank"
rel="noreferrer"
>
Add yourself
</a>
<a
class="button button--secondary"
href={barcampWhatsappCommunityUrl}
target="_blank"
rel="noreferrer"
>
Join WhatsApp
</a>
</div>
</div>
<div class="barcamp-qa-grid">
<article class="barcamp-qa">
<h3>Anything?</h3>
<h3>Can I really talk about anything?</h3>
<p>
For all practical purposes, yes. If we think you are trying to start a riot,
or if we think your talk would lead to any crowd control issues, we will not
@ -226,7 +209,7 @@ const trackScheduleGroups = {
You do not. There are no attendees. Only participants. If you are not
talking, you are helping out one way or another.{" "}
<a href={barcampRegistrationUrl} target="_blank" rel="noreferrer">
Add yourself to the sheet
Register Now
</a>.
</p>
</article>
@ -299,9 +282,7 @@ const trackScheduleGroups = {
Regardless, if you would like to put in some money with no strings attached,
or perhaps pay for travel or stay for some participants or buy some food
during the event, please email{" "}
<a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>{" "}
or DM at{" "}
<a href="https://wa.me/919712990170">+91 9712990170 on WhatsApp</a>.
<a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>.
</p>
</article>
<article class="barcamp-qa barcamp-qa--wide">
@ -320,9 +301,7 @@ const trackScheduleGroups = {
<p>
If you stay near the venue and are happy to host a Barcamper or two, please
email{" "}
<a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>{" "}
or DM at{" "}
<a href="https://wa.me/919712990170">+91 9712990170 on WhatsApp</a>.
<a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>.
</p>
</article>
<article class="barcamp-qa">
@ -365,7 +344,7 @@ const trackScheduleGroups = {
<section class="barcamp-cta">
<div>
<p class="eyebrow">Participation</p>
<h2>Add yourself, join the community, and show up early.</h2>
<h2>Register, join the community, and show up early.</h2>
<p>
The participant sheet helps us plan room capacity, campus entry, and updates.
Session slots are claimed on the day, so arrive early if you really want to talk.
@ -378,7 +357,7 @@ const trackScheduleGroups = {
target="_blank"
rel="noreferrer"
>
Add yourself to the sheet
Register Now
</a>
<a
class="button button--secondary"
@ -386,7 +365,7 @@ const trackScheduleGroups = {
target="_blank"
rel="noreferrer"
>
Join WhatsApp community
Join the WhatsApp Community
</a>
<a
class="button button--secondary"
@ -394,7 +373,7 @@ const trackScheduleGroups = {
target="_blank"
rel="noreferrer"
>
Propose a session
Propose A Session
</a>
</div>
</section>
@ -427,7 +406,7 @@ const trackScheduleGroups = {
<h2>Propose now. Pick slots on the day.</h2>
</div>
<p>
Add session ideas to the shared proposal document before the event.
Add session ideas to the talk list before the event.
Time slots are assigned in person on the room whiteboard, first come
first served.
</p>
@ -437,7 +416,7 @@ const trackScheduleGroups = {
<div>
<h3>Have something you might want to run?</h3>
<p>
Put the topic and a short high-level description in the shared document
Put the topic and a short high-level description in the talk list
so other participants can read it before they arrive. This is not a
time-slot booking; the schedule stays intentionally fluid until the day.
</p>
@ -447,9 +426,9 @@ const trackScheduleGroups = {
href={barcampProposalDocUrl}
target="_blank"
rel="noreferrer"
aria-label="Open the Barcamp 2026 session proposal Google Doc"
aria-label="Open the Barcamp 2026 session proposal sheet"
>
Propose a session
Propose A Session
</a>
</div>

2
src/data/barcamp.ts
View file

@ -2,7 +2,7 @@ export const barcampParticipantsSheetUrl =
"https://docs.google.com/spreadsheets/d/1CToI4p-h6U6LtBtnUfUB_GG-VUlu7AqG9rKUsFXtDIU/edit?gid=1377061511#gid=1377061511";
export const barcampRegistrationUrl = barcampParticipantsSheetUrl;
export const barcampProposalDocUrl =
"https://docs.google.com/document/d/1IHnPPOd2Ij9-9_31BkvqodZZSMCuc1-3ampwdfA60Ek/edit?usp=sharing";
"https://docs.google.com/spreadsheets/d/1CToI4p-h6U6LtBtnUfUB_GG-VUlu7AqG9rKUsFXtDIU/edit?gid=0#gid=0";
export const barcampWhatsappCommunityUrl = "https://chat.whatsapp.com/DVs6YNgDpd41LtkmAwGVfo";
export type BarcampParticipant = {

2
src/data/events.ts
View file

@ -98,7 +98,7 @@ export const events: Event[] = [
highlight: true,
theme: "barcamp",
summary:
"A new unconference-style gathering where participants shape the day through short talks, demos, open discussions, workshops, and useful cross-disciplinary encounters.",
"A new unconference-style gathering where participants shape the day through short talks, demos, discussions, workshops, questions, experiments, and hallway conversations.",
tags: ["new", "unconference", "community"],
links: [
{

28
src/styles/global.css
View file

@ -520,6 +520,7 @@ th {
min-height: 44px;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 999px;
background: var(--primary);
color: var(--primary-foreground);
@ -1195,6 +1196,12 @@ button.event-badge::before {
max-width: 760px;
}
.barcamp-hero__intro {
max-width: 68ch;
color: color-mix(in oklch, var(--foreground) 74%, white);
font-size: 1.14rem;
}
.barcamp-hero h1 {
font-size: 5.25rem;
line-height: 0.94;
@ -1369,17 +1376,12 @@ button.event-badge::before {
.barcamp-faq__head {
display: grid;
grid-template-columns: minmax(220px, 0.72fr) auto;
gap: 1.2rem;
align-items: end;
border-bottom: var(--border-hairline) solid var(--border);
padding-bottom: 1rem;
}
.barcamp-faq__head .hero-actions {
justify-content: end;
}
.barcamp-qa-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@ -1453,6 +1455,14 @@ button.event-badge::before {
color: var(--muted);
}
.barcamp-card-grid a {
color: color-mix(in oklch, var(--foreground) 76%, var(--primary));
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.16em;
}
.barcamp-topic-strip {
display: flex;
gap: 0.45rem;
@ -1793,6 +1803,11 @@ button.event-badge::before {
--muted-2: #f1e8d7;
}
[data-theme="barcamp"] .brand strong {
max-width: 26ch;
font-size: 1.48rem;
}
[data-theme="rose"] {
--primary: #7b3438;
--secondary: #e3c06f;
@ -1892,8 +1907,7 @@ button.event-badge::before {
justify-self: start;
}
.barcamp-cta__actions,
.barcamp-faq__head .hero-actions {
.barcamp-cta__actions {
justify-content: start;
}