Skip to content

Commit 9d234d8

Browse files
author
Phumrapee Limpianchop
committed
feat: rebrand
1 parent 9a5382e commit 9d234d8

19 files changed

+287
-210
lines changed

‎package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,8 @@
2929
"tailwind-thaitone": "^1.1.0",
3030
"tailwindcss": "^3.4.3",
3131
"typescript": "^5.4.5"
32+
},
33+
"dependencies": {
34+
"clsx": "^2.1.1"
3235
}
3336
}

‎pnpm-lock.yaml

Lines changed: 8 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/favicon.svg

Lines changed: 5 additions & 1 deletion
Loading

‎src/packlets/assets/js-kanok.svg

Lines changed: 4 additions & 0 deletions
Loading

‎src/packlets/layouts/base.astro

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,7 @@ const { title } = Astro.props
2929

3030
<style is:global>
3131
html {
32-
background: #f5f1e9;
33-
color: #333333;
32+
background: #ffffff;
3433
}
3534

3635
h1,

‎src/packlets/layouts/footer.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<footer
2-
class="flex h-40 items-end justify-between bg-นิลกาฬ p-4 text-white lg:p-8 lg:text-lg"
2+
class="flex h-40 items-end justify-between bg-black p-4 text-white lg:p-8 lg:text-lg"
33
>
44
<p>Crafted by 👩‍💻 🧑‍🎨 🧙 🦹‍♀️ & more.</p>
55
<a

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

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div id="map" class="h-80"></div>
2+
3+
<script>
4+
window.addEventListener('load', function () {
5+
mapkit.init({
6+
authorizationCallback: done => {
7+
fetch('https://api.rayriffy.com/appleMaps/token')
8+
.then(res => res.text())
9+
.then(done)
10+
},
11+
language: 'en',
12+
})
13+
14+
const map = new mapkit.Map('map')
15+
16+
const microsoftCoordinate = new mapkit.Coordinate(13.7391678, 100.5476439)
17+
const tdpkCoordinate = new mapkit.Coordinate(13.6869421, 100.6112208)
18+
const centerCoordinate = new mapkit.Coordinate(13.71305495, 100.57943235)
19+
20+
const region = new mapkit.CoordinateRegion(
21+
centerCoordinate,
22+
new mapkit.CoordinateSpan(0.1, 0.11)
23+
)
24+
25+
map.cameraZoomRange = new mapkit.CameraZoomRange(250, 75000)
26+
map.region = region
27+
28+
// @ts-expect-error CameraBoundaryDescription.region does not exist in Map
29+
map.cameraBoundary = region
30+
31+
map.showItems([
32+
new mapkit.MarkerAnnotation(microsoftCoordinate, {
33+
title: 'Microsoft Thailand',
34+
subtitle: 'All Seasons Place, 37th Fl.',
35+
}),
36+
new mapkit.MarkerAnnotation(tdpkCoordinate, {
37+
title: 'True Digital Park West',
38+
subtitle: 'Grand Hall, 3rd Fl.',
39+
selected: true,
40+
}),
41+
])
42+
})
43+
</script>

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

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
import ScheduleTabs from '$schedule/tabs.svelte'
3+
---
4+
5+
<section class="grid grid-cols-1 gap-8 bg-brand-orange px-8 py-12 text-white md:grid-cols-2">
6+
<div class="text-center font-bold">
7+
<h1 class="text-xl">Day 1</h1>
8+
<h2 class="text-4xl">Workshop</h2>
9+
<h3 class="text-xl">(Fri) October 18, 2024</h3>
10+
<p class="pt-4 text-lg font-normal">Microsoft Thailand</p>
11+
</div>
12+
<div class="text-center font-bold">
13+
<h1 class="text-xl">Day 2</h1>
14+
<h2 class="text-4xl">Conference</h2>
15+
<h3 class="text-xl">(Sat) October 19, 2024</h3>
16+
<p class="pt-4 text-lg font-normal">True Digital Park West</p>
17+
</div>
18+
</section>

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

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
---
2+
import Kanok from '$sprites/kanok.svelte'
3+
4+
interface Speaker {
5+
id: string
6+
firstName: string
7+
lastName: string
8+
fullName: string
9+
tagLine: string
10+
profilePicture: string
11+
isTopSpeaker: boolean
12+
}
13+
14+
const speakers: Speaker[] = await fetch("https://sessionize.com/api/v2/i9esy36q/view/SpeakerWall")
15+
.then(o => o.json())
16+
---
17+
18+
<section class="bg-brand-green px-8 py-12">
19+
<h1 class="text-5xl font-bold text-brand-yellow text-center pb-6">Speakers</h1>
20+
<p class="mx-auto max-w-3xl text-center text-white pb-12">
21+
We're looking for speakers who are passionate about their craft and have a
22+
story to share. If you're interested in speaking at the conference, please
23+
submit a proposal at <a class="text-brand-blue" href="https://sessionize.com/javascript-bangkok-2024/">Sessionize</a>.
24+
</p>
25+
<div class="max-w-[96rem] mx-auto grid md:grid-cols-2 xl:grid-cols-3 gap-12">
26+
{speakers.map(({
27+
fullName,
28+
tagLine,
29+
profilePicture
30+
}) => (
31+
<article class="bg-white rounded-tr-3xl p-6 flex space-x-6">
32+
<div class="relative shrink-0">
33+
<img src={profilePicture} class="w-24 h-24 rounded-tr-2xl" />
34+
<Kanok size="s" color="blue" class="absolute -bottom-1 -left-1" variant="invert-x" />
35+
</div>
36+
<div>
37+
<h1 class="font-bold text-xl">{fullName}</h1>
38+
<h2 class="line-clamp-2">{tagLine}</h2>
39+
</div>
40+
</article>
41+
))}
42+
</div>
43+
</section>

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

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
import { Image } from 'astro:assets'
3+
4+
import odds from '$assets/odds.svg'
5+
import tdpk from '$assets/tdpk.svg'
6+
import microsoft from '$assets/microsoft.png'
7+
import eventpop from '$assets/eventpop.png'
8+
import jetbrains from '$assets/jetbrains.svg'
9+
import creatorsgarten from '$assets/creatorsgarten.svg'
10+
---
11+
12+
<section class="py-12 px-8 bg-white">
13+
<div class="pb-12 text-center">
14+
<h1 class="pb-6 text-5xl font-bold text-brand-blue">Sponsors</h1>
15+
<p>
16+
JavaScript Bangkok would like to thank our sponsors for their kind
17+
contributions.
18+
</p>
19+
<p>
20+
If you're interested in becoming a sponsor, email us at
21+
<a href="mailto:[email protected]" class="text-brand-blue"
22+
>[email protected]</a
23+
>
24+
</p>
25+
</div>
26+
27+
<div class="space-y-12 pb-8">
28+
<div>
29+
<h1 class="text-center font-bold text-3xl pb-6">Platinum</h1>
30+
<div class="flex flex-wrap justify-center gap-x-8 gap-y-6">
31+
<Image src={odds} alt="ODDS" class="h-28 w-auto" />
32+
</div>
33+
</div>
34+
35+
<div>
36+
<h1 class="text-center font-bold text-3xl pb-6">Gold</h1>
37+
<div class="flex flex-wrap justify-center gap-x-8 gap-y-6">
38+
<Image src={tdpk} alt="True Digital Park" class="h-16 w-auto" />
39+
</div>
40+
</div>
41+
42+
<div>
43+
<h1 class="text-center font-bold text-3xl pb-6">Silver</h1>
44+
<div class="flex flex-wrap justify-center gap-x-8 gap-y-6">
45+
<Image src={microsoft} alt="Microsoft" class="h-8 w-auto" />
46+
<Image src={eventpop} alt="Microsoft" class="h-8 w-auto" />
47+
</div>
48+
</div>
49+
50+
<div>
51+
<h1 class="text-center font-bold text-3xl pb-6">Communities</h1>
52+
<div class="flex flex-wrap justify-center gap-x-8 gap-y-6">
53+
<Image src={creatorsgarten} alt="Creatorsgarten" class="h-9 w-auto" />
54+
<Image src={jetbrains} alt="Creatorsgarten" class="h-8 w-auto" />
55+
</div>
56+
</div>
57+
</div>
58+
</section>

0 commit comments

Comments
 (0)