[PR #3] [MERGED] Feat/footer and header #3

New issue

Closed

opened 2026-05-06 16:09:05 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 16:09:05 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BreizhHardware/projet-web-cipa4/pull/3
Author: @BreizhHardware
Created: 2/3/2026
Status: ✅ Merged
Merged: 2/3/2026
Merged by: @BreizhHardware

Base: main ← Head: feat/footer-and-header

📝 Commits (6)

563e07c fix(db): remove unnecessary fields from vehicles and ratings tables
43b46c3 feat(header): Create the header like in figma
7638d4b feat(footer): Add footer with links and logo for improved navigation
a0eef82 feat(security): Update Content Security Policy to allow Google Fonts and improve image sources
31e7247 feat(menu): Implement mobile menu toggle functionality and styles
c60556d feat(security): Add security workflow

📊 Changes

7 files changed (+342 additions, -22 deletions)

View changed files

➕ .github/CODEOWNERS (+11 -0)
➕ .github/workflows/pr-security.yml (+55 -0)
📝 css/style.css (+212 -6)
📝 js/app.js (+38 -4)
📝 php/classes/Security.php (+1 -1)
📝 php/utils/init_db.php (+5 -5)
📝 views/trip/list.html (+20 -6)

📄 Description

This pull request introduces significant improvements to the application's frontend styling and user experience, particularly in navigation and layout, along with some updates to the database schema for better trip and user data handling. The main themes are enhanced UI/UX through modernized CSS and navigation, and expanded trip attributes in the database.

Frontend UI/UX Improvements:

Introduced CSS variables for color theming and updated the base color scheme to use these variables throughout, improving maintainability and enabling easier theme changes. [1] [2]
Redesigned the navigation bar and footer with new styles, including a logo, improved layout using Flexbox, and added responsive design for mobile devices. Also added new classes for user info, authentication controls, and buttons. [1] [2] [3] [4] [5]
Updated the navigation rendering logic in js/app.js to show user avatar, name, and a "Publier un trajet" button when logged in, and to use consistent controls and styling for both authenticated and unauthenticated users.

Database Schema Updates:

Added new boolean columns to the trips table for smoking_allowed, pets_allowed, and luggage_allowed to support richer trip filtering and information.
Removed unused or redundant columns from the cars and reviews tables for cleaner, more relevant data storage. [1] [2]

Other Enhancements:

Integrated the "Poppins" font and Iconify icons for a more modern and visually appealing interface.

These changes collectively modernize the look and feel of the application, improve usability across devices, and lay the groundwork for more detailed trip features.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BreizhHardware/projet-web-cipa4/pull/3 **Author:** [@BreizhHardware](https://github.com/BreizhHardware) **Created:** 2/3/2026 **Status:** ✅ Merged **Merged:** 2/3/2026 **Merged by:** [@BreizhHardware](https://github.com/BreizhHardware) **Base:** `main` ← **Head:** `feat/footer-and-header` --- ### 📝 Commits (6) - [`563e07c`](https://github.com/BreizhHardware/projet-web-cipa4/commit/563e07c999ba7bd89126b468329e0237787ab40e) fix(db): remove unnecessary fields from vehicles and ratings tables - [`43b46c3`](https://github.com/BreizhHardware/projet-web-cipa4/commit/43b46c3ae41aeb9f59179829465716898be2369d) feat(header): Create the header like in figma - [`7638d4b`](https://github.com/BreizhHardware/projet-web-cipa4/commit/7638d4bc693a50b133fdb9b5816d239024a48aa0) feat(footer): Add footer with links and logo for improved navigation - [`a0eef82`](https://github.com/BreizhHardware/projet-web-cipa4/commit/a0eef825e506bc8341e5366dc6d68d5aada75b16) feat(security): Update Content Security Policy to allow Google Fonts and improve image sources - [`31e7247`](https://github.com/BreizhHardware/projet-web-cipa4/commit/31e724715336053a7a88865eedaab5d7d5c44546) feat(menu): Implement mobile menu toggle functionality and styles - [`c60556d`](https://github.com/BreizhHardware/projet-web-cipa4/commit/c60556d3cd50932d27e0470cf37dc45c1af04692) feat(security): Add security workflow ### 📊 Changes **7 files changed** (+342 additions, -22 deletions) <details> <summary>View changed files</summary> ➕ `.github/CODEOWNERS` (+11 -0) ➕ `.github/workflows/pr-security.yml` (+55 -0) 📝 `css/style.css` (+212 -6) 📝 `js/app.js` (+38 -4) 📝 `php/classes/Security.php` (+1 -1) 📝 `php/utils/init_db.php` (+5 -5) 📝 `views/trip/list.html` (+20 -6) </details> ### 📄 Description This pull request introduces significant improvements to the application's frontend styling and user experience, particularly in navigation and layout, along with some updates to the database schema for better trip and user data handling. The main themes are enhanced UI/UX through modernized CSS and navigation, and expanded trip attributes in the database. **Frontend UI/UX Improvements:** * Introduced CSS variables for color theming and updated the base color scheme to use these variables throughout, improving maintainability and enabling easier theme changes. [[1]](diffhunk://#diff-1fc556f95754ee7e33d91044125c44bb9f750c99be4406756ffb27413adfcaf5R10-R27) [[2]](diffhunk://#diff-1fc556f95754ee7e33d91044125c44bb9f750c99be4406756ffb27413adfcaf5L28-R45) * Redesigned the navigation bar and footer with new styles, including a logo, improved layout using Flexbox, and added responsive design for mobile devices. Also added new classes for user info, authentication controls, and buttons. [[1]](diffhunk://#diff-1fc556f95754ee7e33d91044125c44bb9f750c99be4406756ffb27413adfcaf5L88-R119) [[2]](diffhunk://#diff-1fc556f95754ee7e33d91044125c44bb9f750c99be4406756ffb27413adfcaf5R128-R212) [[3]](diffhunk://#diff-1fc556f95754ee7e33d91044125c44bb9f750c99be4406756ffb27413adfcaf5R383-R418) [[4]](diffhunk://#diff-bc5d75501e83ec74699ae311f7e1286794ecdafa413dae171803e23f008c5dc4R9-R16) [[5]](diffhunk://#diff-bc5d75501e83ec74699ae311f7e1286794ecdafa413dae171803e23f008c5dc4R30-R40) * Updated the navigation rendering logic in `js/app.js` to show user avatar, name, and a "Publier un trajet" button when logged in, and to use consistent controls and styling for both authenticated and unauthenticated users. **Database Schema Updates:** * Added new boolean columns to the `trips` table for `smoking_allowed`, `pets_allowed`, and `luggage_allowed` to support richer trip filtering and information. * Removed unused or redundant columns from the `cars` and `reviews` tables for cleaner, more relevant data storage. [[1]](diffhunk://#diff-2baef8e34f3d3c0682126ceb14c63aec1801e35934fc7de3466cbaa1c55cf13cL30-L31) [[2]](diffhunk://#diff-2baef8e34f3d3c0682126ceb14c63aec1801e35934fc7de3466cbaa1c55cf13cL70-R75) **Other Enhancements:** * Integrated the "Poppins" font and Iconify icons for a more modern and visually appealing interface. These changes collectively modernize the look and feel of the application, improve usability across devices, and lay the groundwork for more detailed trip features. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>