pythonph · zorexsalvo · Sep 15, 2025 · Sep 15, 2025 · Sep 15, 2025
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -0,0 +1,11 @@
+repos:
+  - repo: [email protected]:astral-sh/ruff-pre-commit
+    rev: v0.4.4
+    hooks:
+      - id: ruff
+
+  - repo: [email protected]:pre-commit/pre-commit-hooks
+    rev: v4.5.0
+    hooks:
+      - id: end-of-file-fixer
+      - id: trailing-whitespace
diff --git a/Dockerfile b/Dockerfile
@@ -1,14 +1,17 @@
-FROM python:3.8.1
+FROM python:3.8.18
 
-RUN apt-get -y update
-RUN apt-get -y upgrade
-RUN curl -sL https://deb.nodesource.com/setup_12.x | bash -
-RUN apt-get -y install nodejs
-RUN apt-get -y install libcairo-dev
+# Install dependencies for node
+RUN apt-get update && \
+    apt-get install -y curl ca-certificates && \
+    curl -fsSL https://deb.nodesource.com/setup_22.x | bash - && \
+    apt-get install -y nodejs && \
+    node --version && npm --version
 
+RUN apt-get -y install libcairo-dev
 RUN mkdir -p /usr/src/app
 
 COPY package.json /usr/src/app/
+RUN npm --version
 RUN npm install --prefix /usr/src/app/
 
 COPY requirements.txt /usr/src/app

diff --git a/landing/admin.py b/landing/admin.py
@@ -1,4 +1,3 @@
-from adminsortable2.admin import SortableAdminMixin
 from django.contrib import admin
 from django.utils.encoding import force_text
 
@@ -42,7 +41,7 @@ def get_queryset(self, request):
 
 
 @admin.register(Section)
-class SectionAdmin(SortableAdminMixin, admin.ModelAdmin):
+class SectionAdmin(admin.ModelAdmin):
     search_fields = ('name',)
     list_filter = (IsArchivedListFilter,)
 

diff --git a/landing/templates/landing/footer.html b/landing/templates/landing/footer.html
@@ -0,0 +1,36 @@
+{% load static %}
+
+<footer class="flex items-center text-14 bg-blue-3 px-15 xl:px-0">
+  <div class="w-full h-full border-t border-gray-30 flex flex-col md:flex-row-reverse items-center py-21 md:py-12 xl:px-0 lg:max-w-920 xl:max-w-1110 mx-auto">
+    <div class="md:flex items-center">
+      <div class="flex items-center justify-center mb-21 md:mb-0">
+        <a href="https://pycon.python.ph/" class="text-white no-underline opacity-70 hover:opacity-100">PyCon Philippines</a>
+        <a href="https://python.ph/jobs/" class="text-white no-underline opacity-70 hover:opacity-100 ml-24 md:ml-20">Job Boards</a>
+      </div>
+      <div class="flex items-center justify-center mb-30 md:mb-0">
+        <a href="https://python.ph/slack/" class="text-white no-underline opacity-70 hover:opacity-100 md:ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-slack.svg' %}" />
+        </a>
+        <a href="https://www.facebook.com/groups/pythonph/" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-facebook.svg' %}" />
+        </a>
+        <a href="https://github.com/pythonph" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-github.svg' %}" />
+        </a>
+        <a href="https://twitter.com/pythonph" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-twitter.svg' %}" />
+        </a>
+        <a href="https://www.instagram.com/pythonph/" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-instagram.svg' %}" />
+        </a>
+        <a href="https://www.linkedin.com/company/pythonph" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-linkedin.svg' %}" />
+        </a>
+        <a href="https://www.youtube.com/c/PythonPH" class="text-white no-underline opacity-70 hover:opacity-100 ml-20">
+          <img src="{% static 'landing/assets/img/icon/icon-youtube.svg' %}" />
+        </a>
+      </div>
+    </div>
+    <div class="md:mr-auto text-white">© 2025 PythonPH</div>
+  </div>
+</footer>
diff --git a/landing/templates/landing/gallery1.html → ...ng/templates/landing/header/gallery1.html b/landing/templates/landing/gallery1.html → ...ng/templates/landing/header/gallery1.html
@@ -1,4 +1,4 @@
-{% load static from staticfiles %}
+{% load static %}
 
 <div class="mb-44 md:mb-0 md:mx-0 md:pr-30 lg:pr-0">
   <ul

diff --git a/landing/templates/landing/header/index.html b/landing/templates/landing/header/index.html
@@ -0,0 +1,27 @@
+{% load static %}
+
+<header class="bg-image-1 bg-top md:bg-left-top bg-no-repeat 2xl:bg-repeat xl:bg-contain md:pb-40 relativex overflow-hidden">
+
+  {% include "landing/header/navbar.html" %}
+  <div class="w-full md:flex items-center lg:max-w-920 xl:max-w-1110 md:mx-auto">
+    <div class="text-center md:text-left mt-50 md:mt-0 md:mr-auto px-30 lg:px-0 max-w-480">
+      <div class="flex flex-col md:flex-row items-center justify-center md:justify-start mb-8 md:mb-33">
+        <div class="flex justify-center h-168 md:h-150 md:w-126 mb-20 md:mr-22 md:mb-0 relative">
+          <img src="{% static 'landing/assets/img/icon/icon-logo.svg' %}" class="md:absolute h-full" />
+        </div>
+        <h1 class="flex flex-col md:block font-raleway uppercase text-white leading-42 mb-13 leading-20 leading-none">
+          <span class="text-47 md:text-63 font-black flex justify-center md:justify-start mb-4">Python</span>
+          <span class="text-31 md:text-48 font-light flex justify-center md:justify-start">Philippines</span>
+        </h1>
+      </div>
+      <p class="text-white text-18 text-center px-25 md:text-left md:px-0 mb-23 md:mb-36">
+      PythonPH is a non-stock, non-profit, <strong>volunteer-run</strong>
+      organization dedicated to support and facilitate the
+      growth of the community of Python programmers in the
+      Philippines.
+      </p>
+    </div>
+
+    {% include "landing/header/gallery1.html" %}
+  </div>
+</header>
diff --git a/landing/templates/landing/header/navbar.html b/landing/templates/landing/header/navbar.html
@@ -0,0 +1,20 @@
+{% load static %}
+
+<nav class="w-full flex items-center justify-end md:py-30 md:px-30 lg:px-0 pt-28 px-16 lg:max-w-920 xl:max-w-1110 md:mx-auto md:mb-24">
+  <button class="border-none focus:border-none focus:outline-none bg-transparent md:hidden z-20 btn-toggle">&nbsp;</button>
+  <div class="slider-pane absolute md:relative z-10 bg-blue md:bg-transparent overflow-hidden m-0 px-15 md:px-0">
+    <img src="{% static 'landing/assets/img/icon/icon-logo.svg' %}" class="w-42 absolute absolute top-12 left-16 z-20 md:hidden"/>
+    <ul class="list-none m-0 h-full pt-112 md:py-0 md:flex">
+      <li class="mb-21 md:mb-0">
+        <a href="https://pycon.python.ph/" class="text-24 md:text-16 text-yellow no-underline hover:text-yellow">
+          PyCon Philippines
+        </a>
+      </li>
+      <li class="mb-21 md:mb-0 md:ml-30">
+        <a href="https://python.ph/jobs/" class="text-24 md:text-16 text-white no-underline hover:text-yellow">
+          Job Board
+        </a>
+      </li>
+    </ul>
+  </div>
+</nav>