Skip to content

Commit 45587f4

Browse files
iRenanMatthewiRenanMatthew
committed
feat: Added event goers section w/ button on homepage to navigate to the section and update volunteers list
1 parent c32ead7 commit 45587f4

File tree

5 files changed

+145
-4849
lines changed

5 files changed

+145
-4849
lines changed

‎app/home/templates/home/index.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,8 @@
3535
<!-- Section Break -->
3636
<!-- Conference at a Glance Section -->
3737
{% include "home/sections/conference-at-a-glance.html" %}
38+
<!-- Event Goers Section -->
39+
{% include "home/sections/event-goers-section.html" %}
3840
<!-- Why Python Section -->
3941
{% include "home/sections/why-python.html" %}
4042
<!-- Call For X -->

‎app/home/templates/home/sections/event-goers-section.html‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
{% load static %}
2+
3+
<section id="event-goers" class="py-20 md:py-24 px-[4%] bg-offwhite-2">
4+
<div class="container mx-auto w-full max-w-[1120px]">
5+
<!-- Event Reminders Header -->
6+
<div class="text-center mb-10 md:mb-14" id="event-reminders">
7+
<p class="inline-flex items-center gap-2 px-4 py-1 mb-4 rounded-full bg-[#FBE7D6] text-xs md:text-sm font-semibold tracking-wide text-brown-2 uppercase font-nunito shadow-sm">
8+
<span class="inline-flex h-2 w-2 rounded-full bg-orange-2"></span>
9+
Important for all attendees
10+
</p>
11+
<h2 class="text-4xl md:text-5xl lg:text-6xl font-bold font-td_pinoy text-orange-2 drop-shadow-sm">
12+
Event Reminders
13+
</h2>
14+
<p class="mt-4 text-brown-2 text-base md:text-lg leading-relaxed font-nunito max-w-3xl mx-auto">
15+
As we get closer to the event, here are a few important reminders to help you prepare.
16+
</p>
17+
</div>
18+
19+
<!-- Reminder Content -->
20+
<div class="bg-[#FFF5EB] border border-[#F7C28A] rounded-3xl p-6 md:p-10 shadow-[0_18px_0_0_rgba(242,109,29,0.16)] md:shadow-[0_24px_0_0_rgba(242,109,29,0.16)] relative overflow-hidden">
21+
<div class="pointer-events-none absolute -top-10 -right-10 md:-top-8 md:-right-6 opacity-60">
22+
<img src="{% static 'img/vectors/icon-reminder.svg' %}" alt="" class="w-20 md:w-24 lg:w-28">
23+
</div>
24+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-8 relative z-10">
25+
<!-- What to Bring (full-width) -->
26+
<div id="what-to-bring" class="border border-[#F7C28A] bg-[#FFF9F3] rounded-2xl p-4 md:p-5 md:col-span-2">
27+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
28+
<span class="inline-flex h-2 w-2 rounded-full bg-orange-2"></span>
29+
What to Bring
30+
</h3>
31+
<ul class="list-disc list-inside space-y-2 font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
32+
<li>Laptop <span class="font-semibold">(especially for workshops and sprints)</span></li>
33+
<li>Reusable water bottle</li>
34+
<li>Your ticket QR code ready for scanning</li>
35+
</ul>
36+
<p class="mt-4 text-xs md:text-sm font-nunito leading-relaxed text-brown-2 bg-[#FDE4D6] border border-[#F26D1D] rounded-2xl px-4 py-3">
37+
<span class="font-semibold uppercase tracking-wide text-[0.7rem] md:text-[0.75rem]">Reminder:</span>
38+
<br>
39+
Pet bottles and plastic cups are not allowed inside the premises of De La Salle University Manila.
40+
</p>
41+
</div>
42+
43+
<!-- Registration (full-width) -->
44+
<div id="registration" class="border border-dashed border-[#F7C28A] rounded-2xl p-4 md:p-5 bg-[#FFFDFC] md:col-span-2">
45+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
46+
<span class="inline-flex h-2 w-2 rounded-full bg-[#FFA218]"></span>
47+
Registration
48+
</h3>
49+
<ul class="list-disc list-inside space-y-2 font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
50+
<li>Registration starts at <span class="font-semibold">8:00 AM</span> and ends at <span class="font-semibold">2:00 PM</span>.</li>
51+
<li>Please prepare your ticket QR code for faster entry.</li>
52+
<li>You may be asked to confirm data privacy consent during registration.</li>
53+
</ul>
54+
</div>
55+
56+
<!-- Bottom Grid: 2-column layout for remaining cards -->
57+
<!-- Dress Code -->
58+
<div id="dress-code" class="border border-[#F7C28A] bg-[#FFF9F3] rounded-2xl p-4 md:p-5">
59+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
60+
<span class="inline-flex h-2 w-2 rounded-full bg-[#F26D1D]"></span>
61+
Dress Code
62+
</h3>
63+
<p class="font-nunito text-brown-2 text-sm md:text-base leading-relaxed mb-2">
64+
Please follow the university guidelines of De La Salle University Manila.
65+
</p>
66+
<ul class="list-disc list-inside space-y-2 font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
67+
<li>Revealing clothes are not allowed.</li>
68+
<li>We recommend wearing comfortable attire suitable for a conference setting.</li>
69+
</ul>
70+
</div>
71+
72+
<!-- Conference Gate Access -->
73+
<div id="conference-gate-access" class="border border-dashed border-[#F7C28A] rounded-2xl p-4 md:p-5 bg-[#FFFDFC]">
74+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
75+
<span class="inline-flex h-2 w-2 rounded-full bg-[#FFA218]"></span>
76+
Conference Gate Access
77+
</h3>
78+
<ul class="list-disc list-inside space-y-2 font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
79+
<li>Use the designated conference gate for attendees.</li>
80+
<li>Follow the event signage and volunteer instructions upon arrival.</li>
81+
</ul>
82+
</div>
83+
84+
<!-- Parking Reminder -->
85+
<div id="parking-reminder" class="border border-[#F7C28A] bg-[#FFF9F3] rounded-2xl p-4 md:p-5">
86+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
87+
<span class="inline-flex h-2 w-2 rounded-full bg-[#F26D1D]"></span>
88+
Parking Reminder
89+
</h3>
90+
<ul class="list-disc list-inside space-y-2 font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
91+
<li>There are no parking spaces available inside De La Salle University Manila.</li>
92+
<li>Attendees are encouraged to park at nearby public parking areas.</li>
93+
</ul>
94+
</div>
95+
96+
<!-- Venue Guide -->
97+
<div id="venue-guide" class="border border-dashed border-[#F7C28A] rounded-2xl p-4 md:p-5 bg-[#FFFDFC]">
98+
<h3 class="text-xl md:text-2xl font-bantayog text-brown-1 mb-3 flex items-center gap-2">
99+
<span class="inline-flex h-2 w-2 rounded-full bg-[#FFA218]"></span>
100+
Venue Guide
101+
</h3>
102+
<p class="font-nunito text-brown-2 text-sm md:text-base leading-relaxed">
103+
A venue and university map guide will be provided to help you navigate the campus and find the conference halls easily.
104+
</p>
105+
</div>
106+
</div>
107+
108+
<!-- Closing Note -->
109+
<div class="mt-8 text-center font-nunito text-brown-2 text-sm md:text-base">
110+
<p class="inline-block px-4 py-2 rounded-full bg-[#FBE7D6] font-semibold">
111+
See you all this March 21–23! 🎉
112+
</p>
113+
</div>
114+
</div>
115+
</div>
116+
</section>
117+

‎app/home/templates/home/sections/hero-section.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,13 @@ <h2 class="font-bantayog leading-[125%] text-[52px] text-brown-1">MARCH 21-23, 2
1818
<p class="font-bantayog leading-[125%] text-xl text-brown-2 font-light">DE LA SALLE UNIVERSITY (DLSU), MALATE,
1919
MANILA</p>
2020
</div>
21-
<div class="text-center z-10">
21+
<div class="z-10 flex flex-col items-center justify-center gap-3 sm:flex-row sm:flex-wrap sm:gap-4">
2222
<a href="https://pretalx.com/python-asia-2026/schedule/" class="inline-block bg-orange-2 text-white px-4 py-2 rounded-md text-base font-semibold font-nunito hover:bg-orange-3 transition">
2323
View Program Schedule
2424
</a>
25+
<a href="#event-reminders" class="inline-block bg-orange-1 text-white px-4 py-2 rounded-md text-base font-semibold font-nunito hover:bg-brown-2 transition">
26+
View Event Reminders
27+
</a>
2528
</div>
2629
<div class="python-kalinga-pot">
2730
<img class="pot" src="{% static 'img/py_kalinga-pot.svg' %}" alt="Kalinga pot" width="500" height="500">

‎app/home/templates/internal/pages/volunteers.html‎

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,11 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
4141
Alec Marx Gabriel Nono,<br>
4242
Margaret Patrice M. Ramos,<br>
4343
Jean Rondel R. Ponce,<br>
44-
Evan De Guzman
44+
Evan De Guzman, <br>
45+
Arjay Rosel, <br>
46+
Rainier Joshua Reyes, <br>
47+
Almira Zabrina Alyson Velasquez, <br>
48+
Jonalaine Aporado
4549
</td>
4650
</tr>
4751

@@ -87,7 +91,9 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
8791
Kelcey Cruz,<br>
8892
Joshua Abalo,<br>
8993
Rhian N. Baja,<br>
90-
Kathleen Nea Macaspac
94+
Kathleen Nea Macaspac, <br>
95+
Matthew Kristoffer Ong, <br>
96+
Andrei Luis Balingit
9197
</td>
9298
</tr>
9399

@@ -110,7 +116,9 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
110116
Renzel Vince E. Eleydo,<br>
111117
Juan Titus S. Rodriguez,<br>
112118
Sam Sanchez,<br>
113-
Pai Tano
119+
Pai Tano,<br>
120+
Patrick Hans Perez,<br>
121+
Kiona Moria Aguana
114122
</td>
115123
</tr>
116124

@@ -130,12 +138,11 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
130138

131139
<tr>
132140
<td class="p-6 font-semibold">Marketing</td>
133-
<td class="p-6">Lalaine Lery Diok,<br>Luke Mark Leona,<br>Marco Dalanon,<br>Pierre Zurbito</td>
141+
<td class="p-6">Lalaine Lery Diok,<br>Luke Mark Leona,<br>Marco Dalanon,<br>Pierre Zurbito,<br> Michie Ang</td>
134142
<td class="p-6">
135143
Lindsay Gloria Diok,<br>
136144
Rosiel Villareal,<br>
137145
Christian Paulo Argete,<br>
138-
Michie Ang
139146
</td>
140147
</tr>
141148

@@ -166,7 +173,8 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
166173
Manuel Carlos U. Tanchiao, <br>
167174
Raphael Glendhel T. Romero, <br>
168175
Margaret Patrice M. Ramos, <br>
169-
Cassandra Lujille Servo
176+
Cassandra Lujille Servo, <br>
177+
Raphel Angelo Mercado
170178
</td>
171179
</tr>
172180

@@ -176,7 +184,13 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 leading-[1.5]">
176184
<td class="p-6">
177185
Carl Jayvin Lee,<br>
178186
Farhana Lardizabal,<br>
179-
John Paul Curada</td>
187+
John Paul Curada, <br>
188+
Zabella Imperial, <br>
189+
Dinnah Feye Andal, <br>
190+
Trisha Alissandra Sayo, <br>
191+
Jose Maria Angelo Guerra, <br>
192+
Edmar Dizon
193+
</td>
180194
</tr>
181195

182196
<tr>

0 commit comments

Comments
 (0)