Skip to content

Commit b16fb20

Browse files
iRenanMatthewiRenanMatthew
committed
Homepage polishing and cleaning contents
1 parent cab041b commit b16fb20

32 files changed

Lines changed: 397 additions & 123 deletions

‎app/home/templates/home/components/navbar.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@
117117
</div>
118118
<!-- Ticket Button (desktop only) -->
119119
<div class="hidden lg:block">
120-
<a href="https://ti.to/pythonph/pythonasia-2026/" target="_blank" class="btn btn-primary btn-wide py-2 px-4 sm:py-3.5 sm:px-8">
120+
<a href="https://ti.to/pythonph/pythonasia-2026/" target="_blank" class="btn btn-primary btn-wide py-2 px-4 sm:py-3.5 sm:px-8 text-white">
121121
<span class="lg:inline font-bantayog text-base sm:text-xl">Get Tickets</span>
122122
</a>
123123
</div>

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

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,35 @@
11
{% extends "base.html" %}
2+
23
{% load static %}
4+
{% block extra_css %}
5+
<style>
6+
.cstm_bottom{
7+
position: absolute;
8+
bottom: -65px;
9+
left: 0;
10+
}
11+
12+
.cstm_top{
13+
position: absolute;
14+
top: -65px;
15+
left: 0;
16+
}
17+
18+
#conference-at-a-glance {
19+
background: url(/static/img/bg-conference-at-glance.png) no-repeat;
20+
}
21+
</style>
22+
{% endblock %}
323
{% block content %}
424
<main>
525
<div class="min-h-screen" style="background-image: url('{% static 'img/background.png' %}')">
626
<!-- Navbar -->
727
{% include "home/components/navbar.html" %}
828
<!-- Hero Section -->
929
{% include "home/sections/hero-section.html" %}
10-
<div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block cstm_break mt-[-9vw]">
11-
<img src="{% static 'img/vectors/section-break-1.svg' %}" alt="Section Break" class="w-full block"
12-
width="1920" height="200">
13-
</div>
1430
<!-- About Us Section -->
1531
{% include "home/sections/about-us.html" %}
1632
<!-- Section Break -->
17-
<div class="w-full py-0 my-0 z-10 -mt-25 cstm_break about-us_break">
18-
<img src="{% static 'img/vectors/section-break-2.svg' %}" alt="Section Break" class="w-full block"
19-
width="1920" height="200">
20-
</div>
2133
<!-- Conference at a Glance Section -->
2234
{% include "home/sections/conference-at-a-glance.html" %}
2335
<!-- Why Python Section -->

‎app/home/templates/home/sections/about-us.html‎

Lines changed: 26 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ <h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy">What is PythonAsi
77
</div>
88
<!-- Main Content -->
99
<div class="text-center px-8 md:px-16 lg:px-24 w-full max-w-[975px] mx-auto">
10-
<h3 class="text-2xl font-bold mb-6 uppercase font-bantayog">
10+
<h3 class="text-2xl md:text-3xl font-bold mb-6 uppercase font-bantayog">
1111
The Flagship Gathering for Python Enthusiasts Across Asia - Uniting Diverse Communities across the
1212
region
1313
</h3>
14-
<p class="text-base leading-relaxed font-nunito">
14+
<p class="text-base md:text-lg leading-relaxed font-nunito">
1515
Previously known as PyCon APAC, the conference has a long history of bringing together developers,
1616
students, educators, researchers, and industry leaders to collaborate, exchange ideas, and build lasting
1717
connections. Its goal remains to create a space for exploring, discussing, and applying Python and its
@@ -35,8 +35,7 @@ <h3 class="text-2xl font-bold mb-6 uppercase font-bantayog">
3535
</div>
3636
<div class="flex justify-center items-center mb-12">
3737
<div class="relative">
38-
<img src="{% static 'img/about-us-photo.png' %}" alt="PyCon PH 2025 Conference" width="800"
39-
height="600">
38+
<img src="{% static 'img/about-us-photo.png' %}" alt="PyCon PH 2025 Conference" class="w-full">
4039
</div>
4140
</div>
4241
<!-- 3 Days Section -->
@@ -55,11 +54,11 @@ <h3 class="text-5xl font-bold mb-8 font-td_pinoy text-center sm:text-left xl:tex
5554
<div
5655
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
5756
<div class="inline-block mb-2">
58-
<img src="{% static 'img/vectors/star-icon.svg' %}" alt="Inspiring Keynotes" width="64"
59-
height="64" />
57+
<img src="{% static 'img/vectors/star-icon.svg' %}" alt="Inspiring Keynotes"
58+
class="w-[60px] h-[60px] mb-4" />
6059
</div>
6160
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Inspiring Keynotes</h4>
62-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
61+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
6362
Hear inspiring talks from core contributors, community leaders, and innovators shaping Python across
6463
Asia and beyond
6564
</p>
@@ -68,11 +67,11 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Inspiring Keynotes</h
6867
<div
6968
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
7069
<div class="inline-block mb-2">
71-
<img src="{% static 'img/vectors/conversation-icon.svg' %}" alt="Talks & Lightning Talks" width="64"
72-
height="64" />
70+
<img src="{% static 'img/vectors/conversation-icon.svg' %}" alt="Talks & Lightning Talks"
71+
class="w-[60px] h-[60px] mb-4" />
7372
</div>
7473
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Talks & Lightning Talks</h4>
75-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
74+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
7675
From deep-dive sessions to quick, punchy insights, learn from diverse voices across the Python
7776
community.
7877
</p>
@@ -82,10 +81,10 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Talks & Lightning Tal
8281
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
8382
<div class="inline-block mb-2">
8483
<img src="{% static 'img/vectors/icon-multitrack-and-live.svg' %}"
85-
alt="Multi-Track & Live Workshops" width="64" height="64" />
84+
alt="Multi-Track & Live Workshops" class="w-[60px] h-[60px] mb-4" />
8685
</div>
8786
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Multi-Track & Live Workshops</h4>
88-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
87+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
8988
Dive into AI/ML, Data Science, DevOps, Open Source, and region-specific use cases powering
9089
real-world impact.
9190
</p>
@@ -95,10 +94,10 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Multi-Track & Live Wo
9594
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
9695
<div class="inline-block mb-2">
9796
<img src="{% static 'img/vectors/icon-community-gatherings.svg' %}" alt="Community Gatherings"
98-
width="64" height="64" />
97+
width="64" class="w-[85px] h-[60px] mb-4" />
9998
</div>
10099
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Community Gatherings</h4>
101-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
100+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
102101
Join special sessions like the PyLadies Lunch, and Open Spaces — designed to spark conversations and
103102
build connections.
104103
</p>
@@ -107,11 +106,11 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Community Gatherings<
107106
<div
108107
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
109108
<div class="inline-block mb-2">
110-
<img src="{% static 'img/vectors/icon-career-mixer.svg' %}" alt="Career Mixer" width="64"
111-
height="64" />
109+
<img src="{% static 'img/vectors/icon-career-mixer.svg' %}" alt="Career Mixer"
110+
class="w-[60px] h-[60px] mb-4" />
112111
</div>
113112
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Career Mixer</h4>
114-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
113+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
115114
Meet potential employers, collaborators, and mentors in a relaxed, networking-focused environment.
116115
</p>
117116
</div>
@@ -120,10 +119,10 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Career Mixer</h4>
120119
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
121120
<div class="inline-block mb-2">
122121
<img src="{% static 'img/vectors/icon-sponsor-booths.svg' %}" alt="Sponsor Booths & Stamp Quest"
123-
width="64" height="64" />
122+
class="w-[60px] h-[60px] mb-4" />
124123
</div>
125124
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Sponsor Booths & Stamp Quest</h4>
126-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
125+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
127126
Explore sponsor showcases, discover new opportunities, and complete our signature Stamp Collection
128127
Quest for fun tokens, prizes, and new connections.
129128
</p>
@@ -132,11 +131,10 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Sponsor Booths & Stam
132131
<div
133132
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
134133
<div class="inline-block mb-2">
135-
<img src="{% static 'img/vectors/hands-on-icon.svg' %}" alt="Open Source Sprints" width="64"
136-
height="64" />
134+
<img src="{% static 'img/vectors/hands-on-icon.svg' %}" alt="Open Source Sprints" class="w-[75px] h-[60px] mb-4"/>
137135
</div>
138136
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Open Source Sprints</h4>
139-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
137+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
140138
Team up with maintainers and peers (bring your laptop!) to contribute to open source, then connect
141139
at our career fair.
142140
</p>
@@ -145,23 +143,23 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Open Source Sprints</
145143
<div
146144
class="flex flex-col items-center justify-center sm:items-start sm:justify-start xl:items-start xl:justify-start">
147145
<div class="inline-block mb-2">
148-
<img src="{% static 'img/vectors/icon-education-summit.svg' %}" alt="Education Summit" width="64"
149-
height="64" />
146+
<img src="{% static 'img/vectors/icon-education-summit.svg' %}" alt="Education Summit"
147+
class="w-[60px] h-[60px] mb-4" />
150148
</div>
151149
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Education Summit</h4>
152-
<p class="text-sm font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
150+
<p class="text-base font-nunito w-full max-w-[305px] text-center sm:text-left xl:text-left">
153151
Co-organized with De La Salle University (DLSU), this special track brings together educators,
154152
students, and practitioners to explore how Python is shaping learning and research in Asia
155153
</p>
156154
</div>
157155
</div>
158156
<!-- Call to Action -->
159-
<div class="text-center bg-[#B04301] p-[30px] pb-10 rounded-2xl">
160-
<p class="text-lg mb-2 uppercase tracking-wide font-bantayog">
157+
<div class="text-center bg-[#B04301] p-[30px] pb-10 rounded-2xl" style="max-width: 1160 px; margin: 0 auto;">
158+
<p class="text-2xl mb-8 uppercase tracking-wide font-bantayog mx-auto" style="max-width: 900px;">
161159
Join hundreds of developers, students, educators, researchers, and community leaders from across Asia
162160
for 3 days of
163161
</p>
164-
<h3 class="md:text-6xl sm:text-4xl font-bold uppercase font-td_pinoy">Learning, Inspiration, and Connection
162+
<h3 class="md:text-[42px] text-4xl font-bold uppercase font-td_pinoy">Learning, Inspiration, and Connection
165163
</h3>
166164
</div>
167165
</div>

‎app/home/templates/home/sections/call-for-x.html‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
{% load static %}
2-
<section id="call-for-x" class="py-20 bg_call-for-links">
2+
<section id="call-for-x" class="py-32 bg_call-for-links relative">
33
<div class="container mx-auto px-6">
4+
<img src="{% static 'img/vectors/section-divider-03.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_top block">
45
<!-- Header -->
56
<div class="text-center mb-16">
6-
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy text-white">Get Involved</h2>
7+
<h2 class="text-5xl md:text-6xl font-bold mb-4 font-td_pinoy text-white">Get Involved</h2>
78
<p class="text-[28px] font-bantayog uppercase text-white">Magic happens when people come together to achieve
89
common goals.</p>
910
</div>
1011
<div
11-
class="flex flex-col sm:flex-row md:items-stretch md:justify-center items-center gap-8 mb-20 max-w-5xl mx-auto">
12+
class="flex flex-col sm:flex-row md:items-stretch md:justify-center items-center gap-8 max-w-5xl mx-auto">
1213

1314
<div
1415
class="p-8 rounded-2xl w-full max-w-[300px] min-h-[350px] bg-offwhite-2 border-t-[8px] border-t-[#B04301] h-[250px]">
@@ -34,9 +35,6 @@ <h4 class="text-2xl font-bold mb-0 font-bantayog text-brown-3">LINK:</h4>
3435
</div>
3536
</div>
3637
</div>
37-
38-
{% comment %}
39-
{% include "home/sections/tickets-section.html" %}
40-
{% endcomment %}
38+
<img src="{% static 'img/vectors/section-divider-04.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_bottom block">
4139
</div>
4240
</section>

‎app/home/templates/home/sections/conference-at-a-glance.html‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
{% load static %}
22
<section id="conference-at-a-glance"
3-
class="pt-20 bg-[url('{% static 'img/bg-conference-at-glance.png' %}')] bg-contain bg-center">
3+
class="pt-48 bg-contain bg-center relative">
4+
5+
<img src="{% static 'img/vectors/section-divider-02.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_top block">
6+
47
<div class="container mx-auto px-6">
58
<!-- Header -->
69
<div class="text-center mb-16">
7-
<h2 class="text-5xl md:text-6xl font-bold font-td_pinoy" style="color: #D87A3F">
10+
<h2 class="text-5xl md:text-6xl font-bold font-td_pinoy text-orange-2" >
811
Conference at a Glance
912
</h2>
1013
</div>

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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
{% load static %}
2-
3-
<section id="hero" class="px-[4%] flex flex-col items-center justify-end">
2+
<section id="hero" class="px-[4%] flex flex-col items-center justify-end relative">
43
<div class="flex flex-col max-w-[730px] mx-auto pb-[20px] pt-[180px] xl:pb-[50px] xl:pt-[150px] 2xl:pb-[100px]
54
2xl:pt-[250px] gap-5">
65
<div class="flex flex-col justify-center items-center gap-8">
@@ -39,4 +38,7 @@ <h2 class="font-bantayog text-[28px] text-white text-center">Co-organized By</h2
3938
</div>
4039
</div>
4140

41+
42+
<img src="{% static 'img/vectors/section-divider-01.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_bottom block">
43+
4244
</section>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@ <h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Keynote Speaker
99
for PythonAsia 2026
1010
</p>
1111
</div>
12-
<div class="keynote-speakers-wrapper flex justify-center items-center gap-[30px] flex-wrap">
12+
<div class="keynote-speakers-wrapper flex justify-center items-stretch gap-[30px] flex-wrap">
1313
{% for speaker in featured_speakers %}
1414
<div
15-
class="rounded-[24px] bg-cream-1 flex flex-col sm:flex-row gap-10 w-full max-w-[100%] lg:max-w-[48%] grow items-stretch"
15+
class="rounded-[24px] bg-cream-1 flex flex-col sm:flex-row gap-10 w-full max-w-[100%] lg:max-w-[48%] grow items-stretch h-full"
1616
style="padding: 30px">
1717
<div class="overflow-hidden flex-shrink-0 w-[230px] flex items-center justify-center">
1818
{% if speaker.photo_url %}

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
{% load static %}
22

3-
<div class="text-center relative max-w-[940px] mx-auto">
4-
<h2 class="text-5xl font-bold mb-6 font-td_pinoy" style="color: #BD4B06;">Tickets Available</h2>
5-
<p class="text-lg mb-8 max-w-3xl mx-auto font-nunito" style="color: #7C5E3B">
3+
<div class="text-center relative max-w-[940px] mx-auto overflow-hidden">
4+
<h2 class="text-5xl font-bold mb-6 font-td_pinoy text-brown-1">Tickets Available</h2>
5+
<p class="text-lg max-w-3xl mx-auto font-nunito text-brown-2">
66
Join us as we learn something new, teach something new, find opportunities, build cool things,
77
<br />
88
make friends, and geek out!
99
</p>
10-
<div class="flex justify-between items-center relative max-w-[550px] gap-8 mx-auto">
10+
<div class="flex justify-between items-center relative max-w-[900px] gap-8 mx-auto" style="margin-top: -30px;">
1111
<!-- Left Python Logo -->
1212
<div>
13-
<img src="{% static 'img/python-blue.png' %}" alt="Python Logo" class="w-32 h-auto" width="128" height="128">
13+
<img src="{% static 'img/python-blue.png' %}" alt="Python Logo" class="w-full max-w-56 h-80" style="margin-bottom: -50px;">
1414
</div>
1515
<!-- Get Tickets Button -->
1616
<div class="inline-block">
1717
<a href="https://ti.to/pythonph/pythonasia-2026/" target="_blank"
18-
class="inline-block px-4 py-2 md:px-12 md:py-6 text-white font-bold text-base sm:text-xl uppercase rounded-lg transition-all hover:opacity-90 mb-5"
19-
style="background-color: #D87A3F">Get Tickets</a>
18+
class="inline-block px-4 py-2 md:px-12 md:py-6 text-white font-bold text-base sm:text-xl uppercase rounded-lg transition-all bg-orange-2 hover:opacity-90 mb-5"
19+
>Get Tickets</a>
2020
</div>
2121
<!-- Right Python Logo -->
2222
<div>
23-
<img src="{% static 'img/python-yellow.png' %}" alt="Python Logo" class="w-32 h-auto" width="128" height="128">
23+
<img src="{% static 'img/python-yellow.png' %}" alt="Python Logo" class="w-full max-w-56 h-80" style="margin-bottom: -50px;">
2424
</div>
2525
</div>
2626
</div>

0 commit comments

Comments
 (0)