Skip to content

Commit deb0cbf

Browse files
iRenanMatthewiRenanMatthew
authored
Site polishing from top to bottom of landing page
Site polishing from top to bottom of landing page
2 parents 00788aa + bcb6930 commit deb0cbf

File tree

13 files changed

+737
-601
lines changed

13 files changed

+737
-601
lines changed

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

Lines changed: 22 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,18 @@
44
<div class="container mx-auto px-6">
55
<!-- Header -->
66
<div class="text-center mb-16">
7-
<p class="text-sm uppercase tracking-wider mb-4">
8-
ᜆᜓᜅ᜔ᜃᜓᜎ᜔ ᜐ ᜀᜋᜒᜈ᜔
9-
</p>
10-
<h2 class="text-5xl md:text-6xl font-bold mb-12">What is PythonAsia?</h2>
7+
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy">What is PythonAsia?</h2>
118
</div>
129

1310
<!-- Main Content -->
1411
<div class="grid md:grid-cols-2 gap-12 items-start mb-20">
1512
<div class="text-left">
16-
<h3 class="text-2xl font-bold mb-6 uppercase">
13+
<h3 class="text-2xl font-bold mb-6 uppercase font-bantayog leading-[130%]">
1714
The largest gathering of Python<br/>
1815
developers in the Philippines with a<br/>
19-
global experience ▶
16+
global experience 🇵🇭🌎
2017
</h3>
21-
<p class="text-base leading-relaxed">
18+
<p class="text-base leading-relaxed font-nunito">
2219
PyCon is a volunteer-run, non-profit conference for the Python
2320
community, held worldwide since starting in the US. In the
2421
Philippines, PyCon PH has been organized annually since
@@ -34,9 +31,9 @@ <h3 class="text-2xl font-bold mb-6 uppercase">
3431
</div>
3532

3633
<!-- 3 Days Section -->
37-
<div class="text-center mb-12">
38-
<h3 class="text-5xl font-bold mb-8">3 Days, Endless Possibilities</h3>
39-
<p class="text-lg max-w-4xl mx-auto leading-relaxed">
34+
<div class="mb-12">
35+
<h3 class="text-5xl font-bold mb-8 font-td_pinoy">3 Days, Endless Possibilities</h3>
36+
<p class="text-lg leading-relaxed">
4037
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna. Lorem ipsum dolor sit amet, consectetur
4138
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.
4239
</p>
@@ -45,45 +42,45 @@ <h3 class="text-5xl font-bold mb-8">3 Days, Endless Possibilities</h3>
4542
<!-- Features Grid -->
4643
<div class="grid md:grid-cols-3 gap-8 mb-16">
4744
<!-- World-Class Keynotes -->
48-
<div class="text-center">
45+
<div class="">
4946
<div class="inline-block p-4 mb-4">
50-
<span class="material-symbols-outlined text-white" style="font-size: 64px;">star</span>
47+
<img src="{% static 'img/vectors/conversation-icon.svg' %}"/>
5148
</div>
52-
<h4 class="text-xl font-bold uppercase mb-3">World-Class Keynotes</h4>
53-
<p class="text-sm">
49+
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">World-Class Keynotes</h4>
50+
<p class="text-sm font-nunito">
5451
From core contributors, startup founders, and AI pioneers.
5552
</p>
5653
</div>
5754

5855
<!-- Multi-Track & Live Labs -->
59-
<div class="text-center">
56+
<div class="">
6057
<div class="inline-block p-4 mb-4">
61-
<span class="material-symbols-outlined text-white" style="font-size: 64px;">forum</span>
58+
<img src="{% static 'img/vectors/star-icon.svg' %}"/>
6259
</div>
63-
<h4 class="text-xl font-bold uppercase mb-3">Multi-Track & Live Labs</h4>
64-
<p class="text-sm">
60+
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Multi-Track & Live Labs</h4>
61+
<p class="text-sm font-nunito">
6562
Covering AI/ML, data science, DevOps, and open source.
6663
</p>
6764
</div>
6865

6966
<!-- Hands-On Sprints -->
70-
<div class="text-center">
67+
<div class="">
7168
<div class="inline-block p-4 mb-4">
72-
<span class="material-symbols-outlined text-white" style="font-size: 64px;">code</span>
69+
<img src="{% static 'img/vectors/hands-on-icon.svg' %}"/>
7370
</div>
74-
<h4 class="text-xl font-bold uppercase mb-3">Hands-On Sprints</h4>
75-
<p class="text-sm">
71+
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Hands-On Sprints</h4>
72+
<p class="text-sm font-nunito">
7673
Code with maintainers (bring your laptop), then connect at our career expo & sponsor zone.
7774
</p>
7875
</div>
7976
</div>
8077

8178
<!-- Call to Action -->
82-
<div class="text-center">
83-
<p class="text-lg mb-2 uppercase tracking-wide">
79+
<div class="text-center bg-[#B04301] p-[30px] pb-10 rounded-2xl">
80+
<p class="text-lg mb-2 uppercase tracking-wide font-bantayog">
8481
Join <strong>200+ builders, students, and founders</strong>, for <strong>48 hours</strong> of
8582
</p>
86-
<h3 class="text-5xl md:text-6xl font-bold uppercase">
83+
<h3 class="text-5xl md:text-6xl font-bold uppercase font-td_pinoy">
8784
Code, Coffee, and Collaboration.
8885
</h3>
8986
</div>

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

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,9 @@
77
<div class="w-full max-w-[1160px] mx-auto px-6 flex gap-[30px]">
88
<div class="w-[45%] max-w-[510px]">
99
<div>
10-
<h2 class="text-[32px] color-[#7C5E3B] leading-[120%]">
11-
ano aN+ pykon
12-
</h2>
13-
<p class="color-[#F26D1D] text-6xl leading-[120%] tracking-[2%]">
10+
<h2 class="color-[#F26D1D] text-6xl leading-[120%] tracking-[2%] font-td_pinoy">
1411
Announcement
15-
</p>
12+
</h2>
1613
</div>
1714
<img
1815
src="{% static 'img/py_kalinga-pot.png' %}"
@@ -23,14 +20,14 @@ <h2 class="text-[32px] color-[#7C5E3B] leading-[120%]">
2320
<div class="w-[55%] max-w-[620px] flex flex-col gap-4">
2421
<div class="flex flex-col gap-4">
2522
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
26-
<div class="flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
23+
<div class="font-bantayog flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
2724
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
2825
<p class="text-[52px] leading-[120%] color-[#84400F]">21</p>
2926
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
3027
</div>
3128
<div class="flex flex-col gap-2 justify-center">
32-
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
33-
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
29+
<h3 class="font-bantayog text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
30+
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
3431
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
3532
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
3633
Pellentesque sit amet. Pellentesque sit amet.
@@ -40,14 +37,14 @@ <h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Si
4037
</div>
4138
<div class="flex flex-col gap-4">
4239
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
43-
<div class="flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
40+
<div class="font-bantayog flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
4441
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
4542
<p class="text-[52px] leading-[120%] color-[#84400F]">22</p>
4643
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
4744
</div>
4845
<div class="flex flex-col gap-2 justify-center">
49-
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
50-
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
46+
<h3 class="font-bantayog text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
47+
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
5148
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
5249
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
5350
Pellentesque sit amet. Pellentesque sit amet.
@@ -57,14 +54,14 @@ <h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Si
5754
</div>
5855
<div class="flex flex-col gap-4">
5956
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
60-
<div class="flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
57+
<div class="font-bantayog flex flex-col justify-center items-center py-[18px] bg-white rounded-3xl shadow-[0_10px_20px_0_rgba(0,0,0,0.05)] w-full max-w-[127px]">
6158
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
6259
<p class="text-[52px] leading-[120%] color-[#84400F]">23</p>
6360
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
6461
</div>
6562
<div class="flex flex-col gap-2 justify-center">
66-
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
67-
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
63+
<h3 class="font-bantayog [28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
64+
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
6865
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
6966
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
7067
Pellentesque sit amet. Pellentesque sit amet.

‎app/home/templates/home/sections/code-of-conduct.html‎

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,12 @@
44
<div class="container mx-auto px-6">
55
<!-- Header -->
66
<div class="text-center mb-16">
7-
<p class="text-sm uppercase tracking-wider mb-4" style="color: #7C5E3B;">
8-
ᜊᜆᜐ᜔ ᜊᜆᜐ᜔ ᜊᜓᜑᜌ᜔
9-
</p>
10-
<h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Code of Conduct</h2>
7+
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy" style="color: #D87A3F;">Code of Conduct</h2>
118
</div>
129

1310
<!-- Intro Text -->
1411
<div class="text-center mb-12 max-w-4xl mx-auto">
15-
<p class="text-lg uppercase font-semibold tracking-wide" style="color: #7C5E3B;">
12+
<p class="text-lg uppercase font-semibold tracking-wide font-bantayog" style="color: #7C5E3B;">
1613
PyCon PH is a community conference intended for<br/>
1714
collaboration in the developer community.
1815
</p>
@@ -21,7 +18,7 @@ <h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Code of
2118
<!-- Main Content Grid -->
2219
<div class="grid md:grid-cols-2 gap-12 mb-20 max-w-5xl mx-auto">
2320
<div class="text-left">
24-
<p class="text-base leading-relaxed" style="color: #7C5E3B;">
21+
<p class="text-base leading-relaxed font-nunito" style="color: #7C5E3B;">
2522
We value the participation of each member of the Python
2623
community and want all attendees to have an enjoyable
2724
and fulfilling experience. Accordingly, all attendees are
@@ -31,7 +28,7 @@ <h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Code of
3128
</p>
3229
</div>
3330
<div class="text-left">
34-
<p class="text-base leading-relaxed" style="color: #7C5E3B;">
31+
<p class="text-base leading-relaxed font-nunito" style="color: #7C5E3B;">
3532
To make clear what is expected, all delegates/attendees,
3633
speakers, exhibitors, organizers and volunteers at any
3734
PyCon event are required to conform to the following
@@ -43,17 +40,17 @@ <h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Code of
4340

4441
<!-- Contact Information -->
4542
<div class="mb-20 max-w-4xl mx-auto">
46-
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8" style="color: #7C5E3B;">CONTACT INFORMATION</h3>
47-
<p class="text-base text-center leading-relaxed" style="color: #7C5E3B;">
43+
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8 font-bantayog" style="color: #7C5E3B;">CONTACT INFORMATION</h3>
44+
<p class="text-base text-center leading-relaxed font-nunito" style="color: #7C5E3B;">
4845
If you believe that someone is violating the code of conduct, or have any other concerns, please contact a member of the
4946
PyCon APAC 2025 Code of Conduct workgroup immediately. They can be reached by emailing coc@python.ph
5047
</p>
5148
</div>
5249

5350
<!-- License -->
5451
<div class="max-w-4xl mx-auto">
55-
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8" style="color: #7C5E3B;">LICENSE</h3>
56-
<p class="text-base text-center leading-relaxed" style="color: #7C5E3B;">
52+
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8 font-bantayog" style="color: #7C5E3B;">LICENSE</h3>
53+
<p class="text-base text-center leading-relaxed font-nunito" style="color: #7C5E3B;">
5754
This Code of Conduct is based on the PyCon US 2015 CoC, and is licensed under a Creative Commons
5855
Attribution 3.0 Unported License.
5956
</p>

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

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,44 +4,44 @@
44
<div class="container mx-auto px-6">
55
<!-- Header -->
66
<div class="text-center mb-16">
7-
<h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Conference at a Glance</h2>
7+
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy" style="color: #D87A3F;">Conference at a Glance</h2>
88
</div>
99

1010
<!-- Schedule Grid -->
1111
<div class="grid md:grid-cols-2 gap-8 mb-20 max-w-5xl mx-auto">
1212
<!-- March 21-22 -->
1313
<div class="p-8 rounded-lg" style="background-color: #FFF;">
1414
<div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
15-
<h3 class="text-2xl font-bold mb-2" style="color: #7C5E3B;">MARCH 21-22,</h3>
16-
<h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
15+
<h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 21-22,</h3>
16+
<h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
1717
</div>
1818
<div class="space-y-3">
1919
<p class="font-semibold text-lg mb-4" style="color: #7C5E3B;">Main Conference</p>
20-
<div class="flex items-center space-x-3">
20+
<div class="flex items-center space-x-3 font-nunito">
2121
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
2222
<span style="color: #7C5E3B;">Talks</span>
2323
</div>
24-
<div class="flex items-center space-x-3">
24+
<div class="flex items-center space-x-3 font-nunito">
2525
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
2626
<span style="color: #7C5E3B;">Workshops</span>
2727
</div>
28-
<div class="flex items-center space-x-3">
28+
<div class="flex items-center space-x-3 font-nunito">
2929
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
3030
<span style="color: #7C5E3B;">Lightning Talks</span>
3131
</div>
3232
<div class="flex items-center space-x-3">
3333
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
3434
<span style="color: #7C5E3B;">PyLadies Lunch</span>
3535
</div>
36-
<div class="flex items-center space-x-3">
36+
<div class="flex items-center space-x-3 font-nunito">
3737
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
3838
<span style="color: #7C5E3B;">Open Spaces</span>
3939
</div>
40-
<div class="flex items-center space-x-3">
40+
<div class="flex items-center space-x-3 font-nunito">
4141
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
4242
<span style="color: #7C5E3B;">Group Lunch</span>
4343
</div>
44-
<div class="flex items-center space-x-3">
44+
<div class="flex items-center space-x-3 font-nunito">
4545
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
4646
<span style="color: #7C5E3B;">Career Mixer</span>
4747
</div>
@@ -51,15 +51,15 @@ <h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
5151
<!-- March 23 -->
5252
<div class="p-8 rounded-lg" style="background-color: #FFF;">
5353
<div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
54-
<h3 class="text-2xl font-bold mb-2" style="color: #7C5E3B;">MARCH 23,</h3>
55-
<h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY</h4>
54+
<h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 23,</h3>
55+
<h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">SATURDAY</h4>
5656
</div>
5757
<div class="space-y-3">
58-
<div class="flex items-center space-x-3">
58+
<div class="flex items-center space-x-3 font-bantayog">
5959
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
6060
<span style="color: #7C5E3B;">Education Summit</span>
6161
</div>
62-
<div class="flex items-center space-x-3">
62+
<div class="flex items-center space-x-3 font-bantayog">
6363
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
6464
<span style="color: #7C5E3B;">Open Source Sprints</span>
6565
</div>
@@ -69,8 +69,8 @@ <h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY</h4>
6969

7070
<!-- Tickets Section -->
7171
<div class="text-center">
72-
<h2 class="text-5xl font-bold mb-6" style="color: #BD4B06;">Tickets Available</h2>
73-
<p class="text-lg mb-8 max-w-3xl mx-auto" style="color: #7C5E3B;">
72+
<h2 class="text-5xl font-bold mb-6 font-td_pinoy" style="color: #BD4B06;">Tickets Available</h2>
73+
<p class="text-lg mb-8 max-w-3xl mx-auto font-nunito" style="color: #7C5E3B;">
7474
Join us as we learn something new, teach something new, find opportunities, build cool things,<br/>
7575
make friends, and geek out!
7676
</p>

0 commit comments

Comments
 (0)