Back to Projects

Patrick Mwila CMS

Tech Stack
Python Django Bootstrap 5 HTML5 CSS JavaScript Font Awesome Icons

A modern, responsive portfolio / blog website built with Django and Wagtail CMS. This website showcases my projects, blog posts, and professional information.

Features

  • Responsive Design: Mobile-first approach with Bootstrap 5
  • Dark/Light Theme: Automatic theme detection with manual toggle option
  • Blog Platform: Rich content editor with code syntax highlighting
  • Table of Contents: Automatically generated for blog posts
  • Social Media Integration: Share and comment via social platforms
  • SEO Optimized: Meta tags, Open Graph, Twitter Cards, and sitemap.xml
  • Modern UI: Gradient backgrounds, smooth animations, and clean typography

Technology Stack

  • Backend: Django 5.2, Wagtail CMS 6.4.1
  • Frontend: Bootstrap 5, Custom CSS, JavaScript
  • Database: MySQL
  • Deployment: Nginx, Gunicorn, Let's Encrypt SSL
  • Python Version: 3.10+

Key Components

Wagtail Admin

Access the Wagtail admin interface at /admin/ to manage content:

  • Create and edit blog posts
  • Manage projects
  • Update about page content
  • Configure site settings

Blog Features

  • Rich text editor with code syntax highlighting
  • Automatic table of contents generation
  • Social media sharing integration
  • Tag-based categorization

Theme System

The site uses a custom theming system with CSS variables for consistent styling across light and dark modes. The theme automatically adapts to user preferences but can be manually toggled.

Contact

Please note that this project's repository is private. If you're interested in the implementation or would like access to a personal fork, feel free to reach out!