Update site branding to match feed.qgis.org

[timlinux]

No description provided.

[Xpirix]

@timlinux Please find below the proposed approach for this issue:

Step 1: Upgrade to Django 4+ and Python 3.12

This step is addressed by the PR #374

Step 2: Implement Webpack into the project

Xpirix#9

• Install Webpack
• Configure Webpack with Django

Step 3: Install Bulma CSS and Necessary Frontend Packages

Xpirix#9

• Use npm to install Bulma CSS and dependencies.
• Identify and install other necessary frontend packages.

Step 4: Update branding for each page - switch from Bootstrap to Bulma

• Add available web components from the new website  Xpirix/QGIS-Django#10 (header, footer, colour variables...)
• Update each page to use Bulma based on QGIS Hugo and feed.qgis.org
  • Homepage
  • Plugin list
  • Plugin upload
  • Plugin detail
  • Planet
  • Resources list (Styles, Projects, Models, 3D Models, QGIS Layer Definition File)
  • Resource detail
• Remove all Bootstrap style classes and references
• Ensure the design is responsive.
• Test on different browsers and devices.

This approach can involve significant changes. Should we introduce this on the QEP?

[timlinux]

This approach can involve significant changes. Should we introduce this on the QEP?

For me, if the behaviour does not change and the changes are cosmetic only, I think we should just go ahead and do it as we have an overarching plan to harmonise all of the web sites to match the new design guidelines.