Skip to content

Commit edb9101

Browse files
dtinthclaude[bot]
dtinth
and
claude[bot]
committed
ปรับปรุงส่วน Venue และ What Is Stupid Hack ให้อ่านง่ายขึ้น
- ปรับปรุงส่วน WhatIsStupidHackSection ให้สั้นลงและมีกล่องคุณลักษณะ 3 อัน - สร้าง VenueSection ใหม่ด้วยสไตล์ที่สอดคล้องกัน - เพิ่มโลโก้และรูปภาพของ Game Dev Hub - ใส่ Google Maps embed และข้อมูลการเดินทาง - ย้าย VenueSection ไปก่อน EventAgenda - ลบปุ่ม Website และ Maps และทำให้โลโก้และข้อความคลิกได้แทน - เพิ่ม iconify-icon support Co-authored-by: Claude <209825114+claude[bot]@users.noreply.github.com>
1 parent 6f992b1 commit edb9101

4 files changed

Lines changed: 180 additions & 51 deletions

File tree

‎src/components/VenueSection.astro‎

Lines changed: 111 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,119 @@
11
---
2+
23
---
34

4-
<section class="w-full bg-orange-500 text-white py-16">
5-
<div class="max-w-7xl mx-auto px-8">
6-
<h2 class="text-4xl font-black uppercase text-center mb-8 tracking-wide">
7-
Venue
8-
</h2>
9-
10-
<div class="flex flex-col lg:flex-row gap-8 lg:gap-16">
11-
<div class="flex-1">
12-
<div class="text-xl font-bold mb-2">GameDevHub Bangkok</div>
13-
<div class="text-lg leading-relaxed mb-4">
14-
BB Building 16th Floor, Unit 1605-1609<br />
15-
54 Sukhumvit 21, Khlong Toei Nuea, Watthana, Bangkok 10110
16-
</div>
17-
<div class="flex gap-4 text-lg">
18-
<a
19-
href="https://www.gamedevhub.co.th/"
20-
target="_blank"
21-
class="text-white hover:text-orange-200 underline transition-colors"
22-
>
23-
Website
24-
</a>
25-
<span>|</span>
26-
<a
27-
href="https://maps.app.goo.gl/kJ9qo89T36Jc4MMs6"
28-
target="_blank"
29-
class="text-white hover:text-orange-200 underline transition-colors"
30-
>
31-
Google Maps
32-
</a>
5+
<section
6+
class="w-full bg-gradient-to-br from-[#05232e] to-[#05204E] pt-24 pb-16"
7+
>
8+
<div class="max-w-6xl mx-auto px-8">
9+
<div class="text-center mb-16">
10+
<h2
11+
class="text-4xl md:text-7xl text-white mb-6 tracking-wide"
12+
style="font-family: 'Righteous', cursive;"
13+
>
14+
VENUE
15+
</h2>
16+
17+
<div class="flex justify-center mb-8">
18+
<a href="https://www.gamedevhub.co.th/" target="_blank" class="hover:opacity-80 transition-opacity">
19+
<img
20+
src="https://usercontent.creatorsgarten.org/c/v1752522160/644c35a6802c02345887f156/44e8b7_8c5adaac8d6045f7add33524a2bf651f_mv2_wdtgi8.webp"
21+
alt="Game Dev Hub Bangkok Logo"
22+
class="h-16 md:h-20 object-contain"
23+
/>
24+
</a>
25+
</div>
26+
27+
<p class="text-white text-lg leading-relaxed max-w-3xl mx-auto mb-4">
28+
Bangkok's first collaborative workspace built by game creators, for game
29+
creators. A 500 sqm innovation playground where we'll hack through the
30+
night!
31+
</p>
32+
33+
<p class="text-[#19806f] text-lg font-medium max-w-2xl mx-auto">
34+
Special thanks to <a href="https://www.gamedevhub.co.th/" target="_blank" class="underline hover:text-[#146b5c] transition-colors">Game Dev Hub</a> for hosting us and allowing overnight
35+
stays!
36+
</p>
37+
</div>
38+
39+
<div class="grid lg:grid-cols-3 gap-8">
40+
<div class="lg:col-span-1">
41+
<h3
42+
class="text-2xl font-semibold text-white mb-6"
43+
style="font-family: 'K2D', sans-serif;"
44+
>
45+
Location & Getting There
46+
</h3>
47+
48+
<div class="bg-gray-900/50 rounded-lg p-6 mb-6">
49+
<div class="flex items-start gap-3 mb-4">
50+
<iconify-icon
51+
icon="mdi:map-marker"
52+
class="text-xl text-[#19806f] mt-1"></iconify-icon>
53+
<div>
54+
<h4 class="text-white font-semibold">Game Dev Hub Bangkok</h4>
55+
<p class="text-gray-300 text-xs">
56+
BB Building 16th Floor, Unit 1605-1609, 54 Sukhumvit 21, Khlong
57+
Toei Nuea, Watthana, Bangkok 10110
58+
</p>
59+
</div>
60+
</div>
61+
62+
<div class="border-t border-gray-700 pt-4">
63+
<h4 class="text-white font-semibold mb-3">Public Transit</h4>
64+
<ul class="space-y-1 text-gray-300 text-sm">
65+
<li>
66+
<span class="font-semibold text-white">9 min</span> from MRT Phetchaburi
67+
</li>
68+
<li>
69+
<span class="font-semibold text-white">10 min</span> from MRT Sukhumvit
70+
</li>
71+
<li>
72+
<span class="font-semibold text-white">14 min</span> from BTS Asok
73+
</li>
74+
<li>
75+
<span class="font-semibold text-white">16 min</span> from ARL Makkasan
76+
</li>
77+
</ul>
78+
<p class="text-[#19806f] text-xs mt-3 font-medium">
79+
Note: Public transit recommended due to heavy traffic
80+
</p>
81+
</div>
3382
</div>
83+
3484
</div>
35-
36-
<div class="flex-1">
37-
<div class="text-xl font-bold mb-4">Getting There (Public Transit Recommended)</div>
38-
<ul class="space-y-2 text-lg leading-relaxed mb-4">
39-
<li><span class="font-bold">9 min walk</span> from MRT Phetchaburi (650m)</li>
40-
<li><span class="font-bold">10 min walk</span> from MRT Sukhumvit (700m)</li>
41-
<li><span class="font-bold">14 min walk</span> from BTS Asok (1km)</li>
42-
<li><span class="font-bold">16 min walk</span> from ARL Makkasan (1km)</li>
43-
</ul>
44-
<p class="text-orange-100 font-medium">
45-
<em>Note: Asok Montri Rd has heavy traffic jams - public transit strongly recommended over driving</em>
46-
</p>
85+
86+
<div class="lg:col-span-1">
87+
<h3
88+
class="text-2xl font-semibold text-white mb-6"
89+
style="font-family: 'K2D', sans-serif;"
90+
>
91+
The Space
92+
</h3>
93+
<img
94+
src="https://usercontent.creatorsgarten.org/c/v1752522031/644c35a6802c02345887f156/44e8b7_d9a1b3f9c0a04afc84e20254243849f6_mv2_stts8p.webp"
95+
alt="Game Dev Hub Bangkok Interior"
96+
class="w-full aspect-[4/3] object-cover rounded-lg shadow-lg"
97+
/>
98+
</div>
99+
100+
<div class="lg:col-span-1">
101+
<h3
102+
class="text-2xl font-semibold text-white mb-6"
103+
style="font-family: 'K2D', sans-serif;"
104+
>
105+
Find Us Here
106+
</h3>
107+
<iframe
108+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3875.579599819855!2d100.5629263!3d13.743883499999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29f0f2eadeecb%3A0x231df52c539970ff!2sGame%20Dev%20Hub!5e0!3m2!1sen!2sth!4v1752521875465!5m2!1sen!2sth"
109+
width="100%"
110+
height="300"
111+
style="border:0; border-radius: 8px;"
112+
allowfullscreen=""
113+
loading="lazy"
114+
referrerpolicy="no-referrer-when-downgrade"
115+
class="w-full rounded-lg"></iframe>
47116
</div>
48117
</div>
49118
</div>
50-
</section>
119+
</section>

‎src/components/WhatIsStupidHackSection.astro‎

Lines changed: 62 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
---
44

55
<section class="w-full bg-black pt-24 pb-16">
6-
<div class="max-w-4xl mx-auto px-8 text-center">
6+
<div class="max-w-6xl mx-auto px-8 text-center">
77
<h2
88
class="text-4xl md:text-7xl text-white mb-2 tracking-wide"
99
style="font-family: 'Righteous', cursive;"
@@ -18,13 +18,67 @@
1818
อยากใส่ใจ คือไรอ่ะ 👀
1919
</div>
2020

21-
<p class="text-white text-lg leading-relaxed max-w-3xl mx-auto text-left">
22-
Stupid Hackathon Thailand is a gathering of creators, developers, and
23-
technology enthusiasts who come together to "create weird things that
24-
nobody wants and make crazy ideas come true!" This hackathon is all about
25-
building projects that are wonderfully useless but bursting with
26-
creativity and fun. It's a playground for makers and inventors from all
27-
fields who want to turn their wildest ideas into reality over a weekend.
21+
<p
22+
class="text-white text-lg leading-relaxed max-w-2xl mx-auto text-center mb-12"
23+
>
24+
A playground for makers and inventors to “create weird things that nobody
25+
wants” - wonderfully useless projects bursting with creativity and fun!
2826
</p>
27+
28+
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
29+
<div
30+
class="bg-gray-900 rounded-xl p-6 text-center border border-gray-800 hover:border-[#19806f] transition-colors"
31+
>
32+
<iconify-icon
33+
icon="mdi:creation"
34+
class="text-4xl text-[#19806f] mb-4 block"></iconify-icon>
35+
<h3
36+
class="text-xl font-semibold mb-3 text-white"
37+
style="font-family: 'K2D', sans-serif;"
38+
>
39+
Creativity & Fun
40+
</h3>
41+
<p class="text-gray-300 leading-relaxed">
42+
Strip away business constraints and focus on boundless creativity.
43+
Build projects that are wonderfully useless but wildly imaginative.
44+
</p>
45+
</div>
46+
47+
<div
48+
class="bg-gray-900 rounded-xl p-6 text-center border border-gray-800 hover:border-[#19806f] transition-colors"
49+
>
50+
<iconify-icon
51+
icon="mdi:account-group"
52+
class="text-4xl text-[#19806f] mb-4 block"></iconify-icon>
53+
<h3
54+
class="text-xl font-semibold mb-3 text-white"
55+
style="font-family: 'K2D', sans-serif;"
56+
>
57+
Community
58+
</h3>
59+
<p class="text-gray-300 leading-relaxed">
60+
Gather creators, developers, and enthusiasts from all walks of life.
61+
Meet like-minded people and build lasting connections.
62+
</p>
63+
</div>
64+
65+
<div
66+
class="bg-gray-900 rounded-xl p-6 text-center border border-gray-800 hover:border-[#19806f] transition-colors"
67+
>
68+
<iconify-icon
69+
icon="mdi:rocket-launch"
70+
class="text-4xl text-[#19806f] mb-4 block"></iconify-icon>
71+
<h3
72+
class="text-xl font-semibold mb-3 text-white"
73+
style="font-family: 'K2D', sans-serif;"
74+
>
75+
Learn by Doing
76+
</h3>
77+
<p class="text-gray-300 leading-relaxed">
78+
Turn your wildest, most eccentric ideas into reality over a weekend.
79+
Learn through hands-on creation and experimentation.
80+
</p>
81+
</div>
82+
</div>
2983
</div>
3084
</section>

‎src/layouts/Layout.astro‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,12 @@ import "../styles/global.css";
1616
rel="stylesheet"
1717
/>
1818
<meta name="generator" content={Astro.generator} />
19+
<script
20+
is:inline
21+
async
22+
src="https://cdn.jsdelivr.net/npm/iconify-icon@3.0.0/dist/iconify-icon.min.js"
23+
integrity="sha256-Kso6QVCIsLDWJW8DfknlsSFRaYbjZRzYrVLs7DeugxI="
24+
crossorigin="anonymous"></script>
1925
<title>Stupido Hackettino ๙</title>
2026
</head>
2127
<body class="antialiased">

‎src/pages/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,10 @@ import Layout from "../layouts/Layout.astro";
1919
<HeroSection />
2020
<CreatoriGiardinoMarquee />
2121
<WhatIsStupidHackSection />
22+
<VenueSection />
2223
<EventAgenda />
2324
<QuickOverview />
2425
<AboutSection />
25-
<VenueSection />
2626
<RegistrationSection />
2727
<SponsorshipSection />
2828
<SponsorsSection />

0 commit comments

Comments
 (0)