Skip to content

Commit 10c5926

Browse files
chayapatrchayapatr
committed
BREAKING CHANGE: update to 2.0.1
1 parent e71ef2f commit 10c5926

File tree

4 files changed

+141
-83
lines changed

4 files changed

+141
-83
lines changed

‎public/arrow.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎src/packlets/new-front/logo.astro‎

Lines changed: 49 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,56 @@
22
import Kanok from '$sprites/kanok.svelte'
33
---
44

5-
<div class="absolute top-8 left-8 z-50 hidden md:block">
6-
<Kanok size="xl" color="orange" />
7-
<h1 class="text-brand-orange text-right text-[2.2rem] font-extrabold">JavaScript</h1>
8-
<h1 class="text-brand-orange text-right text-[2.2rem] font-extrabold">Bangkok 2.0.0</h1>
5+
<div class="absolute left-8 top-8 z-50 hidden md:block">
6+
<Kanok size="xl" color="orange" />
7+
<h1 class="text-right text-[2.2rem] font-extrabold text-brand-green">
8+
JavaScript
9+
</h1>
10+
<h1 class="text-right text-[2.2rem] font-extrabold text-brand-green">
11+
Bangkok 2.0.<span class="text-brand-orange">1</span>
12+
</h1>
13+
<div class="flex items-end justify-end gap-3 p-2">
14+
<div class="text-end font-mono text-xs">
15+
🔧 fix: update<br />schedule and rooms
16+
</div>
17+
<img
18+
src="/arrow.svg"
19+
class="bottom-0 right-0 w-14 rotate-[120deg]"
20+
alt=""
21+
/>
22+
</div>
923
</div>
1024

11-
<div class="absolute top-8 left-8 z-50 md:hidden">
12-
<div class="flex">
13-
<div class="flex flex-col">
14-
<Kanok size="l" color="orange" />
15-
<h1 class="text-brand-orange text-right text-xl font-extrabold">JavaScript</h1>
16-
<h1 class="text-brand-orange text-right text-xl font-extrabold">Bangkok 2.0.0</h1>
25+
<div class="absolute left-8 top-8 z-50 md:hidden">
26+
<div class="flex">
27+
<div class="flex flex-col items-end">
28+
<Kanok size="l" color="orange" />
29+
<h1 class="text-right text-xl font-extrabold text-brand-green">
30+
JavaScript
31+
</h1>
32+
<h1 class="text-right text-xl font-extrabold text-brand-green">
33+
Bangkok 2.0.<span class="text-brand-orange">1</span>
34+
</h1>
35+
<div class="flex items-end justify-end gap-3 p-2">
36+
<div class="text-end font-mono text-xs">
37+
🔧 fix: update<br />schedule and rooms
1738
</div>
39+
<img
40+
src="/arrow.svg"
41+
class="bottom-0 right-0 w-14 rotate-[120deg]"
42+
alt=""
43+
/>
44+
</div>
1845
</div>
19-
<div class="pt-12">
20-
<h1 class="text-brand-green text-3xl font-bold pb-4">Tickets on sale!</h1>
21-
<a href="https://www.eventpop.me/e/38704/javascript-bangkok-2-0-0" target="_blank" rel="noopener noreferrer" class="text-white bg-brand-green font-bold px-4 py-2 text-lg rounded-tr-xl">Get now!</a>
22-
</div>
23-
</div>
46+
</div>
47+
<!-- <div class="pt-12">
48+
<h1 class="pb-4 text-3xl font-bold text-brand-green">Tickets on sale!</h1>
49+
<a
50+
href="https://www.eventpop.me/e/38704/javascript-bangkok-2-0-0"
51+
target="_blank"
52+
rel="noopener noreferrer"
53+
class="rounded-tr-xl bg-brand-green px-4 py-2 text-lg font-bold text-white"
54+
>Get now!</a
55+
>
56+
</div> -->
57+
</div>

‎src/pages/index.astro‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,18 @@ import Dates from '$new-front/dates.astro'
77
import Map from '$new-front/map.astro'
88
import Sponsors from '$new-front/sponsors.astro'
99
import MobileStrip from '$playground/mobileStrip.svelte'
10-
import Schedule from "$new-front/schedule.astro";
10+
import Schedule from '$new-front/schedule.astro'
1111
---
1212

13-
<Base title="JavaScript Bangkok 2.0.0">
14-
<div class="max-w-[88rem] mx-auto h-screen md:h-[64rem] bg-white overflow-hidden relative">
13+
<Base title="JavaScript Bangkok 2.0.1">
14+
<div
15+
class="relative mx-auto h-screen max-w-[88rem] overflow-hidden bg-white md:h-[64rem]"
16+
>
1517
<Logo />
16-
<div class="max-w-[128rem] mx-auto hidden md:block">
18+
<div class="mx-auto hidden max-w-[128rem] md:block">
1719
<Patterns client:only="svelte" />
1820
</div>
19-
<div class="max-w-[128rem] mx-auto md:hidden absolute bottom-0 -left-8">
21+
<div class="absolute -left-8 bottom-0 mx-auto max-w-[128rem] md:hidden">
2022
<MobileStrip client:only="svelte" />
2123
</div>
2224
</div>
@@ -28,9 +30,9 @@ import Schedule from "$new-front/schedule.astro";
2830
<Sponsors />
2931

3032
<script
31-
type="module"
32-
src="https://cdn.jsdelivr.net/npm/eventpop-tickets-widget@3.0.0-next.8/dist/eventpop-tickets-widget.js"
33-
is:inline></script>
33+
type="module"
34+
src="https://cdn.jsdelivr.net/npm/eventpop-tickets-widget@3.0.0-next.8/dist/eventpop-tickets-widget.js"
35+
is:inline></script>
3436
<script
3537
src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.core.js"
3638
crossorigin="anonymous"

‎src/pages/session/[id].astro‎

Lines changed: 78 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,96 @@
11
---
2-
import dayjs from "dayjs";
2+
import dayjs from 'dayjs'
33
import utc from 'dayjs/plugin/utc'
44
import timezone from 'dayjs/plugin/timezone'
5-
import { Picture } from 'astro:assets';
5+
import { Picture } from 'astro:assets'
66
77
import { getSessionizeData } from '$sessionize/getSessionizeData'
8-
import type { Session, Speaker, Room } from "$sessionize/types";
9-
import Base from "$layouts/base.astro";
10-
import LogoHorizontal from "$sprites/logoHorizontal.astro";
8+
import type { Session, Speaker, Room } from '$sessionize/types'
9+
import Base from '$layouts/base.astro'
10+
import LogoHorizontal from '$sprites/logoHorizontal.astro'
1111
1212
export interface Props {
13-
session: Session
14-
speakers: Speaker[]
15-
room: Room
13+
session: Session
14+
speakers: Speaker[]
15+
room: Room
1616
}
1717
1818
dayjs.extend(utc)
1919
dayjs.extend(timezone)
2020
2121
export const getStaticPaths = async () => {
22-
const { sessions, speakers, rooms } = await getSessionizeData()
23-
return sessions.map(session => ({
24-
params: {
25-
id: session.id
26-
},
27-
props: {
28-
session,
29-
speakers: session.speakers.map(speakerId => speakers.find(speaker => speaker.id === speakerId)),
30-
room: rooms.find(room => room.id === session.roomId),
31-
}
32-
}));
22+
const { sessions, speakers, rooms } = await getSessionizeData()
23+
return sessions.map(session => ({
24+
params: {
25+
id: session.id,
26+
},
27+
props: {
28+
session,
29+
speakers: session.speakers.map(speakerId =>
30+
speakers.find(speaker => speaker.id === speakerId)
31+
),
32+
room: rooms.find(room => room.id === session.roomId),
33+
},
34+
}))
3335
}
3436
35-
const { session, speakers, room } = Astro.props
37+
const { session, speakers, room } = Astro.props
3638
---
3739

38-
<Base title=`${session.title} | JavaScript Bangkok 2.0.0`>
39-
<nav class="py-2 px-4 bg-brand-orange">
40-
<a href="/" data-astro-prefetch>
41-
<LogoHorizontal class="h-12 text-white" />
42-
</a>
43-
</nav>
44-
<section class="px-8 pt-12 md:px-20 md:pt-24 pb-12 min-h-[calc(100dvh-224px)]">
45-
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
46-
{speakers.map(speaker => (
47-
<div class="flex space-x-4 items-center">
48-
<div class="w-20 md:w-32 aspect-square shrink-0">
49-
<Picture
50-
src={speaker.profilePicture}
51-
class="w-full aspect-square rounded-full"
52-
formats={['avif', 'webp']}
53-
alt={speaker.fullName}
54-
width="200"
55-
height="200"
56-
/>
57-
</div>
58-
<div>
59-
<h1 class="text-3xl md:text-4xl font-extrabold">{speaker.fullName}</h1>
60-
<h2 class="md:text-lg">{speaker.tagLine}</h2>
61-
<div class="flex gap-2 pt-2 flex-wrap">
62-
{speaker.links.map(link => (
63-
<a href={link.url} class="underline">{link.title}</a>
64-
))}
65-
</div>
66-
</div>
67-
</div>
68-
))}
69-
</div>
70-
<div class="max-w-xl pt-8 space-y-4">
71-
<h1 class="font-bold text-2xl">{session.title}</h1>
72-
<div class="flex">
73-
<p class="font-mono text-white bg-black rounded py-1 px-3 text-sm font-bold">{dayjs(session.startsAt).tz('Asia/Bangkok').format("(ddd) D MMMM YYYY, HH:mm")} @{room.name}</p>
40+
<Base title=`${session.title} | JavaScript Bangkok 2.0.1`>
41+
<nav class="bg-brand-orange px-4 py-2">
42+
<a href="/" data-astro-prefetch>
43+
<LogoHorizontal class="h-12 text-white" />
44+
</a>
45+
</nav>
46+
<section
47+
class="min-h-[calc(100dvh-224px)] px-8 pb-12 pt-12 md:px-20 md:pt-24"
48+
>
49+
<div class="grid grid-cols-1 gap-8 md:grid-cols-2">
50+
{
51+
speakers.map(speaker => (
52+
<div class="flex items-center space-x-4">
53+
<div class="aspect-square w-20 shrink-0 md:w-32">
54+
<Picture
55+
src={speaker.profilePicture}
56+
class="aspect-square w-full rounded-full"
57+
formats={['avif', 'webp']}
58+
alt={speaker.fullName}
59+
width="200"
60+
height="200"
61+
/>
7462
</div>
75-
<p>{session.description}</p>
76-
</div>
77-
</section>
78-
</Base>
63+
<div>
64+
<h1 class="text-3xl font-extrabold md:text-4xl">
65+
{speaker.fullName}
66+
</h1>
67+
<h2 class="md:text-lg">{speaker.tagLine}</h2>
68+
<div class="flex flex-wrap gap-2 pt-2">
69+
{speaker.links.map(link => (
70+
<a href={link.url} class="underline">
71+
{link.title}
72+
</a>
73+
))}
74+
</div>
75+
</div>
76+
</div>
77+
))
78+
}
79+
</div>
80+
<div class="max-w-xl space-y-4 pt-8">
81+
<h1 class="text-2xl font-bold">{session.title}</h1>
82+
<div class="flex">
83+
<p
84+
class="rounded bg-black px-3 py-1 font-mono text-sm font-bold text-white"
85+
>
86+
{
87+
dayjs(session.startsAt)
88+
.tz('Asia/Bangkok')
89+
.format('(ddd) D MMMM YYYY, HH:mm')
90+
} @{room.name}
91+
</p>
92+
</div>
93+
<p>{session.description}</p>
94+
</div>
95+
</section>
96+
</Base>

0 commit comments

Comments
 (0)