User Tools

Site Tools


interface:frontend_development

This is an old revision of the document!


Interface

GNU social v3's backend and frontend development is currently taking place. The default interface serves not only as the groundwork for future styling endeavors from contributors but also to improve the default user experience. Furthermore, by developing in parallel both backend and frontend the hope is to develop all the necessary tools needed to make plugin development possible in a timely manner.

User system theme is followed by default, however the user can customise the colours it desires.


Feeds

Feed navigation is done through the left panel, the current feed is presented on center and posting is possible on the right panel. Additional navigational links can be added as the user desires.

Bear in mind that in the following images, the user profile section colours are user defined through the ProfileColour plugin.

Dark default theme

Light default theme


User panel

Various user panel organisational improvements were done, more specific categorisation being a big part of it.

  • Profile
    • Personal Info
      • Nickname
      • Fullname
      • Homepage
      • Bio
    • Avatar
    • Profile colour (plugin)
    • Light and Dark theme colours (plugin)
  • Email
  • Password
  • Language
  • Notifications
    • Email
    • Xmpp

Dark default theme

Oomox plugin

Theme colour customisation is made possible through the Oomox plugin, the corresponding user panel profile settings section is added through a PopulateProfileSettingsTabs event.

Defining theme colours

Resulting theme example

Language

User is able to defined preferred languages, by default the highest priority language set will be used as a 'lang' HTML attribute when posting a new note. As implied, the user is able to order languages preferred.

When posting a note, the language option will be available under the “Additional options” details element.

Language settings page

The user panel section provides a multiple select box, after the language preference selection the user is redirected to order them.

Posting component template language selection

interface/frontend_development.1638898376.txt.gz · Last modified: 2021/12/07 17:32 by eli