Skip to content

Commit 3e894ff

Browse files
kyleaquinokyleaquino
committed
feat: cleanup landing page
1 parent 6f9527f commit 3e894ff

File tree

20 files changed

+696
-2796
lines changed

20 files changed

+696
-2796
lines changed

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

Lines changed: 101 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,102 @@
11
{% load static %}
22
<nav class="absolute w-full z-10">
33
<div class="relative flex flex-col">
4+
{% comment %}
45
<div class="bg-orange-1 py-1.5 flex items-center justify-center gap-2">
56
<p class="text-white font-nunito text-sm font-semibold">
67
👋 Registration for PyCon APAC 2025 is now open!
78
</p>
89
<div class="w-[20px] h-[2px] bg-white"></div>
910
<div>
10-
<a
11-
class="text-white font-bantayog text-base flex gap-2 items-center"
12-
href="#"
13-
>
11+
<a class="text-white font-bantayog text-base flex gap-2 items-center" href="#">
1412
<p>RESERVE YOUR SEATS NOW</p>
15-
<img
16-
src="{% static 'img/vectors/ArrowCircleRight.svg' %}"
17-
alt="kliN"
18-
class="w-[24px] h-auto"
19-
/>
13+
<img src="{% static 'img/vectors/ArrowCircleRight.svg' %}" alt="kliN" class="w-[24px] h-auto" />
2014
</a>
2115
</div>
2216
</div>
17+
{% endcomment %}
2318
<div class="bg-transparent w-[1260px] mx-auto flex pt-8">
2419
<div class="navbar-start">
2520
<div class="dropdown">
26-
<div
27-
tabindex="0"
28-
role="button"
29-
class="btn btn-ghost lg:hidden"
30-
>
31-
<svg
32-
xmlns="http://www.w3.org/2000/svg"
33-
class="h-5 w-5"
34-
fill="none"
35-
viewBox="0 0 24 24"
36-
stroke="currentColor"
37-
>
38-
<path
39-
stroke-linecap="round"
40-
stroke-linejoin="round"
41-
stroke-width="2"
42-
d="M4 6h16M4 12h8m-8 6h16"
43-
/>
21+
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
22+
<svg xmlns="http://www.w3.org/2000/svg"
23+
class="h-5 w-5"
24+
fill="none"
25+
viewBox="0 0 24 24"
26+
stroke="currentColor">
27+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
4428
</svg>
4529
</div>
46-
<ul
47-
tabindex="0"
48-
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"
49-
>
30+
<ul tabindex="0"
31+
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
5032
<li>
5133
<a class="font-bantayog">About</a>
5234
<ul class="p-2">
53-
<li><a href="#" class="font-bantayog">About the Conference</a></li>
54-
<li><a href="#" class="font-bantayog">About PythonAsia</a></li>
55-
<li><a href="#" class="font-bantayog">Team</a></li>
56-
<li><a href="#" class="font-bantayog">Venue</a></li>
35+
<li>
36+
<a href="#" class="font-bantayog">About the Conference</a>
37+
</li>
38+
<li>
39+
<a href="#" class="font-bantayog">About PythonAsia</a>
40+
</li>
41+
<li>
42+
<a href="#" class="font-bantayog">Team</a>
43+
</li>
44+
<li>
45+
<a href="#" class="font-bantayog">Venue</a>
46+
</li>
5747
</ul>
5848
</li>
5949
<li>
6050
<a class="font-bantayog">Get Involved</a>
6151
<ul class="p-2">
62-
<li><a href="#" class="font-bantayog">Become a Sponsor</a></li>
63-
<li><a href="#" class="font-bantayog">Volunteer</a></li>
64-
<li><a href="#" class="font-bantayog">Speak at the Event</a></li>
52+
<li>
53+
<a href="#" class="font-bantayog">Become a Sponsor</a>
54+
</li>
55+
<li>
56+
<a href="#" class="font-bantayog">Volunteer</a>
57+
</li>
58+
<li>
59+
<a href="#" class="font-bantayog">Speak at the Event</a>
60+
</li>
6561
</ul>
6662
</li>
6763
<li>
6864
<a class="font-bantayog">Policies</a>
6965
<ul class="p-2">
70-
<li><a href="#" class="font-bantayog">Code of Conduct</a></li>
71-
<li><a href="#" class="font-bantayog">Privacy Policy</a></li>
72-
<li><a href="#" class="font-bantayog">Terms & Conditions</a></li>
66+
<li>
67+
<a href="#" class="font-bantayog">Code of Conduct</a>
68+
</li>
69+
<li>
70+
<a href="#" class="font-bantayog">Privacy Policy</a>
71+
</li>
72+
<li>
73+
<a href="#" class="font-bantayog">Terms & Conditions</a>
74+
</li>
7375
</ul>
7476
</li>
7577
<li>
7678
<a class="font-bantayog">Attend</a>
7779
<ul class="p-2">
78-
<li><a href="#" class="font-bantayog">Schedule</a></li>
79-
<li><a href="#" class="font-bantayog">Speakers</a></li>
80-
<li><a href="#" class="font-bantayog">Accommodation</a></li>
81-
<li><a href="#" class="font-bantayog">Travel Info</a></li>
80+
<li>
81+
<a href="#" class="font-bantayog">Schedule</a>
82+
</li>
83+
<li>
84+
<a href="#" class="font-bantayog">Speakers</a>
85+
</li>
86+
<li>
87+
<a href="#" class="font-bantayog">Accommodation</a>
88+
</li>
89+
<li>
90+
<a href="#" class="font-bantayog">Travel Info</a>
91+
</li>
8292
</ul>
8393
</li>
8494
</ul>
8595
</div>
8696
<a class="btn btn-ghost text-xl">
87-
<img
88-
src="{% static 'img/logo.png' %}"
89-
alt="PythonAsia 2026"
90-
class="h-8 w-auto w-full max-w-[233px]"
91-
/>
97+
<img src="{% static 'img/logo.png' %}"
98+
alt="PythonAsia 2026"
99+
class="h-8 w-auto w-full max-w-[233px]" />
92100
</a>
93101
</div>
94102
<div class="flex justify-end items-center gap-7 w-full">
@@ -98,51 +106,76 @@
98106
<details>
99107
<summary class="font-bantayog text-xl text-brown-1 font-light">About</summary>
100108
<ul class="p-2 bg-base-100 rounded-box z-[1] w-52 shadow">
101-
<li><a href="#" class="font-bantayog">About the Conference</a></li>
102-
<li><a href="#" class="font-bantayog">About PythonAsia</a></li>
103-
<li><a href="#" class="font-bantayog">Team</a></li>
104-
<li><a href="#" class="font-bantayog">Venue</a></li>
109+
<li>
110+
<a href="#" class="font-bantayog">About the Conference</a>
111+
</li>
112+
<li>
113+
<a href="#" class="font-bantayog">About PythonAsia</a>
114+
</li>
115+
<li>
116+
<a href="#" class="font-bantayog">Team</a>
117+
</li>
118+
<li>
119+
<a href="#" class="font-bantayog">Venue</a>
120+
</li>
105121
</ul>
106122
</details>
107123
</li>
108124
<li>
109125
<details>
110126
<summary class="font-bantayog text-xl text-brown-1 font-light">Get Involved</summary>
111127
<ul class="p-2 bg-base-100 rounded-box z-[1] w-52 shadow">
112-
<li><a href="#" class="font-bantayog">Become a Sponsor</a></li>
113-
<li><a href="#" class="font-bantayog">Volunteer</a></li>
114-
<li><a href="#" class="font-bantayog">Speak at the Event</a></li>
128+
<li>
129+
<a href="#" class="font-bantayog">Become a Sponsor</a>
130+
</li>
131+
<li>
132+
<a href="#" class="font-bantayog">Volunteer</a>
133+
</li>
134+
<li>
135+
<a href="#" class="font-bantayog">Speak at the Event</a>
136+
</li>
115137
</ul>
116138
</details>
117139
</li>
118140
<li>
119141
<details>
120142
<summary class="font-bantayog text-xl text-brown-1 font-light">Policies</summary>
121143
<ul class="p-2 bg-base-100 rounded-box z-[1] w-52 shadow">
122-
<li><a href="#" class="font-bantayog">Code of Conduct</a></li>
123-
<li><a href="#" class="font-bantayog">Privacy Policy</a></li>
124-
<li><a href="#" class="font-bantayog">Terms & Conditions</a></li>
144+
<li>
145+
<a href="#" class="font-bantayog">Code of Conduct</a>
146+
</li>
147+
<li>
148+
<a href="#" class="font-bantayog">Privacy Policy</a>
149+
</li>
150+
<li>
151+
<a href="#" class="font-bantayog">Terms & Conditions</a>
152+
</li>
125153
</ul>
126154
</details>
127155
</li>
128156
<li>
129157
<details>
130158
<summary class="font-bantayog text-xl text-brown-1 font-light">Attend</summary>
131159
<ul class="p-2 bg-base-100 rounded-box z-[1] w-52 shadow">
132-
<li><a href="#" class="font-bantayog">Schedule</a></li>
133-
<li><a href="#" class="font-bantayog">Speakers</a></li>
134-
<li><a href="#" class="font-bantayog">Accommodation</a></li>
135-
<li><a href="#" class="font-bantayog">Travel Info</a></li>
160+
<li>
161+
<a href="#" class="font-bantayog">Schedule</a>
162+
</li>
163+
<li>
164+
<a href="#" class="font-bantayog">Speakers</a>
165+
</li>
166+
<li>
167+
<a href="#" class="font-bantayog">Accommodation</a>
168+
</li>
169+
<li>
170+
<a href="#" class="font-bantayog">Travel Info</a>
171+
</li>
136172
</ul>
137173
</details>
138174
</li>
139175
</ul>
140176
</div>
141177
<div class="">
142-
<a
143-
href="#"
144-
class="btn btn-primary btn-square lg:btn-wide"
145-
>
178+
<a href="#" class="btn btn-primary btn-square lg:btn-wide">
146179
<span class="lg:inline font-bantayog py-3.5 px-8 text-xl">Get Tickets</span>
147180
</a>
148181
</div>

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

Lines changed: 56 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,61 @@
11
{% extends "base.html" %}
22
{% load static %}
3-
43
{% block content %}
5-
<div class="min-h-screen" style="background-image: url('{% static 'img/background.png' %}');">
6-
<!-- Navbar -->
7-
{% include "home/components/navbar.html" %}
8-
9-
<main>
10-
<section id="hero" class="text-white text-center flex items-center pt-[170px]">
11-
<div class="container mx-auto px-6 bg-cover w-[960px] hero-content">
12-
<div class="flex flex-col items-center space-y-8">
13-
<img src="{% static 'img/vectors/kalinga-baybayin.svg' %}" alt="kliN" class="w-[189px] h-auto">
14-
<img src="{% static 'img/kalinga.png' %}" alt="Kalinga" class="w-[336.34px] h-auto">
15-
<img src="{% static 'img/vectors/python-asia-branding.png' %}" alt="PythonAsia 2026" class="w-[635px] h-auto">
16-
<div class="text-center text-[#7C5E3B] z-30">
17-
Nurturing a community of care, compassion, and growth.<br/>
18-
The same heart of PyCon APAC, now as PythonAsia.
4+
<div class="min-h-screen"
5+
style="background-image: url('{% static 'img/background.png' %}')">
6+
<!-- Navbar -->
7+
{% include "home/components/navbar.html" %}
8+
<main>
9+
<section id="hero" class="text-white text-center flex items-center pt-[170px]">
10+
<div class="container mx-auto px-6 bg-cover w-[960px] hero-content">
11+
<div class="flex flex-col items-center space-y-8">
12+
<img src="{% static 'img/vectors/kalinga-baybayin.svg' %}"
13+
alt="kliN"
14+
class="w-[189px] h-auto">
15+
<img src="{% static 'img/kalinga.png' %}"
16+
alt="Kalinga"
17+
class="w-[336.34px] h-auto">
18+
<img src="{% static 'img/vectors/python-asia-branding.png' %}"
19+
alt="PythonAsia 2026"
20+
class="w-[635px] h-auto">
21+
<div class="text-center text-[#7C5E3B] z-30">
22+
Nurturing a community of care, compassion, and growth.
23+
<br />
24+
The same heart of PyCon APAC, now as PythonAsia.
25+
</div>
26+
</div>
1927
</div>
20-
</div>
21-
</div>
22-
</section>
23-
</main>
24-
25-
<!-- Section Break -->
26-
<div class="w-full py-0 my-0 z-10 -mb-25">
27-
<img src="{% static 'img/vectors/section-break-1.svg' %}" alt="Section Break" class="w-full block">
28+
</section>
29+
</main>
30+
<!-- Section Break -->
31+
<div class="w-full py-0 my-0 z-10 -mb-25">
32+
<img src="{% static 'img/vectors/section-break-1.svg' %}"
33+
alt="Section Break"
34+
class="w-full block">
35+
</div>
36+
<!-- About Us Section -->
37+
{% include "home/sections/about-us.html" %}
38+
<!-- Section Break -->
39+
<div class="w-full py-0 my-0 z-10 -mt-25">
40+
<img src="{% static 'img/vectors/section-break-2.svg' %}"
41+
alt="Section Break"
42+
class="w-full block">
43+
</div>
44+
<!-- Conference at a Glance Section -->
45+
{% include "home/sections/conference-at-a-glance.html" %}
46+
<!-- Why Python Section -->
47+
{% include "home/sections/why-python.html" %}
48+
<!-- What is PyCon Section -->
49+
{% include "home/sections/what-is-python-asia.html" %}
50+
<!-- Announcement Section -->
51+
{% include "home/sections/announcement-section.html" %}
52+
<!-- When? Where? Section -->
53+
{% include "home/sections/when-where-section.html" %}
54+
<!-- Sponsors Section -->
55+
{% include "home/sections/sponsor-section.html" %}
56+
<!-- Code of Conduct Section -->
57+
{% include "home/sections/code-of-conduct.html" %}
58+
<!-- Footer Section -->
59+
{% include "home/sections/footer.html" %}
2860
</div>
29-
30-
<!-- About Us Section -->
31-
{% include "home/sections/about-us.html" %}
32-
33-
<!-- Section Break -->
34-
<div class="w-full py-0 my-0 z-10 -mt-25">
35-
<img src="{% static 'img/vectors/section-break-2.svg' %}" alt="Section Break" class="w-full block">
36-
</div>
37-
38-
<!-- Conference at a Glance Section -->
39-
{% include "home/sections/conference-at-a-glance.html" %}
40-
41-
<!-- Why Python Section -->
42-
{% include "home/sections/why-python.html" %}
43-
44-
<!-- What is PyCon Section -->
45-
{% include "home/sections/what-is-python-asia.html" %}
46-
47-
<!-- Announcement Section -->
48-
{% include "home/sections/announcement-section.html" %}
49-
50-
<!-- When? Where? Section -->
51-
{% include "home/sections/when-where-section.html" %}
52-
53-
<!-- Sponsors Section -->
54-
{% include "home/sections/sponsor-section.html" %}
55-
56-
<!-- Code of Conduct Section -->
57-
{% include "home/sections/code-of-conduct.html" %}
58-
59-
<!-- Footer Section -->
60-
{% include "home/sections/footer.html" %}
61-
62-
</div>
63-
{% endblock %}
61+
{% endblock %}

0 commit comments

Comments
 (0)