Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Refactor: Update board and committee context #99

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 1 commit into from
Sep 15, 2025
Merged

Refactor: Update board and committee context #99

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
183 changes: 26 additions & 157 deletions 183 landing/templates/landing/our_team.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{% load static from staticfiles %}
{% load static %}

<div
class="bg-blue md:bg-image-4 lg:h-750 bg-top md:bg-left-top bg-no-repeat 2xl:bg-repeat xl:bg-contain bg-our-team xl:pt-40 overflow-hidden"
Expand Down Expand Up @@ -69,6 +69,8 @@
role="tabpanel"
aria-labelledby="officers-tab"
>

{% for member in board_members %}
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
Expand All @@ -77,148 +79,15 @@
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Micaela Reyes</h5><h6 class='text-14 text-blue m-0'>Director of Operations</h6>"
src="{% static "landing/assets/img/people/micaela.jpg" %}"
data-aos="py-slide"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Matt Lebrun</h5><h6 class='text-14 text-blue m-0'>President</h6>"
src="{% static "landing/assets/img/people/matt.jpg" %}"
data-aos="py-slide"
data-aos-delay="400"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Sony Valdez</h5><h6 class='text-14 text-blue m-0'>Director of Community Relations</h6>"
src="{% static "landing/assets/img/people/shuny.jpg" %}"
data-aos="py-slide"
data-aos-delay="500"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Angelica Lapastora</h5><h6 class='text-14 text-blue m-0'>Director of Sponsorship</h6>"
src="{% static "landing/assets/img/people/anj.jpg" %}"
data-aos="py-slide"
data-aos-delay="600"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Zorex Salvo</h5><h6 class='text-14 text-blue m-0'>Director of Engineering</h6>"
src="{% static "landing/assets/img/people/zorex.jpg" %}"
data-aos="py-slide"
data-aos-delay="500"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Ciara Bautista</h5><h6 class='text-14 text-blue m-0'>Treasurer</h6>"
src="{% static "landing/assets/img/people/ciara.jpg" %}"
data-aos="py-slide"
data-aos-delay="500"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Freilla Mae Espinola</h5><h6 class='text-14 text-blue m-0'>Director of Diversity and Outreach</h6>"
src="{% static "landing/assets/img/people/freilla.png" %}"
data-aos="py-slide"
data-aos-delay="300"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Rodney Lei Estrada</h5><h6 class='text-14 text-blue m-0'>Board of Trustee and Corporate Secretary</h6>"
src="{% static "landing/assets/img/people/rodney.jpg" %}"
data-aos="py-slide"
data-aos-delay="400"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Lalaine Diok</h5><h6 class='text-14 text-blue m-0'>Director of Marketing</h6>"
src="{% static "landing/assets/img/people/lalaine.jpg" %}"
data-aos="py-slide"
data-aos-delay="400"
/>
</div>
</div>
<div
class="w-1/3 flex-basis-1/3 md:w-1/5 md:flex-basis-1/5 lg:w-1/5 lg:flex-basis-19 md:mb-12 flex justify-center h-full"
>
<div class="p-14 md:p-24 xl:p-15">
<img
class="w-full h-full object-cover rounded-13 md:rounded-24 cursor-pointer max-w-144 max-h-144"
data-bs-toggle="tooltip"
data-bs-html="true"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>Alex Reyes</h5><h6 class='text-14 text-blue m-0'>Director of Design</h6>"
src="{% static "landing/assets/img/people/alex.jpg" %}"
title="<h5 class='text-16 text-blue font-semibold font-montserrat mb-6'>{{ member.name }}</h5><h6 class='text-14 text-blue m-0'>{{ member.position }}</h6>"
src="{% static member.image %}"
data-aos="py-slide"
data-aos-delay="400"
/>
</div>
</div>
{% endfor %}
</div>

<h3
class="md:hidden text-18 text-white text-center mb-20 font-semibold font-montserrat"
data-aos="py-slide"
Expand All @@ -232,25 +101,25 @@
aria-labelledby="volunteers-tab"
>
<div class="w-full md:flex justify-center">
{% for commitee in commitees %}
<div class="text-center md:w-1/3">
<h3
class="text-yellow text-20 font-montserrat mb-9 md:mb-16"
data-aos="py-slide"
data-aos-delay="600"
>
{{ commitee.name }}
</h3>
<ul
class="text-18 mb-26 md:mb-60 list-none"
data-aos="py-slide"
data-aos-delay="700"
>
{% for volunteer in commitee.volunteers.all %}
<li>{{ volunteer.display_name }}</li>
{% endfor %}
</ul>
</div>
{% for committee in committees %}
<div class="text-center md:w-1/3">
<h3
class="text-yellow text-20 font-montserrat mb-9 md:mb-16"
data-aos="py-slide"
data-aos-delay="600"
>
{{ committee.name }}
</h3>
<ul
class="text-18 mb-26 md:mb-60 list-none"
data-aos="py-slide"
data-aos-delay="700"
>
{% for volunteer in commitee.volunteers.all %}
<li>{{ volunteer.display_name }}</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion 2 landing/templates/landing/why_python.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<h2 class="capitalize font-montserrat text-40 mb-30" data-aos="py-slide" data-aos-delay="150">
Why Python?
</h2>
<div class="text-18">
<div>
<p data-aos="py-slide" data-aos-delay="200">
<strong>We believe Python changes lives.</strong>
</p>
Expand Down
68 changes: 57 additions & 11 deletions 68 landing/views.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,9 @@
from django.shortcuts import render

from .models import Event, Section
from organisation.models import Volunteer, Commitee
from organisation.models import Commitee


def index(request):
events = Event.available_objects.all()
sections = Section.available_objects.all()
board_members = Volunteer.available_objects.filter(is_staff=True)
commitees = Commitee.available_objects.prefetch_related('volunteers')
committees = Commitee.available_objects.prefetch_related('volunteers')
python_hour = [
{
"link": "#",
Expand Down Expand Up @@ -39,10 +34,61 @@ def index(request):
}
]

board_members = [
{
"name": "Matt Lebrun",
"position": "President",
"image": "landing/assets/img/people/matt.jpg",
},
{
"name": "Micaela Reyes",
"position": "Director of Operations",
"image": "landing/assets/img/people/micaela.jpg",
},
{
"name": "Sony Valdez",
"position": "Director of Community Relations",
"image": "landing/assets/img/people/shuny.jpg",
},
{
"name": "Angelica Lapastora",
"position": "Director of Sponsorship",
"image": "landing/assets/img/people/anj.jpg",
},
{
"name": "Zorex Salvo",
"position": "Director of Engineering",
"image": "landing/assets/img/people/zorex.jpg",
},
{
"name": "Ciara Bautista",
"position": "Treasurer",
"image": "landing/assets/img/people/ciara.jpg",
},
{
"name": "Freilla Mae Espinola",
"position": "Director of Diversity and Outreach",
"image": "landing/assets/img/people/freilla.png",
},
{
"name": "Rodney Lei Estrada",
"position": "Board of Trustee and Corporate Secretary",
"image": "landing/assets/img/people/rodney.jpg",
},
{
"name": "Lalaine Diok",
"position": "Director of Marketing",
"image": "landing/assets/img/people/lalaine.jpg",
},
{
"name": "Alex Reyes",
"position": "Director of Design",
"image": "landing/assets/img/people/alex.jpg",
},
]

return render(request, 'landing/index.html', {
'events': events,
'sections': sections,
'board_members': board_members,
'commitees': commitees,
'committees': committees,
'python_hour': python_hour,
'board_members': board_members
})
Morty Proxy This is a proxified and sanitized view of the page, visit original site.