Skip to content

Commit b9834cc

Browse files
iRenanMatthewiRenanMatthew
authored
Homepage cleanup and missing sections
Homepage cleanup and missing sections
2 parents 92f6cd7 + bc0d186 commit b9834cc

13 files changed

Lines changed: 344 additions & 30 deletions

File tree

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

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,30 +6,43 @@
66
<!-- Navbar -->
77
{% include "home/components/navbar.html" %}
88
<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">
9+
<section id="hero" class="text-white text-center flex">
10+
<div class="container mx-auto w-full max-w-[730px] pt-[140px] pb-[120px]">
11+
<div class="flex flex-col justify-center space-y-8">
1212
<img src="{% static 'img/vectors/kalinga-baybayin.svg' %}"
1313
alt="kliN"
14-
class="w-[189px] h-auto">
14+
class="w-full max-w-[189px] h-auto mx-auto">
1515
<img src="{% static 'img/kalinga.png' %}"
1616
alt="Kalinga"
17-
class="w-[336.34px] h-auto">
17+
class="w-full max-w-[336.34px] h-auto mx-auto">
1818
<img src="{% static 'img/vectors/python-asia-branding.png' %}"
1919
alt="PythonAsia 2026"
20-
class="w-[635px] h-auto">
20+
class="w-full max-w-[635px] h-auto mx-auto">
2121
<div class="text-center text-[#7C5E3B] z-30">
2222
Nurturing a community of care, compassion, and growth.
2323
<br />
2424
The same heart of PyCon APAC, now as PythonAsia.
2525
</div>
26+
27+
<div class="python-kalinga-pot">
28+
<img class="pot" src="{% static 'img/py_kalinga-pot.svg' %}" alt="Kalinga pot">
29+
<div class="justify-self-end self-center">
30+
<h2 class="font-bantayog text-[28px] text-white">Co-organized By</h2>
31+
<div class="flex flex-row items-center justify-center gap-[45px] co-organized">
32+
<img src="{% static 'img/footer/pythonph.svg' %}" alt="PythonPH" class="w-full max-w-[210px]">
33+
<img src="{% static 'img/footer/pythonasia.svg' %}" alt="Python Asia Organization" class="w-full max-w-[320px]">
34+
<img src="{% static 'img/footer/dlsu.svg' %}" alt="DLSU" class="w-full max-w-[110px]">
35+
</div>
36+
</div>
37+
</div>
2638
</div>
2739
</div>
2840
</section>
29-
<img src="{% static 'img/vectors/footer.png' %}" class="w-full block xl:mt-[-10em] xl:mb-[-7em]">
41+
3042
</main>
31-
<!-- Section Break -->
32-
<div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block cstm_break">
43+
<!-- When? Where? Section -->
44+
{% include "home/sections/when-where-section.html" %}
45+
<div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block cstm_break mt-[-9vw]">
3346
<img src="{% static 'img/vectors/section-break-1.svg' %}"
3447
alt="Section Break"
3548
class="w-full block">
@@ -46,12 +59,12 @@
4659
{% include "home/sections/conference-at-a-glance.html" %}
4760
<!-- Why Python Section -->
4861
{% include "home/sections/why-python.html" %}
62+
<!-- Call For X -->
63+
{% include "home/sections/call-for-x.html" %}
4964
<!-- What is PyCon Section -->
5065
{% comment%}{% include "home/sections/what-is-python-asia.html" %}{% endcomment%}
5166
<!-- Announcement Section -->
5267
{% include "home/sections/announcement-section.html" %}
53-
<!-- When? Where? Section -->
54-
{% include "home/sections/when-where-section.html" %}
5568
<!-- Sponsors Section -->
5669
{% comment %}
5770
{% include "home/sections/sponsor-section.html" %}

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Multi-Track & Live Wo
8383
</div>
8484
<h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Community Gatherings</h4>
8585
<p class="text-sm font-nunito w-full max-w-[305px]">
86-
Join special sessions like the PyLadies Lunch, Open Spaces, and Group Lunch—designed to spark conversations and build connections.
86+
Join special sessions like the PyLadies Lunch, and Open Spaces — designed to spark conversations and build connections.
8787
</p>
8888
</div>
8989
<!-- Career Mixer -->

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

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{% load static %}
2+
<section id="call-for-x" class="py-20 bg-[url('{% static 'img/call-for-links.png' %}')] bg-contain bg-center">
3+
<div class="container mx-auto px-6">
4+
<!-- Header -->
5+
<div class="text-center mb-16">
6+
<h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy"
7+
style="color: #D87A3F">Get Involved</h2>
8+
<p class="text-lg font-nunito text-uppercase text-brown-2">
9+
Magic happens when people come together to achieve common goals.
10+
</p>
11+
</div>
12+
<div class="flex flex-col sm:flex-row md:items-stretch md:justify-center items-center gap-8 mb-20 max-w-5xl mx-auto">
13+
14+
<div class="p-8 rounded-2xl w-full max-w-[300px] bg-offwhite-2 border-t-[8px] border-t-[#F26D1D] h-[250px]">
15+
<div class="mb-6">
16+
<h3 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">CALL FOR PROPOSALS</h3>
17+
</div>
18+
<div class="space-y-3">
19+
<a class="text-lg font-bold mb-2 font-bantayog text-brown-2" href="https://pretalx.com/python-asia-2026/" target="_blank">pretalx.com/python-asia-2026/</a>
20+
</div>
21+
</div>
22+
<div class="p-8 rounded-2xl w-full max-w-[300px] bg-offwhite-2 border-t-[8px] border-t-[#ffa218] h-[250px]">
23+
<div class="mb-6">
24+
<h3 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">CALL FOR SPONSORS</h3>
25+
</div>
26+
<div class="space-y-3">
27+
<a class="text-lg font-bold mb-2 font-bantayog text-brown-2" href="https://docs.google.com/forms/d/e/1FAIpQLSd9yOxboIXUv4_nUnzeywojCjEagSfCFKs1D2-onUU4fjzl9g/viewform" target="_blank">bit.ly/PythonAsia2026-CallForSponsors</a>
28+
</div>
29+
</div>
30+
</div>
31+
32+
{% comment %}
33+
{% include "home/sections/tickets-section.html" %}
34+
{% endcomment %}
35+
</div>
36+
</section>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,11 @@ <h4 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">SATURDAY-SUNDAY</
3838
</div>
3939
<div class="flex items-center space-x-3 font-nunito">
4040
<img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
41-
<span class="font-nunito text-lg text-brown-2">Group Lunch</span>
41+
<span class="font-nunito text-lg text-brown-2">Career Mixer</span>
4242
</div>
4343
<div class="flex items-center space-x-3 font-nunito">
4444
<img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
45-
<span class="font-nunito text-lg text-brown-2">Career Mixer</span>
45+
<span class="font-nunito text-lg text-brown-2">Poster Session</span>
4646
</div>
4747
</div>
4848
</div>

‎app/home/templates/home/sections/when-where-section.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="when-where"
3-
class="py-20 bg-[url('/static/img/when-where-bg.jpg')] bg-cover bg-center">
3+
class="pt-[80px] pb-[80px] bg-[url('/static/img/when-where-bg.jpg')] bg-cover bg-center">
44
<div class="w-full max-w-[1160px] mx-auto px-6 flex flex-col gap-10">
55
<div class="flex justify-between items-center">
66
<div class="">

‎src/styles/main.css‎

Lines changed: 106 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,6 @@
44

55
@plugin "daisyui";
66

7-
body {
8-
background-color: #fff9f2;
9-
color: #7c5e3b;
10-
font-size: 24px;
11-
}
12-
13-
.test {
14-
padding: 500px;
15-
}
167

178
:root {
189
--color-primary: #f26d1d;
@@ -77,6 +68,12 @@ body {
7768
font-display: swap;
7869
}
7970

71+
body {
72+
background-color: var(--offwhite-1);
73+
color: var(--brown-2);
74+
font-size: 24px;
75+
}
76+
8077
.font-bantayog {
8178
font-family: "Bantayog", sans-serif;
8279
}
@@ -160,6 +157,31 @@ body {
160157
color: var(--brown-1);
161158
}
162159

160+
/* START: Custom CSS Here */
161+
162+
#hero {
163+
background: url("../../static/img/python-asia-bg.png") bottom / 100% no-repeat;
164+
height: 1561px;
165+
}
166+
167+
.python-kalinga-pot{
168+
width: 100%;
169+
max-width: 730px;
170+
margin-left: auto;
171+
margin-right: auto;
172+
transform: translateY(-15vh);
173+
}
174+
175+
.python-kalinga-pot .pot{
176+
width: 100%;
177+
max-width: 580px;
178+
margin-left: auto;
179+
margin-right: auto;
180+
transform: translateX(-3.5vw);
181+
margin-bottom: 45px;
182+
}
183+
184+
/* Media Query */
163185

164186
@media screen and (max-width: 1570px){
165187
.cstm_break.about-us_break{
@@ -178,3 +200,78 @@ body {
178200
padding: 250px 0 80px;
179201
}
180202
}
203+
204+
@media screen and (max-width: 1100px){
205+
.python-kalinga-pot .pot{
206+
width: 100%;
207+
max-width: 400px;
208+
transform: translateX(-3.5vw);
209+
margin-bottom: 45px;
210+
}
211+
212+
#hero {
213+
height: 150vh;
214+
}
215+
216+
.python-kalinga-pot {
217+
transform: translateY(-8vh);
218+
}
219+
}
220+
221+
@media screen and (max-width: 768px){
222+
.python-kalinga-pot .pot{
223+
width: 100%;
224+
max-width: 280px;
225+
transform: translateX(-3.5vw);
226+
margin-bottom: 20px;
227+
}
228+
229+
#hero {
230+
height: 140vh;
231+
}
232+
233+
.python-kalinga-pot {
234+
transform: translateY(-5vh);
235+
}
236+
}
237+
238+
@media screen and (max-width: 768px){
239+
.python-kalinga-pot .pot{
240+
width: 100%;
241+
max-width: 280px;
242+
transform: translateX(-3.5vw);
243+
margin-bottom: 20px;
244+
}
245+
246+
#hero {
247+
height: 145vh;
248+
padding-inline: 4%;
249+
}
250+
251+
.python-kalinga-pot {
252+
transform: translateY(-5vh);
253+
}
254+
255+
256+
.python-kalinga-pot .co-organized{
257+
display: flex;
258+
flex-direction: column;
259+
align-items: center;
260+
justify-content: center;
261+
gap: 10px;
262+
}
263+
264+
.python-kalinga-pot .co-organized img{
265+
width: 100%;
266+
max-height: 50px !important;
267+
}
268+
269+
#hero{
270+
background-size: cover;
271+
background-position: center;
272+
}
273+
274+
.python-kalinga-pot .justify-self-end.self-center{
275+
justify-self: unset;
276+
}
277+
}

‎static/css/app.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/img/call-for-links.png‎

975 KB
Loading

‎static/img/cstm_section-break.png‎

8.39 KB
Loading

0 commit comments

Comments
 (0)