Talk:Main Page/Sandbox

Prefer this banner?

I made this one as well, but I'm not sure I like it as much as the other one... ~-Nick ^talk 20:12, 23 February 2014 (UTC)

Yes, I didn't liked the fonts either. By the way, don't you think the length of current banner size is quite big? --Saqib (talk) 20:14, 23 February 2014 (UTC)

Yes, I do. I'm going to crop it when I've got the chance. I made it too big just to be safe. --Nick ^talk 20:47, 23 February 2014 (UTC)

I prefer this nice cursive font, and also prefer the image with the cloud to the other images. Ikan Kekek (talk) 00:47, 24 February 2014 (UTC)

I'm certainly not against cursive if that's popular - I was only concerned that it didn't clash with the existing logo, but I'm happy to either utilised. The cursive script does feel a little more 'free'. --Nick ^talk 01:19, 24 February 2014 (UTC)

Now that I've tweaked the text, which banner would we prefer to see or are there changes (other than cropping) which need to be made first? --Nick ^talk 01:08, 25 February 2014 (UTC)

Hi Nick, frankly speaking I really didn't liked the current header banner because the text size is too huge. Do you have some other idea? And BTW, don't we need links "Itineraries Phrasebooks Travel topics Other destinations"? --Saqib (talk) 10:56, 25 February 2014 (UTC)

I do understand, although it is growing on me! It's certainly bold... I don't think we need links like that in the top banner. If we're happy to move the map down with its links to the vast majority of our destinations (surely our bread and butter), then I think links too can be moved down to sit just below the carousel. I've got a much simpler sans serif in the works as well if you'd prefer that? There's always this as well if you prefer it.... --Nick ^talk 11:21, 25 February 2014 (UTC)

Nick. Sorry but I think we need to think about some more ideas for the header. --Saqib (talk) 23:54, 26 February 2014 (UTC)

That's fine. What would you like to see? I confess, I'm not an enormous fan of the one below as I think it's a bit too dark and the solid colours are quite dull, even if they are those of the WMF. --Nick ^talk 03:02, 27 February 2014 (UTC)

I don't know either Nick. Does anyone have any idea? --Saqib (talk) 15:21, 28 February 2014 (UTC)

Sorry to say, but I think the cursive font is pretty awful. It's too bold, it clashes too much with the normal font in the next section, it's too big, and it's obtrusive in distracting too much from the other content on the page. The blue background is also unnecessarily tall, with a lot of empty space. The second one above is slightly better but the font is still too big, and the graphic is still too tall and empty. I'd be pretty happier with the third one if it were slightly shorter vertically and the colors could be faded to about 50% the current saturation. Texugo (talk) 11:23, 7 March 2014 (UTC)

Just so people know, the blue banners above are deliberately too long so that they're easier to edit - neither of the above is the finished product! :) --Nick ^talk 18:30, 7 March 2014 (UTC)

Yes prefer slightly more information dense. Travel Doc James (talk · contribs · email) 21:46, 8 March 2014 (UTC)

Nick, I also prefer the third one. Can you make it into wikimarkup? --Saqib (talk) 22:45, 9 March 2014 (UTC)

Hello Nick, I think its time to wake up main page things again. What do you think about about new header? Some improvements can still be made to it. --Saqib (talk) 18:46, 22 April 2014 (UTC)

One suggestion is this if you can able to create those tabs on right side. --Saqib (talk) 20:03, 22 April 2014 (UTC)

I like it! I might not be able to work on it for a week or so, but I think that definitely has potential! Nice work! :) --Nick ^talk 17:32, 23 April 2014 (UTC)

Carousel font size

I'm seeing a problem with the new carousel font size that I believe is due to the following JS:

$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
    $('.banner-box').css('font-size',($('.banner-box').width()*0.03)+'px');
    $('.banner-box').css('line-height',($('.banner-box').width()*0.08)+'px');
});
 
$(window).resize(function(e) {
    $('.banner-box').css('font-size',($('.banner-box').width()*0.03)+'px');
    $('.banner-box').css('line-height',($('.banner-box').width()*0.08)+'px');
});

Does anyone remember why we're changing font size and line height via Javascript? Will it cause any harm to remove this code and just use CSS for sizing? -- Ryan • (talk) • 23:32, 23 February 2014 (UTC)

[1]. --Saqib (talk) 23:25, 26 February 2014 (UTC)

Thanks - that led me to Talk:Main Page#Main_page shift. If we replace the carousel I think resizing is handled by the new carousel code, so we should be able to remove that Javascript and handle everything with CSS. -- Ryan • (talk) • 23:40, 26 February 2014 (UTC)

Right. --Saqib (talk) 23:49, 26 February 2014 (UTC)

Clean up sandbox JS

Can we begin removing some of the sandbox JS from MediaWiki:Common.js for things that aren't likely to be used? Two things that stand out to me:

• The original carousel proposal (lines 213-242). I believe that this code has been superseded by jCarousel (lines 245-320).
• It looks to me like the rwdImageMaps code is included twice - once on lines 18-28 and again on lines 321-331, so the second version should be safe to remove.

Unnecessary Javascript can slow down page loading and initialization, so it would be good to get rid of anything we aren't using. -- Ryan • (talk) • 04:54, 5 March 2014 (UTC)

I've update our JS as proposed above, which appears to reduce the file size by about 56kb. If anything needs to be re-added in order to restore functionality somewhere please feel free to revert me. -- Ryan • (talk) • 05:16, 6 March 2014 (UTC)

Thanks! --Nick ^talk 22:19, 6 March 2014 (UTC)

One concern

I sort of like the old format but then I use vertical monitors :-) so will go with the majority. One concerns I have it that this is too much like the other website.

I assume that the map will eventually be clickable? We also need more features to pull people in who are just browsing. Travel Doc James (talk · contribs · email) 21:47, 8 March 2014 (UTC)

Thanks for response Doctor. Are you referring to WT as "other website"? Yes, the map will be definitely clickable but unfortunately, current pixelated map lacks Antarctica so we'll have to look for another world map image and then I can make it clickable. What do you mean "need more features to pull people in who are just browsing"? --Saqib (talk) 22:42, 9 March 2014 (UTC)

jCarousel issue

Hi everyone, I'm fairly new to MediaWiki and I've encountered this issue. When I go to create a carousel, the two pictures end up side by side instead of sliding photos. I have the jCarousel code in my MediaWiki:Common.js. Does anyone know how to fix this issue?