There was some serious filth in the code, a lot of the layout was poorly formatted and not consistent with the design, and a lot of the code was related to now-absent translation features of the wiki, and the images were eating a ton of bandwidth and did not work on non-huge screen resolutions or mobile devices. And the news sections were duplicating a lot of info that is better found elsewhere (Ludeon blog).
I very much hope someone will take a shot at jazzing up the front page a tab - in a way that won't murder our bandwidth, works well on all devices, and doesn't duplicate constantly-changing info that belongs on the blog. Please go to it if you're willing to do so! I agree it looks a bit bland now but we need a design that works well on logical and technical levels and doesn't just look pretty. Simple and tasteful are good.
I have taken the main page and general layout and now reworked it. As said the bandwidth issue means that this text version is the best option. I ahve though done this:
- Edited the table layout with with % so that all columns are with specific for easy transfer over devices.
- Changed the div layout sections to co inside with the tables columns
- Added links to other media sources within the main table
- facebook, forums
- Added No brack Spaces, these will make sure that link wording will stay combined on shrinking and bullets stay behind the text.
- tweaked link layout slightly to compensate for new length
- added buffer zone to the right hand side of page to make sure table stays centered
- Made link bullets consistant accross the layout.
- removed editable headers
The changes made are all cosmetic but will make the main page more accessable on all decives. Hopefully this will be the last chanegother than adding links.
Feedback and thoughts?
Separator lines are a bit misaligned on my screen. Connect them?
Honestly I preferred it before; it no longer makes use of wide screen resolutions and the intro text really feels packed in.
Check wikipedia for a good layout like this that fills the space cleanly.
I will have a look at that picture when im not at work, as it is blocked. They were never joined on my screen either at any point. The main problem is they arn't actually borders of boxes they're undelines of the header class. I can look into changing the Text settings and border settings of the boxes if you think it will look better.
Ok i opened it up in firefox and saw the issues. Sorry im an IE guy which is aweful as IE is probably the worst for testing :P i have updated the in table styles and changed some widths.
- The intro text is now same width as the table bellow section.
- Link sections reduced to compensate
- The top tables width is now 100% maximising on larger res screens.
- Logo aligned to center for FF and Safari