ElkArte Community

Extending Elk => Custom Themes => Topic started by: Jorin on November 24, 2017, 05:59:10 am

Title: SQUARE
Post by: Jorin on November 24, 2017, 05:59:10 am
SQUARE is a new theme draft focussing on a great user experience. With it's clear design and very big icons (easy to use on mobile devices!) it is different then most other themes. SQUARE offers:


Today I only can show you the profile edit section.

(Link-5271)

In this example the logged in user has uploaded an avatar to represent himself. As you can see the avatar will always be shown in the right corner of the header of SQUARE. If you click it, you will be logged out. Without an avatar being uploaded, the user will be represented by a simple avatar graphic, the header menu then will show an icon instead of the avatar picture, as you can see here:

(Link-5273)

The profile edit section can be reached via the header "settings" menu, then "edit profile". In this section the user can change any profile information, change the user group he is in (if he clicks on the button a list of possible user groups will be shown so he can change the group by himself or ask for access to another group), link to his social network profiles as well as edit his signature and his avatar. SQUARE is clever, so only buttons which makes sense can be clicked (look at the "delete avatar" button - can't be clicked when there's no avatar).

More will come...
Title: Re: SQUARE
Post by: Jorin on November 28, 2017, 09:52:36 am
While the above post is somehow corrupt, let's take a look at SQUARE's board index. Without boards, because SQUARE uses no boards at all.

(Link-5275)

The index shows new posts since user's last visit right at the top, followed by all older topics without new content (posts). The first unread post within a thread is shown as a preview.

With the "more" button at the bottom the user can load more and more content onto his index. Pages? Not with SQUARE!

The kind of table charakter of the index, using icons for it's column titles, is elegant, simple and easy to read. SQUARE focusses on the important things: what was posted, in which topic, when and from whom. SQUARE uses tags to mark topics, so they are listed here to.

(Link-5279)

To read a topic, the user can simply click on it.

Little bubbles in front of the topic's title show wether the user has posted in this thread or not. If not, no bubble.

(Link-5277)

Next I will show you will be the topic view.  ;)
Title: Re: SQUARE
Post by: Spuds on November 29, 2017, 08:29:44 am
Looking nice :D
Title: Re: SQUARE
Post by: ahrasis on November 30, 2017, 04:05:27 am
I always like innovations...