Skip to content

Commit 1dc38b1

Browse files
yokpapatsiriyokpapatsiri
committed
Add About, Event, and Quick Overview sections for Stupido Hackettino #9
- Implement AboutSection.astro with event details and image. - Create EventSection.astro detailing venue, registration, sponsorship, schedule, guidelines, and call-to-action. - Develop QuickOverview.astro for a concise event summary with key information. - Style all sections for a playful and engaging user experience.
1 parent 0f6015b commit 1dc38b1

7 files changed

Lines changed: 490 additions & 40 deletions

File tree

‎WEBSITE_DRAFT.md‎

Lines changed: 29 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -5,38 +5,13 @@
55
**Stupido Hackettino #9** - July 26-27, 2025 🚀
66
A weekend hackathon for creating wonderfully useless but wildly creative projects!
77

8-
📅 **When**: Saturday 9 AM → Sunday 6 PM
9-
📍 **Where**: GameDevHub Bangkok
10-
🎟️ **Tickets**: Coming soon via Eventpop (FREE!)
11-
👥 **Who**: All ages & skill levels welcome (max 80 people)
12-
13-
---
14-
15-
## Section 2: Event Information
16-
17-
### Event Details
18-
- **Event**: Stupido Hackettino ครั้งที่ ๙
19-
- **Date**: July 26-27, 2025 (Saturday-Sunday)
20-
- **Time**: 9:00 AM Saturday to 6:00 PM Sunday
8+
- **When**: Saturday 9 AM → Sunday 6 PM
9+
- **Where**: GameDevHub Bangkok
10+
- **Tickets**: Coming soon via Eventpop (FREE!)
2111
- **Capacity**: Maximum 80 participants
2212
- **Ages**: All ages welcome
2313
- **Skill Level**: All skill levels welcome
2414

25-
### Venue
26-
**GameDevHub Bangkok**
27-
- BB Building 16th Floor, Unit 1605-1609
28-
- 54 Sukhumvit 21, Khlong Toei Nuea, Watthana, Bangkok 10110
29-
- Website: https://www.gamedevhub.co.th/
30-
- Google Maps: https://maps.app.goo.gl/kJ9qo89T36Jc4MMs6
31-
32-
### Getting There (Public Transit Recommended)
33-
- **9 min walk** from MRT Phetchaburi (650m)
34-
- **10 min walk** from MRT Sukhumvit (700m)
35-
- **14 min walk** from BTS Asok (1km)
36-
- **16 min walk** from ARL Makkasan (1km)
37-
38-
*Note: Asok Montri Rd has heavy traffic jams - public transit strongly recommended over driving*
39-
4015
---
4116

4217
## Section 2: About the Event
@@ -58,9 +33,29 @@ This hackathon is all about building projects that are wonderfully useless but b
5833
**Want to see what "stupid but creative" looks like?**
5934
Check out projects from previous events: https://stupid.hackathon.in.th/
6035

36+
37+
---
38+
39+
## Section 3: Event Information
40+
41+
### Venue
42+
**GameDevHub Bangkok**
43+
- BB Building 16th Floor, Unit 1605-1609
44+
- 54 Sukhumvit 21, Khlong Toei Nuea, Watthana, Bangkok 10110
45+
- Website: https://www.gamedevhub.co.th/
46+
- Google Maps: https://maps.app.goo.gl/kJ9qo89T36Jc4MMs6
47+
48+
### Getting There (Public Transit Recommended)
49+
- **9 min walk** from MRT Phetchaburi (650m)
50+
- **10 min walk** from MRT Sukhumvit (700m)
51+
- **14 min walk** from BTS Asok (1km)
52+
- **16 min walk** from ARL Makkasan (1km)
53+
54+
*Note: Asok Montri Rd has heavy traffic jams - public transit strongly recommended over driving*
55+
6156
---
6257

63-
## Section 3: Registration
58+
## Section 4: Registration
6459

6560
### Tickets Coming Soon!
6661
- **Platform**: Eventpop
@@ -78,7 +73,7 @@ Follow our Facebook page for ticket release announcements:
7873

7974
---
8075

81-
## Section 4: Sponsorship & Funding Goals
76+
## Section 5: Sponsorship & Funding Goals
8277

8378
Help us make this event amazing! We're accepting sponsors to unlock better experiences for everyone.
8479

@@ -99,7 +94,7 @@ Help us make this event amazing! We're accepting sponsors to unlock better exper
9994

10095
---
10196

102-
## Section 5: Schedule
97+
## Section 6: Schedule
10398

10499
### Saturday, July 26
105100
- **Morning**: Ice-breaking & team formation
@@ -115,7 +110,7 @@ Help us make this event amazing! We're accepting sponsors to unlock better exper
115110

116111
---
117112

118-
## Section 6: What to Bring & Guidelines
113+
## Section 7: What to Bring & Guidelines
119114

120115
### Essential Items
121116
- **Laptop** and chargers
@@ -140,7 +135,7 @@ Help us make this event amazing! We're accepting sponsors to unlock better exper
140135

141136
---
142137

143-
## Section 7: Sponsors (Future Section - Hidden Until Sponsors Confirmed)
138+
## Section 8: Sponsors (Future Section - Hidden Until Sponsors Confirmed)
144139

145140
### Our Amazing Sponsors
146141
*This section will showcase corporate sponsor logos in a responsive grid*
@@ -150,7 +145,7 @@ Help us make this event amazing! We're accepting sponsors to unlock better exper
150145

151146
---
152147

153-
## Section 8: Call-to-Action
148+
## Section 9: Call-to-Action
154149

155150
### Ready to Join?
156151
1. **Follow** our Facebook page for ticket updates: https://www.facebook.com/creatorsgarten

‎src/assets/skibidi.webp‎

28.9 KB
Loading

‎src/assets/tungz.webp‎

486 KB
Loading

‎src/components/AboutSection.astro‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
---
2+
import skibidi from "../assets/skibidi.webp?url";
3+
---
4+
5+
<section class="about-section">
6+
<div class="about-marquee">
7+
<marquee behavior="scroll" direction="left" scrollamount="10">
8+
<span class="about-title">What is stupid hackathon?</span>
9+
</marquee>
10+
</div>
11+
<div class="about-content">
12+
<div class="about-text">
13+
<h2>About the Event</h2>
14+
<p>
15+
Calling all creators of "unnecessary things"! It's time to unleash your
16+
power - Stupido Hackettino #9 is coming!<br /><br />
17+
Stupid Hackathon Thailand is a gathering of creators, developers, and technology
18+
enthusiasts who come together to <b
19+
>"create weird things that nobody wants and make crazy ideas come
20+
true!"</b
21+
><br /><br />
22+
This hackathon is all about building projects that are wonderfully useless
23+
but bursting with creativity and fun. It's a playground for makers and inventors
24+
from all fields who want to turn their wildest ideas into reality over a
25+
weekend.
26+
</p>
27+
<!-- example project -->
28+
<p>
29+
<br />
30+
<b>Want to see what "stupid but creative" looks like?</b><br />
31+
<a href="https://stupid.hackathon.in.th/" target="_blank" rel="noopener"
32+
>Check out projects from previous events</a
33+
>
34+
</p>
35+
</div>
36+
<div class="about-image">
37+
<img src={skibidi} alt="skibidi" style="max-width: 70%;" />
38+
</div>
39+
</div>
40+
</section>
41+
42+
<style>
43+
.about-section {
44+
background: #e94d2f;
45+
color: #fff;
46+
padding: 3rem 0 3rem 0;
47+
position: relative;
48+
overflow: hidden;
49+
}
50+
.about-marquee {
51+
margin-bottom: 2rem;
52+
}
53+
.about-title {
54+
font-size: 2.5rem;
55+
font-weight: 900;
56+
letter-spacing: 0.1em;
57+
color: #ffe0e6;
58+
text-shadow: 2px 2px 0 #b92d1f;
59+
text-transform: uppercase;
60+
}
61+
.about-content {
62+
display: flex;
63+
flex-wrap: wrap;
64+
align-items: center;
65+
justify-content: center;
66+
gap: 2.5rem;
67+
max-width: 1100px;
68+
margin: 0 auto;
69+
}
70+
.about-text {
71+
flex: 1 1 350px;
72+
min-width: 300px;
73+
max-width: 600px;
74+
font-size: 1.15rem;
75+
line-height: 1.7;
76+
}
77+
.about-text h2 {
78+
font-size: 2rem;
79+
margin-bottom: 1rem;
80+
color: #fff;
81+
}
82+
.about-mission {
83+
margin: 1.5rem 0 1.5rem 1.2rem;
84+
padding: 0;
85+
list-style: disc inside;
86+
color: #ffe0e6;
87+
font-size: 1.1rem;
88+
}
89+
.about-mission li {
90+
margin-bottom: 0.7rem;
91+
}
92+
.about-image {
93+
flex: 1 1 250px;
94+
min-width: 220px;
95+
display: flex;
96+
align-items: center;
97+
justify-content: center;
98+
}
99+
@media (max-width: 900px) {
100+
.about-content {
101+
flex-direction: column;
102+
gap: 2rem;
103+
}
104+
.about-image {
105+
margin-top: 1.5rem;
106+
}
107+
}
108+
</style>

0 commit comments

Comments
 (0)