Skip to content

Site polishing from top to bottom of landing page #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
iRenanMatthew merged 1 commit into from
Oct 15, 2025
Merged

Site polishing from top to bottom of landing page #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 22 additions & 25 deletions app/home/templates/home/sections/about-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,18 @@
<div class="container mx-auto px-6">
<!-- Header -->
<div class="text-center mb-16">
<p class="text-sm uppercase tracking-wider mb-4">
ᜆᜓᜅ᜔ᜃᜓᜎ᜔ ᜐ ᜀᜋᜒᜈ᜔
</p>
<h2 class="text-5xl md:text-6xl font-bold mb-12">What is PythonAsia?</h2>
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy">What is PythonAsia?</h2>
</div>

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

<!-- 3 Days Section -->
<div class="text-center mb-12">
<h3 class="text-5xl font-bold mb-8">3 Days, Endless Possibilities</h3>
<p class="text-lg max-w-4xl mx-auto leading-relaxed">
<div class="mb-12">
<h3 class="text-5xl font-bold mb-8 font-td_pinoy">3 Days, Endless Possibilities</h3>
<p class="text-lg leading-relaxed">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi.
</p>
Expand All @@ -45,45 +42,45 @@ <h3 class="text-5xl font-bold mb-8">3 Days, Endless Possibilities</h3>
<!-- Features Grid -->
<div class="grid md:grid-cols-3 gap-8 mb-16">
<!-- World-Class Keynotes -->
<div class="text-center">
<div class="">
<div class="inline-block p-4 mb-4">
<span class="material-symbols-outlined text-white" style="font-size: 64px;">star</span>
<img src="{% static 'img/vectors/conversation-icon.svg' %}"/>
</div>
<h4 class="text-xl font-bold uppercase mb-3">World-Class Keynotes</h4>
<p class="text-sm">
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">World-Class Keynotes</h4>
<p class="text-sm font-nunito">
From core contributors, startup founders, and AI pioneers.
</p>
</div>

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

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

<!-- Call to Action -->
<div class="text-center">
<p class="text-lg mb-2 uppercase tracking-wide">
<div class="text-center bg-[#B04301] p-[30px] pb-10 rounded-2xl">
<p class="text-lg mb-2 uppercase tracking-wide font-bantayog">
Join <strong>200+ builders, students, and founders</strong>, for <strong>48 hours</strong> of
</p>
<h3 class="text-5xl md:text-6xl font-bold uppercase">
<h3 class="text-5xl md:text-6xl font-bold uppercase font-td_pinoy">
Code, Coffee, and Collaboration.
</h3>
</div>
Expand Down
25 changes: 11 additions & 14 deletions app/home/templates/home/sections/announcement-section.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,9 @@
<div class="w-full max-w-[1160px] mx-auto px-6 flex gap-[30px]">
<div class="w-[45%] max-w-[510px]">
<div>
<h2 class="text-[32px] color-[#7C5E3B] leading-[120%]">
ano aN+ pykon
</h2>
<p class="color-[#F26D1D] text-6xl leading-[120%] tracking-[2%]">
<h2 class="color-[#F26D1D] text-6xl leading-[120%] tracking-[2%] font-td_pinoy">
Announcement
</p>
</h2>
</div>
<img
src="{% static 'img/py_kalinga-pot.png' %}"
Expand All @@ -23,14 +20,14 @@ <h2 class="text-[32px] color-[#7C5E3B] leading-[120%]">
<div class="w-[55%] max-w-[620px] flex flex-col gap-4">
<div class="flex flex-col gap-4">
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
<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]">
<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]">
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
<p class="text-[52px] leading-[120%] color-[#84400F]">21</p>
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
</div>
<div class="flex flex-col gap-2 justify-center">
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
<h3 class="font-bantayog text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
Pellentesque sit amet. Pellentesque sit amet.
Expand All @@ -40,14 +37,14 @@ <h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Si
</div>
<div class="flex flex-col gap-4">
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
<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]">
<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]">
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
<p class="text-[52px] leading-[120%] color-[#84400F]">22</p>
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
</div>
<div class="flex flex-col gap-2 justify-center">
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
<h3 class="font-bantayog text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
Pellentesque sit amet. Pellentesque sit amet.
Expand All @@ -57,14 +54,14 @@ <h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Si
</div>
<div class="flex flex-col gap-4">
<div class="bg-[#FFF3E5] rounded-2xl flex gap-5 p-[20px]">
<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]">
<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]">
<p class="text-base color-[#7C5E3B] leading-[130%]">2026</p>
<p class="text-[52px] leading-[120%] color-[#84400F]">23</p>
<p class="text-base color-[#7C5E3B] leading-[130%]">MAR</p>
</div>
<div class="flex flex-col gap-2 justify-center">
<h3 class="text-[28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="color-[#7C5E3B] text-[13px] leading-[150%]">
<h3 class="font-bantayog [28px] leading-[130%] color-[#84400F] capitalize">Lorem Ipsum Sit Dolor</h3>
<p class="font-nunito color-[#7C5E3B] text-[13px] leading-[150%]">
Limit to 5 lines only. <br> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.
Pellentesque sit amet. Pellentesque sit amet.
Expand Down
19 changes: 8 additions & 11 deletions app/home/templates/home/sections/code-of-conduct.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,12 @@
<div class="container mx-auto px-6">
<!-- Header -->
<div class="text-center mb-16">
<p class="text-sm uppercase tracking-wider mb-4" style="color: #7C5E3B;">
ᜊᜆᜐ᜔ ᜊᜆᜐ᜔ ᜊᜓᜑᜌ᜔
</p>
<h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Code of Conduct</h2>
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy" style="color: #D87A3F;">Code of Conduct</h2>
</div>

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

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

<!-- License -->
<div class="max-w-4xl mx-auto">
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8" style="color: #7C5E3B;">LICENSE</h3>
<p class="text-base text-center leading-relaxed" style="color: #7C5E3B;">
<h3 class="text-3xl md:text-4xl font-bold text-center mb-8 font-bantayog" style="color: #7C5E3B;">LICENSE</h3>
<p class="text-base text-center leading-relaxed font-nunito" style="color: #7C5E3B;">
This Code of Conduct is based on the PyCon US 2015 CoC, and is licensed under a Creative Commons
Attribution 3.0 Unported License.
</p>
Expand Down
30 changes: 15 additions & 15 deletions app/home/templates/home/sections/conference-at-a-glance.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,44 +4,44 @@
<div class="container mx-auto px-6">
<!-- Header -->
<div class="text-center mb-16">
<h2 class="text-5xl md:text-6xl font-bold mb-12" style="color: #D87A3F;">Conference at a Glance</h2>
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy" style="color: #D87A3F;">Conference at a Glance</h2>
</div>

<!-- Schedule Grid -->
<div class="grid md:grid-cols-2 gap-8 mb-20 max-w-5xl mx-auto">
<!-- March 21-22 -->
<div class="p-8 rounded-lg" style="background-color: #FFF;">
<div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
<h3 class="text-2xl font-bold mb-2" style="color: #7C5E3B;">MARCH 21-22,</h3>
<h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
<h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 21-22,</h3>
<h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
</div>
<div class="space-y-3">
<p class="font-semibold text-lg mb-4" style="color: #7C5E3B;">Main Conference</p>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Talks</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Workshops</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Lightning Talks</span>
</div>
<div class="flex items-center space-x-3">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">PyLadies Lunch</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Open Spaces</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Group Lunch</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-nunito">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Career Mixer</span>
</div>
Expand All @@ -51,15 +51,15 @@ <h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
<!-- March 23 -->
<div class="p-8 rounded-lg" style="background-color: #FFF;">
<div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
<h3 class="text-2xl font-bold mb-2" style="color: #7C5E3B;">MARCH 23,</h3>
<h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY</h4>
<h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 23,</h3>
<h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">SATURDAY</h4>
</div>
<div class="space-y-3">
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-bantayog">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Education Summit</span>
</div>
<div class="flex items-center space-x-3">
<div class="flex items-center space-x-3 font-bantayog">
<span class="material-symbols-outlined text-white rounded-full p-1" style="background-color: #BD4B06; font-size: 20px;">check_circle</span>
<span style="color: #7C5E3B;">Open Source Sprints</span>
</div>
Expand All @@ -69,8 +69,8 @@ <h4 class="text-xl font-bold" style="color: #7C5E3B;">SATURDAY</h4>

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