This is an old revision of the document!
Table of Contents
Interface
GNU social v3's backend and frontend development is currently taking place. The default interface serves as the groundwork for future user experience endeavors but also, to develop all the necessary tools needed to make plugin development possible in a timely manner.
Twig templates
The Twig template engine is used, making it possible to create reusable interface components. In general, templates take the shape of either whole pages, or small widgets. The latter being used extensively on the former.
If a template page is used, the directory should be named after the page itself under:
/templates
On the other hand, widgets should be placed followed by the corresponding name under
/templates/cards/
User system theme is followed by default, however there are plugins available to change the theme colours as desired, see this section for more information.
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
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.
Plugins
Oomox
Theme colour customisation is made possible through the Oomox plugin, the corresponding user panel profile settings section is added through a PopulateProfileSettingsTabs event.