The new update to jtiong.com brings with it not only the Blog – but also an attempt to roll in all the content of my other domains into it. I come across an interesting dilemma – I haven’t really got a plan for the design of the site per se… I have content – yes, that’s easily pulled from the existing Minecraft info website (at the soon to be defunct jtiong.games domain), but no actual design idea.\

The Old Design

Below is a set of screenshots of the jtiong.games Minecraft section:

Deciding Requirements…

The “original” design had a number of features I’d really like to pull over to this current site – like the Whitelist section – I was particularly proud of that section having fought with bootstrap CSS to try and get a nice layout happening. The Whitelist also allowed authenticated users to dynamically add themselves to the Whitelist without any manual intervention on my part. It was convenient, and looked cool!

Here’s the thing though, all that information, all those features – they’re split up across 4 or 5 separate pages! And I don’t think I should have an online form where my friends can arbitrarily add people to the server’s Whitelist – just for posterity’s sake. It is meant to be our FOREVER SERVER after all. People who join the server should be vetted and added when a human moderator is able to.

The Requirements

Thanks to my ranting above — I have an idea for some design requirements now:

• Condense the server information into less pages
• Find a way to integrate the Server Map nicely into the site design
• Display the whitelist in a reasonable way (a list maybe?)
• Integrate a way to see posts I make about Minecraft (and the server) into the page(s)
• Make this section easily viewable on mobile (this is a hard requirement across the whole site)

The New Design

Behold! The new design!

Almost everything about the server, fits on the one page! With the exception of the World Map – a visitor can view everything they need about the server, although the Player Whitelist is hidden for unauthenticated visitors.

There’s a few adjacent tasks for jtiong.com’s upgrade to proceed in tandem with the rest of this section’s update, but for the time being, this’ll serve all my requirements!