Newshub 2.0 is Here!

17

Besides now having a much cleaner and smoother design that fits better with FAF, the new newshub comes with a couple more features! Such as no more slowdowns when opening the newshub, flexible image sizing for the news posts, adequate responsiveness and a new modern layout!

3ada80ef-a2fa-4b47-8e4c-0018582f6206-image.png

Long detailled changes of the new client newshub 2.0

No more slowdowns

The previous newshub was calling the API everytime a user came (as far as I understand the outdated techniques previously used) causing users to wait about 5 seconds for the page to load (both in client and on the website).

The new client newshub caches the newshub in a json file. Meaning users dont have to wait since all the data is already loaded in the website.

Image Sizing

Now all image sizes are supported! No need to make your images 145x97 or other cumbersome sizes. Now images are automatically re-sized.

Images with a 16:9 ratio (2560x1440, 1920x1080, 1280x720 or anything "rectangular") will fit perfectly. Other non-rectangular images will still adjust correctly but might receive a cut-off.

Unlimited Articles

Since now the articles are on a "slider", we dont have a limit with how many articles we can have without sacrificing design. So 5, 7 or 12 articles will all display equally well!

Responsiveness

This design has media queries and responsive unit sizes (such as vw) to always adjust to the users preferences. Therefore, the news will display adequately whether it's on a full screen window or 1/4 of the monitor screen.

More Information Less Clutter

The new design also provides more links for the user. With buttons for joining the discord, twitch and youtube FAF content being one click away, plus new sections for new players, community tools/spaces and development, plus a Support FAF button and a Report a Bug button all in one compact and clean design! Now Users can have an easier time accessing FAF tools and spaces from the client News!

Other

Many of the images inside the images folder have been moved to a logos folder in order to maintain a better order inside the folder (rather than having 40 images on one folder, have them on their own folders).

Small Changes After Feedback

After some feedback, certain changes were done regarding the placement of the social media buttons and the support FAF button (now being merged as one on the top row). Some small color changes were done along with a tweaks here and there to the padding.

A upcoming tournaments/events tab was also added, with space for two events/tournaments which can be changed on the wordpress with ease (through a post called Upcoming Tournaments/Events).

FAF = Femboy Alliance Forever
Come check the draft of the FAF website 4.0! https://www.test.faforever.com/

0

Very cool

0

Nice work!

0

-Background is terrible
-Feels heavy and depressing
-Font looks broken somehow.


edit to merge post (done by moderator):

well its dark and grey and bold. something more colorfull and a modern font would be nice.
and btw. i have a background configured and its shiws up on every tab just not in the news. there is that strange psychidellic background

4
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0
This post is deleted!
0

the background that you have set wont show on the news page due to how that page is set up and shows a webpage and it is not intergraded directly into the client.

"The needs of the many outweigh the needs of the few" - Spock

0

Please stay on topic. Constructive critic is welcome. I have cleaned every non-related post.

0

What have I just missed lol, @Biscotti @Sam-site thank you very much! It feels very nice hearing people like my work ❤

FAF = Femboy Alliance Forever
Come check the draft of the FAF website 4.0! https://www.test.faforever.com/

0

@magge No the best approach as now my message has not context.

"The needs of the many outweigh the needs of the few" - Spock

1

Awesome!

Sorry for my English)

0

New newshub looks excellent !!!

Support FAF on their Patreon
Rule #1 of FAF : Kill the ACU nothing else matters...