Forum:Updating the wiki's look!

It's that time of the year again when the community comes together and makes a decision for a newer look for the wiki! A perfect opportunity since the Master Chief Collection is around the corner along with the celebration of the wiki's decade anniversary!

First order of business: I think it is safe to say that the wiki's landing page requires a facelift. As Jugus pointed out in another forum, the landing page could be more visually exciting than just plain text and I agree with this assessment. The new design should not be too visually stimulating and, at the same time, not too simplistic or minimalistic (based on current trend with iOS). It should be closer to something in the middle; the best of both worlds.

As you can see in the image on the right, the icons for each menu item under the Navigation box (i.e. those text under "Halo Universe", "Campaign & Multiplayer" and "Real world") was created and uploaded by myself. The effort put into that design wasn't too much since the amount of menu item back then was considerably smaller than what it is now. As it currently stands, I believe that simply bringing the old design back wouldn't do much justice to the current amount of menu item under the Navigation box. And the creative mind of one person does not represent the entire community. Hence, I consider that it would be better if the entire community could contribute for the icons for each menu item. There are a total of twenty one icons in the current draft. The creation of these icons is up to you all. Just some specifics: the icons should be square in dimension and the details should be at least visible at 70px. Consistency is key!

The second order of business is about the header and site logo. Previously, we would hold a competition/contest open to all users whereby they would place their submissions and put it to a vote. Obviously, only one submission would be selected and that is with the most vote. I am proposing that we improve that method of system by adding a randomiser effect. Additionally, I would suggest we create a project page to add new headers/sitelogos to the randomiser every two months (provided that the submission obtains enough votes). It would definitely spice up the wiki's appearance!

If you have other ideas to improve the wiki's look, just place it in the Comment section! :) — subtank   13:35, 3 July 2014 (EDT)

Mobile theme
Just to let you all know that the wiki now has a mobile theme (skin?), accessible via the footer at the bottom. As of right now, most of our templates will be incompatible with this theme (skin????). If you encounter any issues or bugs with the mobile theme (skin?!?!!), leave your comment on this forum's talk page. — subtank   12:07, 17 July 2014 (EDT)

Sidebar Error
My sidebar seems to be messed up, as it's only showing one row of options, as seen here. I added and quickly removed a code from my nimbus.css page, so I'm wondering if that has something to do with it.-- 11:53, 21 July 2014 (EDT)


 * I have yet to test it on IE but I assume it could be a cache error. Was the image before or after you added the code? It wasn't clear from your comment. — subtank   02:11, 22 July 2014 (EDT)


 * It was after I removed the code, which I figured would revert it back. I've cleared my cache but for some reason it isn't working.-- 11:08, 22 July 2014 (EDT)


 * It is likely that your IE is not rendering the page properly. If clearing the cache doesn't work, maybe clear your browsing history? — subtank   12:08, 22 July 2014 (EDT)
 * Right, I'll try that.-- 12:14, 22 July 2014 (EDT)
 * Just wondering, does this error remain even without logging in? If it is and the above doesn't work, you might want to reset the browser. Before doing so, save all your personal bookmarks in a notepad. If resetting doesn't work... well... I'm not sure what to say. — subtank   12:21, 22 July 2014 (EDT)
 * The sidebar returns to normal when I log out. I guess I'll try a different browser since nothing seems to be working. :/ Edit: Switched to Firefox and the sidebar is still broken. Guess I could switch my skin to MonoBook... -- 12:36, 22 July 2014 (EDT)
 * Nevermind, resetting my site preferences has resolved the issue. :D -- 12:41, 22 July 2014 (EDT)

Design One
So, here's the proposed layout as of 14:26, 18 July 2014 (EDT)

General
A very fitting way to celebrate our ten-year birthday! Let me know if I can help with any of this. :)-- 15:13, 3 July 2014 (EDT)


 * It sounds interesting. Would the logos be paired to a specific header? I personally think they should be. A logo might look brilliant paired with one background, but a mess on another.--Soul reaper (talk) 22:34, 3 July 2014 (EDT)


 * I say we go with it. Plain text just doesn't do it. Granted, it does work, but in terms of exciting, not so much. Definitely could use some work. If any of you need my particular expertise, please let me know. I can provide images if necessary. -- Xamikaze330  [Transmission |Commencing ] 00:18, 4 July 2014 (EDT)Xamikaze330

Transformers Wiki has a nifty feature above the search bar on the side that randomises icons that link to notable articles. I'd be interested in implementing something similar, perhaps just for Featured Articles? --  Qura 'Morhek   The Autocrat     of Morheka   22:10, 5 July 2014 (EDT)


 * Checked it out. We could create something similar by modifying the DYK template. :) — subtank   12:07, 17 July 2014 (EDT)

Just wondering, how would you all feel about a fixed width of 1280px for the wiki? This promotes some standardisation and consistency for our layouts at the very least. To test it out, just copy everything under the  heading and add it to your nimbus.css page. — subtank   14:26, 18 July 2014 (EDT)


 * It looked pretty weird for me when I tried it out. I kept seeing white everywhere. The Halopedia logo in the top-left corner was gone, as well as the header background. Did I do something wrong? I had to delete the page to bring my browser back to normal. The Cmd+Shift+R didn't help either. Any helpful tips? -- Xamikaze330,  Halopedia Team  Talk 14:46, 18 July 2014 (EDT)Xamikaze330


 * Based on your description, I suspect that it could be your browser as it is appearing correctly on my screen. You would need to clear your browser's cache. A screenshot would be helpful. — subtank   14:54, 18 July 2014 (EDT)


 * I did that. Didn't work. I tried 2 other things, like changing the user from Subtank to my own username, but that didn't work either. Here are the screenshots: one and two. This isn't supposed to happen, right? -- Xamikaze330,  Halopedia Team  Talk 15:22, 18 July 2014 (EDT)Xamikaze330


 * Well, you're supposed to copy only those under the "Sitewide test?", not the entire css page. The rest of the text has minor changes that do not have any effect on the width of the page. Also, since you're using Chrome, it is likely that the browser hasn't properly cleared its cache. Try doing it through your Settings (i.e. Clear browsing data). Alternatively, have you tried other browsers? — subtank   15:26, 18 July 2014 (EDT)


 * Check the image on the right. — subtank   15:32, 18 July 2014 (EDT)


 * Good to know what I should be looking at. So let me see if I can get this right: I should copy and paste everything under the Sitewide Test heading, but not the randomiser tweak heading, or include the randomiser tweak with Sitewide test but not the inactive styles heading? Or just go with the first heading and forget the other two? -- Xamikaze330,  Halopedia Team  Talk 15:42, 18 July 2014 (EDT)Xamikaze330


 * Only the first heading should be copied. The other two is only necessary if you've copied my nimbus.js page.— subtank   15:47, 18 July 2014 (EDT)


 * I did not do that part. Just did the Sitewide Test part. Should I also do the nimbus.js page too? -- Xamikaze330,  Halopedia Team  Talk 17:19, 18 July 2014 (EDT)Xamikaze330


 * (in response to fixed width): Hard to say till I can try it out on a proper computer. How would it affect browsing on mobile? I'm not yet fully sold on the mobile theme (still finding the desktop one more handy on mobile, likely out of familiarity), though since it's a new thing it'll no doubt keep getting better over time.--Jugus (Talk  | Contribs ) 13:01, 19 July 2014 (EDT)


 * @Xamikaze: Only if you want randomised wiki-logo and header-background.
 * @Jugus: It's only affecting Nimbus theme since the code is placed in Nimbus.css. I have yet to edit in mobile theme but I'm sure it'll take time to familiarise with the UI. As of now, mobile theme is really good as a read-only wiki.— subtank   13:17, 19 July 2014 (EDT)

Hey, has anyone else been getting this message whenever they click on an article link in the "Site Activity" section?
 * "Bad title. The requested page title was invalid, empty, or an incorrectly linked inter-language or inter-wiki title. It may contain one or more characters that cannot be used in titles." 
 * This has been going on for a few days. Am I the only one having this problem? -- MisterRandom2 (talk) 11:51, 20 July 2014 (EDT)


 * I'm getting it too. - NightHammer (talk) 12:02, 20 July 2014 (EDT)


 * Looks like its the wiki itself. I'm sure it will be fixed by Porple. — subtank   12:55, 20 July 2014 (EDT)


 * You're not the only one. I'm getting the same problem too. Porple will fix it soon. Has anybody notified him of this? -- Xamikaze330,  Halopedia Team  Talk 13:29, 20 July 2014 (EDT)Xamikaze330


 * Fixed it. -- 15:07, 20 July 2014 (EDT)

Glad we finally have a mobile theme, let me know what I can do to help out with that.-- 21:19, 20 July 2014 (EDT)

I've just started testing Subtanks proposed fixed width system. I think it's a good idea, it'll help with image/text layout in the articles. It'll also make it easier to produce a consistently appealing front page. That said, I think we'll have to change our current header system to one that fills the borders at the sides of the page. As it stands it looks rather strange.--Soul reaper (talk) 11:51, 12 August 2014 (EDT)


 * I'm relying on this source. The adoption of 1366x768 (and higher screen resolution) is increasing and I think having a fixed width layout would be in the best interest of this wiki in the long run.— subtank   21:59, 12 August 2014 (EDT)

Just gave the fixed width a try. As I'm used to a 1920x1280 page that fills the whole screen, the new format certainly feels very narrow and hauntingly evokes the appearance of Wikia sites with its huge bars of empty space on both sides of the page proper (if this passes, I'd rather we at least implemented some appealing background pattern rather than the dull whiteness). But then again it's true that it would help with standardization. IDK. --Jugus (Talk  | Contribs ) 00:09, 13 August 2014 (EDT)

New logo/background proposal
I would like to make a proposal for a new logo and/or background. With the release of the Master Chief Collection, I think it would be fitting to change our logo to something new (see below).

Also, a new background for the page header would be effective - perhaps the Halo: Nightfall image? (see below).

Just ideas, please feel free to shoot me down (or ask me to tweak things)! -- Monitor Chakas ('''Talk 06:20, 22 July 2014 (EDT)


 * Since someone has started their submission, let me just lay down the requirements:
 * Background images must be at a minimum of 1980 x 200. That means 1980px in width and 200px in height.
 * Wiki-logo must be at a 222 x 164. That means 222px in width and 164px in height.
 * Looking forward to more submissions! :D — subtank   09:24, 22 July 2014 (EDT)


 * Both of those suggestions look really nice, MonitorChakas! They seem modest and totally appealing.