Skip to content

Feat/dynamic styling for internal pages#37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zorexsalvo merged 2 commits into from
Jan 7, 2026
Merged

Feat/dynamic styling for internal pages #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
19363ac
feat(internal-pages): dynamic styling and UI fixes for internal pages
iRenanMatthew Jan 4, 2026
adba067
feat(docs): improve structure of internal pages
iRenanMatthew Jan 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 18 additions & 18 deletions app/home/templates/home/sections/sponsor-section.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -12,7 +12,7 @@
<br />
to Our Sponsors
</h2>
<img src="{% static 'img/py_kalinga-w-band.png' %}" alt="" width="300" height="300" />
<img class="hidden md:block" src="{% static 'img/py_kalinga-w-band.png' %}" alt="" width="300" height="300" />
</div>
<p class="text-lg font-nunito" style="color: #7c5e3b">
This event was made possible with the help of our generous sponsors
Expand All@@ -24,10 +24,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Organizer</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -57,10 +57,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Institutional Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -90,10 +90,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Keystone Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -123,10 +123,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Titanium Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -156,10 +156,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Platinum Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -189,10 +189,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Gold Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -222,10 +222,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog"
style="color: #7c5e3b">Silver Sponsor</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -258,7 +258,7 @@
<div class="grid md:grid-cols-4 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand DownExpand Up@@ -288,10 +288,10 @@
<div class="mb-16">
<h3 class="text-2xl font-bold mb-8 uppercase font-bantayog"
style="color: #7c5e3b">Wellness Partner</h3>
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
{% for sponsor in sponsors %}
<div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
{% if sponsor.ribbon_visible %}
{% if sponsor.is_pao_connected %}
<img
src="/static/img/vectors/pao-ribbon.svg"
alt="PAO Ribbon"
Expand Down
18 changes: 16 additions & 2 deletions app/home/templates/internal/pages/aid-scholarships.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -22,6 +22,15 @@ <h4 class="font-bantayog text-brown-1 font-bold text-xl my-6">Financial Aid</h4>
about travel or participation costs, you are encouraged to apply.
</p>

<p class="mb-4 font-semibold">Financial Aid Deadline</p>
<p class="mb-6">
January 30, 2026, at 11:59 PM PH time
</p>

<p class="mb-4 font-semibold">Financial Aid Notification Timeline</p>
<p class="mb-6">
Applicants will be notified via email or SMS on or <strong>before February 13, 2026</strong>.
</p>
<p class="mb-6 font-semibold">
<a
href="https://forms.gle/Djp9BXtvfn5bBqYf9"
Expand DownExpand Up@@ -50,9 +59,14 @@ <h4 class="font-bantayog text-brown-1 font-bold text-xl my-6">Scholarship Ticket
Anyone with a valid organization or company ID who requires financial support.
</p>

<p class="mb-4 font-semibold">Notification timeline</p>
<p class="mb-4 font-semibold">Scholarship Tickets Deadline</p>
<p class="mb-6">
February 8, 2026, at 11:59 PM PH time
</p>

<p class="mb-4 font-semibold">Scholarship Tickets Notification Timeline</p>
<p class="mb-6">
Selected recipients will be notified via email or SMS by <strong>TBA</strong>.
Applicants will be notified via email or SMS by the <strong>3rd week of February 2026</strong>.
</p>

<p class="mb-6 font-semibold">
Expand Down
Loading