Skip to content

Commit b7945ab

Browse files
iRenanMatthewiRenanMatthew
committed
feat: improve ui responsiveness of the homepage for desktop -> tablet and polish program schedule sections
1 parent df7f4bf commit b7945ab

18 files changed

Lines changed: 90 additions & 85 deletions

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
</div>
3636

3737

38-
<div class="bg-transparent w-full max-w-[1260px] mx-auto flex pt-8 px-1 md:px-0">
38+
<div class="bg-transparent w-full max-w-[1260px] mx-auto flex pt-8 px-3 md:px-5">
3939

4040
<!-- Site Logo -->
4141
<div class="navbar-start px-4">

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,12 @@
4646
{% include "home/sections/when-where-section.html" %}
4747
<!-- Sponsors Section -->
4848
{% include "home/sections/sponsor-section.html" %}
49+
<div class="coc_footer_wrapper relative">
4950
<!-- Code of Conduct Section -->
5051
{% include "home/sections/code-of-conduct.html" %}
5152
<!-- Footer Section -->
5253
{% include "home/sections/footer.html" %}
54+
</div>
5355
</div>
5456
</main>
5557
{% endblock %}

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% load static %}
22
<section id="about-us" class="py-20 text-white" style="background-color: #BD4B06">
3-
<div class="container mx-auto px-6">
3+
<div class="container mx-auto px-[4%]">
44
<!-- Header -->
55
<div class="text-center mb-16">
66
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy">What is PythonAsia?</h2>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% load static %}
2-
<section id="annoucement" class="py-20 bg-[#FFF9F2]">
3-
<div class="w-full max-w-[1160px] mx-auto px-6 flex gap-[30px]">
2+
<section id="annoucement" class="py-20 bg-[#FFF9F2] section">
3+
<div class="w-full max-w-[1160px] mx-auto px-[4%] flex gap-[30px]">
44
<div class="w-[45%] max-w-[510px]">
55
<div>
66
<h2 class="text-orange-2 text-6xl leading-[120%] tracking-[2%] font-td_pinoy">

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% load static %}
2-
<section id="call-for-x" class="py-32 bg_call-for-links relative">
3-
<div class="container mx-auto px-6">
2+
<section id="call-for-x" class="py-36 px-[4%] bg_call-for-links relative">
3+
<div class="container mx-auto px-[4%]">
44
<img src="{% static 'img/vectors/section-divider-03.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_top block">
55
<!-- Header -->
66
<div class="text-center mb-16">

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

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

3-
<section id="code-of-conduct" class="py-20" style="background: linear-gradient(to bottom, #F5DDB8 0%, #F3E6D4 100%);">
4-
<div class="container mx-auto px-6">
3+
<section id="code-of-conduct" class="py-24">
4+
<div class="container mx-auto px-[4%]">
55
<!-- Header -->
66
<div class="text-center mb-16">
77
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy text-orange-2">Code of Conduct</h2>
88
</div>
99

1010
<!-- Intro Text -->
11-
<div class="text-center mb-12 max-w-4xl mx-auto">
11+
<div class="text-center mb-12 max-w-5xl mx-auto">
1212
<p class="text-3xl md:text-4xl uppercase font-semibold tracking-wide font-bantayog text-brown-1">
13-
PythonAsia is a community conference intended for <br>
13+
PythonAsia is a community conference intended for
1414
collaboration in the developer community.
1515
</p>
1616
</div>
@@ -37,20 +37,20 @@ <h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy text-orange-2">Cod
3737
</div>
3838

3939
<!-- Contact Information -->
40-
<div class="mb-20 max-w-4xl mx-auto">
40+
<div class="mb-20 max-w-5xl mx-auto">
4141
<h3 class="text-3xl md:text-4xl font-bold text-center mb-2 font-bantayog text-brown-1">CONTACT INFORMATION</h3>
4242
<p class="text-lg leading-relaxed font-nunito text-brown-2 font-normal text-center">
4343
If you believe that someone is violating the code of conduct, or have any other concerns,
4444
please contact a member of the PythonAsia 2026 Code of Conduct workgroup immediately.
45-
They can be reached by emailing <a href="mailto:coc@python.ph">coc@python.ph</a>
45+
They can be reached by emailing <a class="font-bantayog text-orange-2 uppercase underline cursor-pointer" href="mailto:coc@python.ph">coc@python.ph</a>
4646
</p>
4747
</div>
4848

4949
<!-- License -->
5050
<div class="max-w-4xl mx-auto">
5151
<h3 class="text-3xl md:text-4xl font-bold text-center mb-2 font-bantayog text-brown-1">LICENSE</h3>
5252
<p class="text-lg leading-relaxed font-nunito text-brown-2 font-normal text-center">
53-
This Code of Conduct is based on the PyCon US 2015 CoC, and is licensed under a Creative Commons
53+
This Code of Conduct is based on the PyCon US 2015 CoC, and is licensed under a Creative Commons Attribution 3.0 Unported License.
5454
</p>
5555
</div>
5656
</div>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{% load static %}
22
<section id="conference-at-a-glance"
3-
class="pt-48 bg-contain bg-center relative">
3+
class="pt-48 bg-contain bg-center relative px-[4%]">
44

55
<img src="{% static 'img/vectors/section-divider-02.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_top block">
66

7-
<div class="container mx-auto px-6">
7+
<div class="container mx-auto">
88
<!-- Header -->
99
<div class="text-center mb-16">
1010
<h2 class="text-5xl md:text-6xl font-bold font-td_pinoy text-orange-2" >

‎app/home/templates/home/sections/footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% load static %}
22

3-
<footer class="flex flex-col items-center bg-[#F4E6D4] pt-12">
3+
<footer class="flex flex-col items-center pt-12">
44
<!-- PythonAsia 2026 Branding -->
55
<img src="{% static 'img/vectors/python-asia-branding.png' %}" class="mt-10 p-5" alt="Footer" width="600">
66

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

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
{% load static %}
22
{% if featured_speakers or speakers %}
3-
<section id="speakers" class="bg-white px-[4%]">
4-
<div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto pb-[60px]">
5-
<div class="px-6 flex flex-col gap-8 py-20">
3+
<section id="speakers" class="bg-white px-[4%] relative py-20 flex flex-col gap-16">
4+
<div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto ">
5+
<div class="flex flex-col gap-8 pb-0">
66
<h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Keynote Speakers</h2>
77
<p class="text-4xl font-bold mb-0 font-bantayog text-brown-1 uppercase text-center">
88
Discover our keynote speakers
99
for PythonAsia 2026
1010
</p>
1111
</div>
12-
<div class="keynote-speakers-wrapper flex justify-center items-stretch gap-[30px] flex-wrap">
12+
<div class="keynote-speakers-wrapper grid gap-[30px] grid-cols-1 lg:grid-cols-2 gap-[30px]">
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 h-full"
15+
class="rounded-[24px] bg-cream-1 flex flex-col sm:flex-row gap-10 w-full max-w-[100%] lg:max-w-[100%] 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 %}
@@ -23,10 +23,10 @@ <h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Keynote Speaker
2323
alt="{{ speaker.full_name }} - Image" style="height: 230px;">
2424
{% endif %}
2525
</div>
26-
<div>
26+
<div class="flex flex-col gap-2 justify-center">
2727
<h3 class="font-bantayog text-brown-1 text-2xl uppercase">{{ speaker.full_name }}</h3>
2828
{% if speaker.title %}
29-
<p class="font-nunito text-brown-2 font-semibold text-sm mb-2">{{ speaker.title }}</p>
29+
<p class="font-nunito text-brown-2 font-semibold text-sm">{{ speaker.title }}</p>
3030
{% endif %}
3131
{% if speaker.introduction %}
3232
<p class="font-nunito text-brown-2 text-[13px]">{{ speaker.introduction }}</p>
@@ -41,8 +41,8 @@ <h3 class="font-bantayog text-brown-1 text-2xl uppercase">{{ speaker.full_name }
4141
</div>
4242
</div>
4343
{% if speakers %}
44-
<div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto mt-[60px] pb-[90px]">
45-
<div class="px-6 flex flex-col gap-8">
44+
<div class="flex flex-col gap-10 w-full max-w-[1160px] mx-auto">
45+
<div class="flex flex-col gap-8">
4646
<h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Speakers</h2>
4747
<p class="text-4xl font-bold mb-0 font-bantayog text-brown-1 uppercase text-center">
4848
Discover our speakers for
@@ -77,5 +77,6 @@ <h3 class="font-bantayog text-brown-1 text-2xl uppercase">{{ speaker.full_name }
7777
</div>
7878
</div>
7979
{% endif %}
80+
<img src="{% static 'img/vectors/section-divider-04.svg' %}" alt="Section Break" class="w-full py-0 my-0 z-10 cstm_bottom block" style="transform: rotate(180deg); bottom: -110px">
8081
</section>
8182
{% endif %}

0 commit comments

Comments
 (0)