View source for Forum:Updating the wiki's look!

{{Forumheader|Community Proposal}}
<!-- Please don't remove anything above this line, and put your content under this line. Be sure to sign your edits with four tildes ~~~~ -->

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!

[[File:12-25-10.png|thumb|right|Reviving 2010 design?]]
First order of business: I think it is safe to say that the wiki's [[main page|landing page]] requires a facelift. [http://www.halopedia.org/index.php?title=Forum%3AFeedback_for_wiki_improvement&diff=1069111&oldid=1068979 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 [[seven|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 [[User:Subtank/nimbus.js|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! :) — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  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. — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  12:07, 17 July 2014 (EDT)

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

<gallery widths=140 perrow=5 mode="nolines" caption="NAVIGATION">
File:ONI Seal 1.png|Halo universe
File:ONI Seal 1.png|Character
File:ONI Seal 1.png|Factions
File:ONI Seal 1.png|Locations
File:ONI Seal 1.png|Species
File:ONI Seal 1.png|Weapons
File:ONI Seal 1.png|Vehicles
File:ONI Seal 1.png|Campaign levels
File:ONI Seal 1.png|Multiplayer maps
File:ONI Seal 1.png|Achievements
File:ONI Seal 1.png|Games
File:ONI Seal 1.png|Novels and comics
File:ONI Seal 1.png|Soundtracks
File:ONI Seal 1.png|Promotional materials
File:ONI Seal 1.png|Fan-made works
</gallery>

== Comments ==
A very fitting way to celebrate our ten-year birthday! Let me know if I can help with any of this. :)--{{User:Spartacus/Sig}} 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.--[[User:Soul reaper|Soul reaper]] ([[User talk: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. --'''''[[User:Xamikaze330|<span style="color:Black; font-family: Halo;">Xamikaze330</span>]]''''' <small>['''''[[User talk:Xamikaze330|<font color="Blue">Transmission</font>]]'''''|'''''[[Special:Contributions/Xamikaze330|<font color="Green">Commencing</font>]]''''']</small> 00:18, 4 July 2014 (EDT)Xamikaze330

[http://tfwiki.net/wiki/Main_Page 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? -- [[User:Morhek|<b><font color=indigo>Qura 'Morhek</font></b>]] [[w:c:halofanon:user:Specops306|<u><i><font color=blue><sup>The Autocrat</sup></font></i></u>]] [[User talk:Specops306|<u><i><font color=purple><sup>of Morheka</sup></font></i></u>]] 22:10, 5 July 2014 (EDT)

:Checked it out. We could create something similar by modifying the DYK template. :) — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  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 [[User:Subtank/nimbus.css|the <code>Sitewide test?</code> heading]] and add it to your [[Special:Mypage/nimbus.css|nimbus.css page]]. — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  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? --[[User:Xamikaze330|<span style="color:black; font-family: Halo3; font-weight:bold; font-size:110%">'''Xamikaze330,'''</span>]] [[Halopedia:Patrollers|<span style="color:grey; font-family:skia">''Halopedia Team''</span>]] <sup>[[User talk:Xamikaze330|<font color="Black">'''Talk'''</font>]]</sup> 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. — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  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: [[:File:Screen Shot 2014-07-18 at 2.16.00 PM.png|one]] and [[:File:Screen Shot 2014-07-18 at 2.16.00 PM.png|two]]. This isn't supposed to happen, right? --[[User:Xamikaze330|<span style="color:black; font-family: Halo3; font-weight:bold; font-size:110%">'''Xamikaze330,'''</span>]] [[Halopedia:Patrollers|<span style="color:grey; font-family:skia">''Halopedia Team''</span>]] <sup>[[User talk:Xamikaze330|<font color="Black">'''Talk'''</font>]]</sup> 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? — <span style="font-size:14px; font-family:Arial;">[[User:Subtank|<span style="color:#FF4F00;">subtank</span>]]</span>  15:26, 18 July 2014 (EDT)