Skip to content

Commit d7b01d4

Browse files
zorexsalvozorexsalvo
committed
feat(home): modularize tickets and sponsor sections
Refactor home page to modularize tickets and sponsor sections into separate includes. Update navbar and footer social icons. Improve Nunito font loading and CSS layering for better maintainability.
1 parent ad34f5b commit d7b01d4

8 files changed

Lines changed: 2572 additions & 47 deletions

File tree

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

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
{% load static %}
22
<nav class="absolute w-full z-10">
33
<div class="relative flex flex-col">
4-
{% comment %}
54
<div class="bg-orange-1 py-1.5 flex items-center justify-center gap-2">
65
<p class="text-white font-nunito text-sm font-semibold">
76
👋 Registration for PyCon APAC 2025 is now open!
@@ -14,7 +13,7 @@
1413
</a>
1514
</div>
1615
</div>
17-
{% endcomment %}
16+
1817
<div class="bg-transparent w-[1260px] mx-auto flex pt-8">
1918
<div class="navbar-start">
2019
<div class="dropdown">
@@ -99,7 +98,7 @@
9998
class="h-8 w-full max-w-[233px]" />
10099
</a>
101100
</div>
102-
{% comment %}
101+
103102
<div class="flex justify-end items-center gap-7 w-full">
104103
<div class="hidden lg:flex">
105104
<ul class="menu menu-horizontal px-1">
@@ -181,7 +180,6 @@
181180
</a>
182181
</div>
183182
</div>
184-
{% endcomment %}
185183
</div>
186184
</div>
187185
</nav>

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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div class="min-h-screen"
55
style="background-image: url('{% static 'img/background.png' %}')">
66
<!-- Navbar -->
7-
{% include "home/components/navbar.html" %}
7+
{% comment %}{% include "home/components/navbar.html" %}{% endcomment %}
88
<main>
99
<section id="hero" class="text-white text-center flex items-center pt-[170px]">
1010
<div class="container mx-auto px-6 bg-cover w-[960px] hero-content">
@@ -56,7 +56,9 @@
5656
<!-- When? Where? Section -->
5757
{% include "home/sections/when-where-section.html" %}
5858
<!-- Sponsors Section -->
59-
{% include "home/sections/sponsor-section.html" %}
59+
{% comment %}
60+
{% include "home/sections/sponsor-section.html" %}
61+
{% endcomment %}
6062
<!-- Code of Conduct Section -->
6163
{% include "home/sections/code-of-conduct.html" %}
6264
<!-- Footer Section -->

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

Lines changed: 4 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -82,32 +82,9 @@ <h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">MONDAY</h4>
8282
</div>
8383
</div>
8484
</div>
85-
<!-- Tickets Section -->
86-
<div class="text-center">
87-
<h2 class="text-5xl font-bold mb-6 font-td_pinoy" style="color: #BD4B06;">Tickets Available</h2>
88-
<p class="text-lg mb-8 max-w-3xl mx-auto font-nunito"
89-
style="color: #7C5E3B">
90-
Join us as we learn something new, teach something new, find opportunities, build cool things,
91-
<br />
92-
make friends, and geek out!
93-
</p>
94-
<div class="flex justify-center items-center mb-8 relative">
95-
<!-- Left Python Logo -->
96-
<!-- <div class="hidden md:block absolute left-0" style="transform: translateX(-120%);">
97-
<img src="{% static 'img/python-blue.png' %}" alt="Python Logo" class="w-32 h-auto">
98-
</div> -->
99-
<!-- Get Tickets Button -->
100-
<div class="inline-block">
101-
<a href="#"
102-
class="inline-block px-16 py-4 text-white font-bold text-xl uppercase rounded-lg transition-all hover:opacity-90"
103-
style="background-color: #D87A3F">Get Tickets</a>
104-
<p class="text-sm mt-4 uppercase tracking-wide" style="color: #7C5E3B;">Apply for Student Discount</p>
105-
</div>
106-
<!-- Right Python Logo -->
107-
<!-- <div class="hidden md:block absolute right-0" style="transform: translateX(120%);">
108-
<img src="{% static 'img/python-yellow.png' %}" alt="Python Logo" class="w-32 h-auto">
109-
</div> -->
110-
</div>
111-
</div>
85+
86+
{% comment %}
87+
{% include "home/sections/tickets-section.html" %}
88+
{% endcomment %}
11289
</div>
11390
</section>

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

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17,28 +17,25 @@
1717

1818
<!-- Social Media Icons -->
1919
<div class="flex gap-4 mb-4">
20-
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Slack">
21-
<img src="https://cdn.simpleicons.org/slack/7C5E3B" alt="Slack" class="w-6 h-6">
22-
</a>
2320
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Facebook">
2421
<img src="https://cdn.simpleicons.org/facebook/7C5E3B" alt="Facebook" class="w-6 h-6">
2522
</a>
2623
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="GitHub">
2724
<img src="https://cdn.simpleicons.org/github/7C5E3B" alt="GitHub" class="w-6 h-6">
2825
</a>
29-
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Twitter">
30-
<img src="https://cdn.simpleicons.org/twitter/7C5E3B" alt="Twitter" class="w-6 h-6">
26+
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="X">
27+
<img src="https://cdn.simpleicons.org/x/7C5E3B" alt="X" class="w-6 h-6">
3128
</a>
3229
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Instagram">
3330
<img src="https://cdn.simpleicons.org/instagram/7C5E3B" alt="Instagram" class="w-6 h-6">
3431
</a>
3532
</div>
36-
33+
3734
<!-- Built With Text -->
3835
<p class="text-[#7C5E3B] text-sm mb-8 font-nunito">
3936
This site is built using Django.
4037
</p>
41-
38+
4239
<!-- Decorative Footer Image -->
4340
<img src="{% static 'img/vectors/footer.png' %}" alt="Footer decoration" class="w-full block -mt-30">
44-
</footer>
41+
</footer>

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

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{% load static %}
2+
3+
<div class="text-center">
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">
6+
Join us as we learn something new, teach something new, find opportunities, build cool things,
7+
<br />
8+
make friends, and geek out!
9+
</p>
10+
<div class="flex justify-center items-center mb-8 relative">
11+
<!-- Left Python Logo -->
12+
<div class="hidden md:block absolute left-0" style="transform: translateX(-120%);">
13+
<img src="{% static 'img/python-blue.png' %}" alt="Python Logo" class="w-32 h-auto">
14+
</div>
15+
<!-- Get Tickets Button -->
16+
<div class="inline-block">
17+
<a href="#"
18+
class="inline-block px-16 py-4 text-white font-bold text-xl uppercase rounded-lg transition-all hover:opacity-90"
19+
style="background-color: #D87A3F">Get Tickets</a>
20+
<p class="text-sm mt-4 uppercase tracking-wide" style="color: #7C5E3B;">Apply for Student Discount</p>
21+
</div>
22+
<!-- Right Python Logo -->
23+
<div class="hidden md:block absolute right-0" style="transform: translateX(120%);">
24+
<img src="{% static 'img/python-yellow.png' %}" alt="Python Logo" class="w-32 h-auto">
25+
</div>
26+
</div>
27+
</div>

‎src/styles/main.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,10 @@ body {
8989
}
9090

9191
.font-nunito {
92-
font-family: "Nunito", sans-serif;
92+
font-family: "Nunito", regular, sans-serif;
93+
weight: 400;
94+
size: 18px;
95+
line-height: 1.5;
9396
}
9497

9598
.bg-orange-1 {

‎static/css/app.css‎

Lines changed: 2520 additions & 1 deletion
Large diffs are not rendered by default.

‎templates/base.html‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,12 @@
88
<meta name="keywords" content="PythonAsia 2026">
99
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1010
<meta name="description" content="PythonAsia 2026">
11-
<link rel="stylesheet"
12-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
13-
<title>PythonAsia 2026:
14-
{% block title %}{% endblock %}
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
12+
<link rel="preconnect" href="https://fonts.googleapis.com">
13+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14+
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
15+
<title>
16+
PythonAsia 2026 {% block title %}{% endblock %}
1517
</title>
1618
{% tailwind_css %}
1719
{% block extra_css %}{% endblock %}

0 commit comments

Comments
 (0)