Skip to content

Commit ff26f43

Browse files
Link1515Link1515
committed
chore: format
1 parent b89d6a5 commit ff26f43

File tree

5 files changed

+77
-202
lines changed

5 files changed

+77
-202
lines changed

‎src/components/Navbar.astro‎

Lines changed: 5 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -30,21 +30,14 @@ const navs = [
3030
{
3131
navs.map(nav =>
3232
nav.key === 'visit' ? (
33-
<button
34-
id="visit-toggle"
35-
type="button"
36-
class="nav-link"
37-
aria-haspopup="true"
38-
aria-expanded="false"
39-
aria-controls="visit-submenu"
40-
>
33+
<button id="visit-toggle" type="button" class="nav-link" aria-haspopup="true" aria-expanded="false" aria-controls="visit-submenu">
4134
{nav.name}
4235
</button>
4336
) : (
4437
<a class="nav-link" href={nav.href}>
4538
{nav.name}
4639
</a>
47-
),
40+
)
4841
)
4942
}
5043
</div>
@@ -98,29 +91,20 @@ const navs = [
9891
<a class="btn-brand hidden h-full shrink-0 items-center justify-center px-8 md:flex" href="#">{t('nav.register')}</a>
9992

10093
<!-- Desktop: visit submenu (traffic quick links) -->
101-
<div
102-
id="visit-submenu"
103-
class="pointer-events-none absolute top-full right-0 left-0 z-50 hidden grid-rows-[0fr] overflow-hidden bg-black text-white transition-[grid-template-rows] md:grid"
104-
>
94+
<div id="visit-submenu" class="pointer-events-none absolute top-full right-0 left-0 z-50 hidden grid-rows-[0fr] overflow-hidden bg-black text-white transition-[grid-template-rows] md:grid">
10595
<div class="container min-h-0">
10696
<div class="grid grid-cols-[1fr_2fr] gap-8 py-12">
10797
<div class="min-w-0">
10898
<div class="text-2xl leading-tight font-bold tracking-wide text-white">{t('index.venue.title')} →</div>
109-
<a
110-
class="mt-5 block w-fit text-base leading-relaxed font-normal text-white/70 transition-colors hover:text-white/90"
111-
href={`${visitHref}#visit-map`}
112-
>
99+
<a class="mt-5 block w-fit text-base leading-relaxed font-normal text-white/70 transition-colors hover:text-white/90" href={`${visitHref}#visit-map`}>
113100
{t('visit.info.venueName')}
114101
</a>
115102
</div>
116103

117104
<div class="min-w-0">
118105
<div class="text-2xl leading-tight font-bold tracking-wide text-white">{t('visit.transport.title')} →</div>
119106
<div class="mt-5 flex flex-wrap items-center gap-x-3 gap-y-2 text-base leading-relaxed font-normal">
120-
<a
121-
class="w-fit text-white/70 transition-colors hover:text-white/90"
122-
href={`${visitHref}#tab-publicTransport`}
123-
>
107+
<a class="w-fit text-white/70 transition-colors hover:text-white/90" href={`${visitHref}#tab-publicTransport`}>
124108
{t('visit.transport.tabs.publicTransport')}
125109
</a>
126110
<span class="text-white/40">|</span>

‎src/components/Partner.astro‎

Lines changed: 18 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -5,36 +5,28 @@ const { name, site, donate, img } = Astro.props
55
const { t } = useI18n(Astro.url.pathname)
66
---
77

8-
<div class="flex gap-4 md:gap-8 p-6 border rounded-lg">
9-
<div class="w-28 h-28 grid place-items-center aspect-square shrink-0 rounded-md overflow-hidden">
10-
<img
11-
class="w-full h-full object-contain bg-neutral-100"
12-
src={`./img/partners/${img}`}
13-
alt={name}
14-
/>
8+
<div class="flex gap-4 rounded-lg border p-6 md:gap-8">
9+
<div class="grid aspect-square h-28 w-28 shrink-0 place-items-center overflow-hidden rounded-md">
10+
<img class="h-full w-full bg-neutral-100 object-contain" src={`./img/partners/${img}`} alt={name} />
1511
</div>
1612
<div class="mt-3">
1713
<h5>{name}</h5>
18-
<div class="flex gap-2 items-center">
19-
{site && (
20-
<a
21-
class="text-black hover:text-primary no-underline"
22-
href={site}
23-
target="_blank"
24-
>
25-
{t('index.partners.site')}
26-
</a>
27-
)}
14+
<div class="flex items-center gap-2">
15+
{
16+
site && (
17+
<a class="hover:text-primary text-black no-underline" href={site} target="_blank">
18+
{t('index.partners.site')}
19+
</a>
20+
)
21+
}
2822
{site && donate && <span>|</span>}
29-
{donate && (
30-
<a
31-
class="text-black hover:text-primary no-underline"
32-
href={donate}
33-
target="_blank"
34-
>
35-
{t('index.partners.donate')}
36-
</a>
37-
)}
23+
{
24+
donate && (
25+
<a class="hover:text-primary text-black no-underline" href={donate} target="_blank">
26+
{t('index.partners.donate')}
27+
</a>
28+
)
29+
}
3830
</div>
3931
</div>
4032
</div>

‎src/components/PastEvent.astro‎

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,9 @@ const href = isAnniversary ? 'https://10th.g0v.tw' : `https://summit.g0v.tw/${ye
66
const text = isAnniversary ? 'g0v 10th Anniversary' : `g0v Summit ${year}`
77
---
88

9-
<a
10-
href={href}
11-
target="_blank"
12-
title={`past-${year}`}
13-
class="relative group border border-neutral-200 aspect-video overflow-hidden block"
14-
>
15-
<img
16-
class="w-full h-full object-cover"
17-
src={`./img/past_events/${year}.jpg`}
18-
alt={`past-${year}`}
19-
/>
20-
<div
21-
class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-all text-white font-bold flex items-center justify-center"
22-
>
9+
<a href={href} target="_blank" title={`past-${year}`} class="group relative block aspect-video overflow-hidden border border-neutral-200">
10+
<img class="h-full w-full object-cover" src={`./img/past_events/${year}.jpg`} alt={`past-${year}`} />
11+
<div class="bg-primary/80 absolute inset-0 flex items-center justify-center font-bold text-white opacity-0 transition-all group-hover:opacity-100">
2312
<span class="text-xl">{text}</span>
2413
</div>
2514
</a>

‎src/components/Timeline.astro‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,22 @@ const locale = Astro.url.pathname.includes('/en') ? 'en' : 'zh-tw'
1414
---
1515

1616
<div class="relative">
17-
<div class="absolute left-4 top-0 bottom-0 w-px bg-primary/30 md:left-1/2"></div>
17+
<div class="bg-primary/30 absolute top-0 bottom-0 left-4 w-px md:left-1/2"></div>
1818

1919
<div class="flex flex-col gap-8">
20-
{events.map((event, i) => (
21-
<div class={`relative flex items-start gap-6 md:gap-0 ${i % 2 === 0 ? 'md:flex-row' : 'md:flex-row-reverse'}`}>
22-
<div class="shrink-0 w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center z-1 md:absolute md:left-1/2 md:-translate-x-1/2">
23-
<div class="w-2 h-2 rounded-full bg-white"></div>
24-
</div>
20+
{
21+
events.map((event, i) => (
22+
<div class={`relative flex items-start gap-6 md:gap-0 ${i % 2 === 0 ? 'md:flex-row' : 'md:flex-row-reverse'}`}>
23+
<div class="bg-primary z-1 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white md:absolute md:left-1/2 md:-translate-x-1/2">
24+
<div class="h-2 w-2 rounded-full bg-white" />
25+
</div>
2526

26-
<div class={`pl-4 md:pl-0 md:w-[calc(50%-2rem)] ${i % 2 === 0 ? 'md:pr-12 md:text-right' : 'md:pl-12'}`}>
27-
<div class="text-sm font-mono text-primary font-bold">{event.date}</div>
28-
<div class="font-bold text-lg">{locale === 'en' ? event.labelEn : event.labelZh}</div>
27+
<div class={`pl-4 md:w-[calc(50%-2rem)] md:pl-0 ${i % 2 === 0 ? 'md:pr-12 md:text-right' : 'md:pl-12'}`}>
28+
<div class="text-primary font-mono text-sm font-bold">{event.date}</div>
29+
<div class="text-lg font-bold">{locale === 'en' ? event.labelEn : event.labelZh}</div>
30+
</div>
2931
</div>
30-
</div>
31-
))}
32+
))
33+
}
3234
</div>
3335
</div>

0 commit comments

Comments
 (0)