Skip to content

Commit 824ad13

Browse files
zorexsalvozorexsalvo
authored
Merge pull request #13 from zorexsalvo/main
Hide Sections & Adjust Responsive Layouts
2 parents ad34f5b + 1257d47 commit 824ad13

File tree

22 files changed

+3133
-61
lines changed

22 files changed

+3133
-61
lines changed

‎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: 6 additions & 7 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">
@@ -26,13 +26,10 @@
2626
</div>
2727
</div>
2828
</section>
29-
<img src="{% static 'img/vectors/footer.png' %}"
30-
class="w-full block"
31-
style="margin-top: -10em;
32-
margin-bottom: -7em">
29+
<img src="{% static 'img/vectors/footer.png' %}" class="w-full block xl:mt-[-10em] xl:mb-[-7em]">
3330
</main>
3431
<!-- Section Break -->
35-
<div class="w-full py-0 my-0 z-10 -mb-25">
32+
<div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block">
3633
<img src="{% static 'img/vectors/section-break-1.svg' %}"
3734
alt="Section Break"
3835
class="w-full block">
@@ -56,7 +53,9 @@
5653
<!-- When? Where? Section -->
5754
{% include "home/sections/when-where-section.html" %}
5855
<!-- Sponsors Section -->
59-
{% include "home/sections/sponsor-section.html" %}
56+
{% comment %}
57+
{% include "home/sections/sponsor-section.html" %}
58+
{% endcomment %}
6059
<!-- Code of Conduct Section -->
6160
{% include "home/sections/code-of-conduct.html" %}
6261
<!-- 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: 27 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,42 +3,56 @@
33
<footer class="flex flex-col items-center bg-[#F4E6D4] py-12">
44
<!-- PythonAsia 2026 Branding -->
55
<img src="{% static 'img/vectors/python-asia-branding.png' %}" class="mt-10" alt="Footer">
6-
6+
77
<!-- Action Links -->
8+
{% comment %}
89
<div class="flex gap-8 mt-10 mb-6">
910
<a href="#" class="text-[#FFA218] text-xl font-bold hover:underline font-bantayog">GET TICKETS</a>
1011
<a href="#" class="text-[#F26D1D] text-xl font-bold hover:underline font-bantayog">BECOME A SPONSOR</a>
1112
</div>
12-
13+
{% endcomment %}
14+
1315
<!-- Contact Message -->
1416
<p class="text-[#7C5E3B] text-sm mb-4 font-nunito">
1517
Message us at <a href="mailto:pycon@python.ph" class="underline">pycon@python.ph</a> for questions and inquiries
1618
</p>
17-
19+
1820
<!-- Social Media Icons -->
1921
<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>
2322
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Facebook">
2423
<img src="https://cdn.simpleicons.org/facebook/7C5E3B" alt="Facebook" class="w-6 h-6">
2524
</a>
2625
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="GitHub">
2726
<img src="https://cdn.simpleicons.org/github/7C5E3B" alt="GitHub" class="w-6 h-6">
2827
</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">
28+
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="X">
29+
<img src="https://cdn.simpleicons.org/x/7C5E3B" alt="X" class="w-6 h-6">
3130
</a>
3231
<a href="#" class="hover:opacity-70 transition-opacity" aria-label="Instagram">
3332
<img src="https://cdn.simpleicons.org/instagram/7C5E3B" alt="Instagram" class="w-6 h-6">
3433
</a>
3534
</div>
36-
35+
3736
<!-- Built With Text -->
3837
<p class="text-[#7C5E3B] text-sm mb-8 font-nunito">
3938
This site is built using Django.
4039
</p>
41-
42-
<!-- Decorative Footer Image -->
43-
<img src="{% static 'img/vectors/footer.png' %}" alt="Footer decoration" class="w-full block -mt-30">
44-
</footer>
40+
41+
<div class="relative w-full h-[800px] lg:h-[950px] lg:mt-[-20px] z-0">
42+
<img src="{% static 'img/footer/pytonio.svg' %}" alt="Left Snake" class="absolute left-0 bottom-80 w-[670px] hidden lg:block">
43+
<img src="{% static 'img/footer/pytria.svg' %}" alt="Right Snake" class="absolute right-0 bottom-80 w-[670px] hidden lg:block">
44+
<img src="{% static 'img/footer/pot.svg' %}" alt="Pot" class="absolute bottom-80 left-1/2 lg:ml-[-70px] -translate-x-1/2 w-[500px] lg:w-[574.49px] z-10">
45+
<img src="{% static 'img/footer/base.svg' %}" alt="Bottom Base" class="absolute bottom-0 left-0 right-0 lg:w-full z-0 hidden lg:block">
46+
47+
<div class="absolute bottom-0 lg:bottom-20 w-full text-center flex flex-col items-center justify-center z-30 py-6 bg-[#F26D1D] lg:bg-[unset]">
48+
<h3 class="text-white font-bold mb-2 text-2xl">CO-ORGANIZED BY</h3>
49+
<div class="flex flex-col md:flex-row items-center justify-center md:space-x-8 space-y-4 md:space-y-0 mt-2">
50+
<img src="{% static 'img/footer/pythonph.svg' %}" alt="PythonPH" class="h-12 md:h-[60px]">
51+
<img src="{% static 'img/footer/pythonasia.svg' %}" alt="Python Asia Organization" class="h-12 md:h-[60px]">
52+
<img src="{% static 'img/footer/dlsu.svg' %}" alt="DLSU" class="h-12 md:h-[60px]">
53+
</div>
54+
</div>
55+
56+
</div>
57+
58+
</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>

‎app/home/templates/home/sections/what-is-python-asia.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Wha
1414
</div>
1515

1616
<!-- Three Cards Grid -->
17+
{% comment %}
1718
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto">
1819
<!-- Call for Sponsors -->
1920
<div class="bg-white/50 backdrop-blur-sm rounded-lg p-8 space-y-4">
@@ -52,6 +53,7 @@ <h3 class="text-2xl font-bold text-[#D87532] font-bantayog">
5253
</div>
5354
</div>
5455
</div>
56+
{% endcomment %}
5557
</div>
5658
</section>
5759

‎app/home/templates/home/sections/when-where-section.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,15 @@ <h2 class="font-bantayog text-[28px] text-[#F26D1D] leading-[130%]">WHEN? WHERE?
99
<p class="font-td_pinoy text-[35px] text[#84400F] leading-[130%] tracking-[2%]">De La Salle University (DLSU),</p>
1010
<p class="font-td_pinoy text-[35px] text[#84400F] leading-[130%] tracking-[2%]">Malate, Manila</p>
1111
</div>
12+
{% comment %}
1213
<div class="flex flex-col justify-center gap-3.5">
1314
<button class="rounded-lg bg-[#F26D1D] py-[27px] px-[90px] text-white text-[22px] leading-[120%] font-bantayog">
1415
GET TICKETS
1516
</button>
1617
<a href="#"
1718
class="underline text-[#84400F] text-center text-base font-bantayog">Apply for Student Discount</a>
1819
</div>
20+
{% endcomment %}
1921
</div>
2022
<div class="relative w-full pb-[56.25%] overflow-hidden rounded-[24px]">
2123
<iframe class="absolute top-0 left-0 w-full h-full border-0"

‎app/home/urls.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@
33
from . import views
44

55
urlpatterns = [
6-
path("", views.home, name="home"),
6+
path("", views.HomeView.as_view(), name="home"),
77
]

‎app/home/views.py‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
from django.shortcuts import render
1+
from bakery.views import BuildableTemplateView
22

33

4-
def home(request):
5-
return render(request, "home/index.html")
4+
class HomeView(BuildableTemplateView):
5+
template_name = "home/index.html"
6+
build_path = "index.html"

‎config/settings.py‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
THIRD_PARTY_APPS = [
5353
"corsheaders",
5454
"django_tailwind_cli",
55+
"bakery",
5556
]
5657

5758
if settings.APP_ENV == "development":
@@ -196,3 +197,9 @@
196197
# https://docs.djangoproject.com/en/5.2/ref/settings/#default-auto-field
197198

198199
DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
200+
201+
# Build directory for bakery
202+
BUILD_DIR = BASE_DIR / "build"
203+
BAKERY_VIEWS = (
204+
"app.home.views.HomeView",
205+
)

0 commit comments

Comments
 (0)