Skip to content

Commit 26fc181

Browse files
iRenanMatthewiRenanMatthew
authored
Merge pull request #53 from pythonph/feat/added-academic_partner-and-ui-polish
feat: added and update sponsors and polish ui
2 parents b2ba75a + 8549053 commit 26fc181

File tree

6 files changed

+95
-5099
lines changed

6 files changed

+95
-5099
lines changed

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

Lines changed: 52 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
.sponsor-card-overlay {
55
backdrop-filter: blur(8px);
66
-webkit-backdrop-filter: blur(8px);
7-
pointer-events: none;
87
}
98
.sponsor-logo-blur {
109
transition: filter 0.3s ease, opacity 0.3s ease;
@@ -76,7 +75,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
7675
{% endif %}
7776
{% if sponsor.info %}
7877
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
79-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
78+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
8079
</div>
8180
{% endif %}
8281
</div>
@@ -114,7 +113,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
114113
{% endif %}
115114
{% if sponsor.info %}
116115
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
117-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
116+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
118117
</div>
119118
{% endif %}
120119
</div>
@@ -152,7 +151,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
152151
{% endif %}
153152
{% if sponsor.info %}
154153
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
155-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
154+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
156155
</div>
157156
{% endif %}
158157
</div>
@@ -190,7 +189,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
190189
{% endif %}
191190
{% if sponsor.info %}
192191
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
193-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
192+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
194193
</div>
195194
{% endif %}
196195
</div>
@@ -227,7 +226,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
227226
{% endif %}
228227
{% if sponsor.info %}
229228
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
230-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
229+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
231230
</div>
232231
{% endif %}
233232
</div>
@@ -264,7 +263,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
264263
{% endif %}
265264
{% if sponsor.info %}
266265
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
267-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
266+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
268267
</div>
269268
{% endif %}
270269
</div>
@@ -302,7 +301,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
302301
{% endif %}
303302
{% if sponsor.info %}
304303
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
305-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
304+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
306305
</div>
307306
{% endif %}
308307
</div>
@@ -340,7 +339,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
340339
{% endif %}
341340
{% if sponsor.info %}
342341
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
343-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
342+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
344343
</div>
345344
{% endif %}
346345
</div>
@@ -378,13 +377,52 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
378377
{% endif %}
379378
{% if sponsor.info %}
380379
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
381-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
380+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
382381
</div>
383382
{% endif %}
384383
</div>
385384
{% endfor %}
386385
</div>
387386
</div>
387+
{% elif sponsor_type_key == "ACADEMIC_PARTNER" %}
388+
<div class="mb-16">
389+
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog"
390+
style="color: #7c5e3b">Academic Partner</h3>
391+
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
392+
{% for sponsor in sponsors %}
393+
<div class="{% if sponsor.info %}sponsor-card-container group{% endif %} relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-offwhite-3 p-8 {% if sponsor.info %}cursor-pointer{% endif %}">
394+
{% if sponsor.is_pao_connected %}
395+
<img
396+
src="/static/img/vectors/pao-ribbon.svg"
397+
alt="PAO Ribbon"
398+
class="sponsor-pao-ribbon absolute top-0 right-[20px] w-[50px] z-20"
399+
>
400+
{% endif %}
401+
{% if sponsor.website_url %}
402+
<a href="{{ sponsor.website_url }}"
403+
target="_blank"
404+
rel="noopener noreferrer"
405+
class="w-full h-full flex items-center justify-center">
406+
<img src="{{ sponsor.logo_url }}"
407+
alt="{{ sponsor.name }}"
408+
class="sponsor-logo-blur max-w-full max-h-32 object-contain"
409+
width="256" height="128" />
410+
</a>
411+
{% else %}
412+
<img src="{{ sponsor.logo_url }}"
413+
alt="{{ sponsor.name }}"
414+
class="sponsor-logo-blur max-w-full max-h-32 object-contain"
415+
width="256" height="128" />
416+
{% endif %}
417+
{% if sponsor.info %}
418+
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
419+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
420+
</div>
421+
{% endif %}
422+
</div>
423+
{% endfor %}
424+
</div>
425+
</div>
388426
{% elif sponsor_type_key == "WELLNESS_PARTNER" %}
389427
<div class="mb-16">
390428
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog"
@@ -417,7 +455,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
417455
{% endif %}
418456
{% if sponsor.info %}
419457
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
420-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
458+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
421459
</div>
422460
{% endif %}
423461
</div>
@@ -456,7 +494,7 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
456494
{% endif %}
457495
{% if sponsor.info %}
458496
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
459-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
497+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
460498
</div>
461499
{% endif %}
462500
</div>
@@ -495,13 +533,14 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
495533
{% endif %}
496534
{% if sponsor.info %}
497535
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
498-
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
536+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
499537
</div>
500538
{% endif %}
501539
</div>
502540
{% endfor %}
503541
</div>
504542
</div>
543+
505544
{% endif %}
506545
{% endfor %}
507546
</div>

‎app/sponsors/migrations/0008_alter_sponsor_sponsor_type.py‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# Generated by Django 5.2.7 on 2026-02-26 15:11
2+
3+
from django.db import migrations, models
4+
5+
6+
class Migration(migrations.Migration):
7+
8+
dependencies = [
9+
('sponsors', '0007_alter_sponsor_sponsor_type'),
10+
]
11+
12+
operations = [
13+
migrations.AlterField(
14+
model_name='sponsor',
15+
name='sponsor_type',
16+
field=models.CharField(choices=[('ORGANIZER', 'Organizer'), ('INSTITUTIONAL', 'Institutional'), ('COMMUNITY_PARTNER', 'Community Partner'), ('WELLNESS_PARTNER', 'Wellness Partner'), ('KEYSTONE', 'Keystone'), ('PLATINUM', 'Platinum'), ('PLATINUM_PARTNER', 'Platinum Partner'), ('TITANIUM', 'Titanium'), ('GOLD', 'Gold'), ('SILVER', 'Silver'), ('COFFEE', 'Coffee'), ('EDUCATION_SUMMIT', 'Education Summit'), ('ACADEMIC_PARTNER', 'Academic Partner')], max_length=255),
17+
),
18+
]

‎app/sponsors/models.py‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ class SponsorType(models.TextChoices):
1515
SILVER = "SILVER"
1616
COFFEE = "COFFEE"
1717
EDUCATION_SUMMIT = "EDUCATION_SUMMIT"
18+
ACADEMIC_PARTNER = "ACADEMIC_PARTNER"
1819

1920
name = models.CharField(max_length=255)
2021
logo_url = models.URLField(max_length=255)

‎config/constants.py‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,9 @@
77
"TITANIUM",
88
"GOLD",
99
"SILVER",
10-
"COMMUNITY_PARTNER",
11-
"WELLNESS_PARTNER",
1210
"COFFEE",
1311
"EDUCATION_SUMMIT",
12+
"COMMUNITY_PARTNER",
13+
"ACADEMIC_PARTNER",
14+
"WELLNESS_PARTNER",
1415
]

‎src/styles/main.css‎

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -172,6 +172,10 @@ body {
172172

173173
/* START: Custom CSS Here */
174174

175+
.speaker-card--hidden {
176+
display: none !important;
177+
}
178+
175179
#hero {
176180
background: url("../../static/img/python-asia-bg.png") bottom / 100% no-repeat;
177181
}
@@ -210,7 +214,7 @@ body {
210214

211215
.cstm_bottom.divider-05 {
212216
transform: rotate(180deg);
213-
bottom: -110px;
217+
bottom: -105px;
214218
}
215219

216220
/* Media Query */
@@ -226,9 +230,6 @@ body {
226230
display: none;
227231
}
228232

229-
.cstm_bottom.divider-05 {
230-
bottom: -9%;
231-
}
232233
}
233234

234235
@media screen and (max-width: 1411px) and (min-width: 1280px) {
@@ -257,12 +258,12 @@ body {
257258
.footer-snake-left, .footer-snake-right {
258259
display: none;
259260
}
261+
.cstm_bottom.divider-05 {
262+
bottom: -7%;
263+
}
260264
}
261265

262266
@media screen and (max-width: 1200px) {
263-
.cstm_bottom.divider-05 {
264-
bottom: -6%;
265-
}
266267
.cstm_top.divider-03 {
267268
top: -6%;
268269
}
@@ -273,7 +274,7 @@ body {
273274

274275
@media screen and (max-width: 1100px) {
275276
.cstm_bottom.divider-05 {
276-
bottom: -4%;
277+
bottom: -5%;
277278
}
278279

279280
.cstm_bottom.divider-04 {
@@ -299,6 +300,12 @@ body {
299300
}
300301
}
301302

303+
@media screen and (max-width: 900px){
304+
.cstm_bottom.divider-05 {
305+
bottom: -4%;
306+
}
307+
}
308+
302309
@media screen and (max-width: 800px){
303310
.cstm_bottom.divider-05 {
304311
bottom: -3%;
@@ -338,12 +345,13 @@ body {
338345
top: -2%;
339346
}
340347

341-
.cstm_bottom.divider-05 {
342-
bottom: -1%;
343-
}
344348
.cstm_bottom.divider-04 {
345349
bottom: -2%;
346350
}
351+
352+
.cstm_bottom.divider-05 {
353+
bottom: -1%;
354+
}
347355
}
348356

349357
@media screen and (max-width: 375px){

0 commit comments

Comments
 (0)