Forum:The new Wikipedia design - how about it?

From Uncyclopedia, the content-free encyclopedia

Revision as of 09:36, May 4, 2014 by PuppyOnTheRadio (talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Forums: Index > Village Dump > The new Wikipedia design - how about it?
Note: This topic has been unedited for 144 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.


As the hounored subscribers to this dumb already have discovered, Wikipedia has decided to change their headlines to an old-fashioned font called "Linux Libertine" (it looks at bit like Georgia). Furthermore they have increased the size of the text to 14px. Wikipedia has returned to the dusty bookshelves in the library, instead of being a modern oracle . What a disgrace!

We have made the changes in our local uncyclopedia in Denmark and it takes some time to get used to the pre-historic style. Is this the big Schisma, where we refuse to look like Wikipedia. Is Jimbo ready to go on the stockmarket and has been forced to make some visible changes to the user interface like Zuckerberg (great sucess (!) (!))
Compima2 Frode Fenis (talk)(hits)07 Apr 2014 08:41 (UTC)

I think we ought to update our style in accordance with wikipedia however I know not how to nor how much effort it will require! Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 09:12, April 7, 2014 (UTC)

It's not that compilicated. I will list the changes I did in monobook.css here --Compima2 Frode Fenis (talk)(hits)07 Apr 2014 09:27 (UTC)

Thanks a lot! By the way how is the Danish Uncyclopedia going? Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 09:29, April 7, 2014 (UTC)

Da changes!!!

#firstHeading {                          /* This is the font for the page-headline <h1>  */
        margin-top: 20px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 2em;
	line-height: 31px;
        font-family: 'Linux Libertine','Georgia', 'Times', serif; 
}  
 
h2 {
 
        font-family: 'Linux Libertine','Georgia', 'Times', serif;  /* This is for the chapters <h2> */
}
 
.editsection {
 
        font-family: Helvetica, Arial,sans-serif;
}
#toctitle h2 {
        font-family: Helvetica, Arial,sans-serif;  
}                                                                  /* exception for TOC */
 
.mw-content-ltr ol.  {
        margin:0px 0px 0px 0px;
}
 
a {
	color: #0645ad;
 
}
a:visited {
	color: #0b0080;
}
.bluelinks a  {
	color: #0645ad !important;
}
.bluelinks a:visited {
	color: #0b0080 !important;
}
 
#content {
	margin: 79px 0 0 180px !important;
	border: 1px #a7d7f9; 
	border-style: solid none solid solid;
	font-size: 14px;
	position: relative;
	padding:1em;
}
 
#siteSub { 
        display:block; 
        font-weight:normal;
        font-size:10px;
}
 
textarea, #wpSummary {
	border: solid 1px #aaa;
	margin-bottom: 8px;


Linux Libertine is not a webfont so you have to download the Regular-font at put i through Font-squirrel and make the webfonts, and finally add this to Common.css.

Notice that SiteSub has been added. The text is modified i MediaWiki:Tagline. In #content margins has been changed in order to create more space to the top and the font-size has increased from 13px to 14px.



@font-face {
    font-family: 'Linux Libertine'; /* normal */
    src: url('<SERVER>/libertine/linlibertine_rah-webfont.eot');
    src: url('<SERVER>/libertine/linlibertine_rah-webfont.eot?#iefix') format('embedded-opentype'),
         url('<SERVER>/libertine/linlibertine_rah-webfont.woff') format('woff'),
         url('<SERVER>/libertine/linlibertine_rah-webfont.ttf') format('truetype'),
         url('<SERVER>/libertine/linlibertine_rah-webfont.svg#LinuxLibertineORegular') format('svg');
    font-weight: normal;
    font-style: normal;

Compima2 Frode Fenis (talk)(hits)07 Apr 2014 09:37 (UTC)

Whoah, I forgot the most important question. Thanks, very well. We've got a lot of new young contributors and soon we'll be the largest uncyclopedia in the entire Scandinavia, I guess.

--Compima2 Frode Fenis (talk)(hits)07 Apr 2014 10:04 (UTC)

Wow, that sounds great! Go the Danes! If you want to help edit our uncyclopedia then you're welcome anytime. Thanks a lot! Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 11:28, April 7, 2014 (UTC)

What to do about it

I presume this means that Wikinews is evolving away from UnNews. Changing UnNews to continue the superficial resemblance is a good idea and no heavy lifting. However, we wouldn't put the changes in monobook.css, as everyone who wants the superficial resemblance (or expresses no preference) uses uncyclopedia.css. Using a font we have to load from somewhere is a bigger deal; and users like me who pay per megabyte might (do!) object to having to load a font file (which I override here anyway) just to continue telling the same joke that "we look like Wikinews." Spıke ¬ 11:35 7-Apr-14

I know. That's why I was so kind to erase the name of my private server. I think i find a more appropriate place for the fonts. If you're regular user of the site, I think that the font will be situated permanently in your cache, and will not cause more traffic. --Compima2 Frode Fenis (talk)(hits)07 Apr 2014 11:50 (UTC) 11:50, April 7, 2014 (UTC)
I think the whole of Wikipedia has changed not just Wikinews and in the spirit of parodying them, I would think that we should change in accordance to their change if that is possible. The Danish Uncyclopedia seems to have done it with little trouble and we must be extremely grateful to Frode Fenis for sharing this information. Let us act upon it! Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 12:08, April 7, 2014 (UTC)

I do not want it even once to cache it. So: Yes to specifying the same fonts that Wikinews uses (with the fallback fonts specified); no to compelling the fonts to be loaded. Spıke ¬ 12:18 7-Apr-14

PS — Upon further review, this is wider than UnNews, and we ought to do nothing until more Uncyclopedians weigh in, notably PuppyOnTheRadio. I have switched off all my local toys but find I am (deliberately) unable to see exactly what we do differently from Wikipedia. For months, though, Wikipedia's section-edit buttons have ceased to be aligned on the right margin, and the format of templates has drifted away from ours too. Spıke ¬ 12:32 7-Apr-14

The editsection-link issue has also been examined by me. When you haven't access to modify the PHP-file and can't change the order of the editsection line and the h2-line, things are a bit more difficult. According to MediaWiki this is changed in version 1.22. Until then there should exist some javascript as a solution. I haven't found the script, yet, but I've decided to ignore this on my local uncyclopedia until i find something that'll put it right next to the headline. --Compima2 Frode Fenis (talk)(hits)07 Apr 2014 15:22 (UTC) 15:22, April 7, 2014 (UTC) and ther should exist some javascript, which can fix

Weighing in

On fonts:

  • For those who don't know, the @Font-face option supports five font formats, two of which are near identical, and they in turn are supported by different browsers:
    1. TTF/OTF; IE9.0+ (sort of), IE10.0+ (realistically), Chrome 4.0+, FF 3.5+, Safari (Mac, not sure on PC) 3.1+, Opera 10.0+, iOS Safari (unsupported, as far as I'm aware), Android (don't know)
    2. WOFF; IE9.0+ (really), Chrome 5.0+, FF3.6+, Safari 5.1+, Opera 11.1+, iOS (no), Android (still don't care)
    3. SVG; IE (no), Chrome 4.0+, FF (no), Safari 3.2+, Opera 9.0+, iOS (yes), Android (does anyone care?)
    4. EOT; IE6.0+ only, but added complications in CSS.
So, what does Wikia allow us to currently install?
    1. TTF; If certain permissions are added, yes, but there are complications in regards being a 'safe' file type
    2. WOFF; Same as above, but can be installed through a funky round-about way where it's installed as base64
    3. SVG; Yes, but limited support
    4. EOT; Same as TTF.
So uncomplicated version - the easiest option is SVG, which has limited support. The next easy is WOFF, which has limited support. The two options give support on most platforms except IE pre 10.0.

On Edit on headers moved to the end of the header

  • Without digging too deeply, I believe this is doable through CSS, rather than JS, if I remember the way these are currently coded.

So this leaves us with the question - just because it can be done, does that mean it should be done? Do we need to slavishly follow the changes on Wikipedia?

I will get round to setting up a personal CSS for this, and anyone who wants to test it out is free to do so (once I'm done). Between a Great Dane and a puppy, we can do this.                               Puppy's talk page03:17 pm 09 Apr 2014

I say we should do it if we can but due to my lack of computer programming knowledge I will be of little no help. I don't think its right to do it if it's going to waste a lot of your time and effort though Puppy. It's your decision. Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 15:23, April 9, 2014 (UTC)
I'm working on another wiki at the moment on a very similar project, so it's not that far out of my way.
As a good example, Runescape wiki have had their own font for a while, and most of their code is here already, if anyone wants to look. I'm about to screw with my user page there as a demonstration of how it codes.                               Puppy's talk page03:33 pm 09 Apr 2014
ScottPat, I too would like it if everyone wrote funny articles; but the site-wide joke that "we look just like Wikipedia, until you think about what you just read" is long-running and excellent and Puppy is uniquely able to keep us looking just like Wikipedia. Again, I suggest we do so with CSS to call for such fonts as the user has lying around, but not compel him to load additional ones to enable us to tell our joke. Spıke ¬ 16:49 9-Apr-14
There's downloading and then there's downloading. @font-face will force a download in the same way we force the download of images displayed. If I remember your CSS preferences, if you choose your own site font, it won't dl another (like turning images off). If coded correctly it will be a low impact dl - about 50 odd KB. If coded poorly it can force a double dl on some versions of IE. You also have the option of locally installing the font as well, which would mean (on any browser, and IE after 9.0) that it would use the pre-installed font, and again minimize the dl.                               Puppy's talk page05:05 pm 09 Apr 2014
Okay - problems have arisen. I will need to discuss some minor changes with Wikia.                               Puppy's talk page04:48 pm 09 Apr 2014
@Spike: I too would like to look like Wikipedia as I had said many times before in the conversation with our Danish friend. I was only wary that Puppy may not be able to cope but if he says he is, he is. Sir ScottPat (converse) White Ensign Scotland Flag 1 Compassrose VFH UnS NotM WotM WotY 17:35, April 9, 2014 (UTC)

Try it out

Okay - I've been doing a lot of work in the background on this, so I apologise again for the delay in having something concrete that you can all play with. But, if you want to try this out, add the following to the start of your common.css file:

@import url("http://uncyclopedia.wikia.com/index.php?title=User:PuppyOnTheRadio/LinuxLibertineHeader.css&action=raw&ctype=text/css") all;

Let me know if you find anything as part of this that doesn't work goodly. For those that are wanting to reduce your downloads, you can download a copy of the font file from fonts.wikia.com. Worthwhile noting that this is version 5.3.0. The version Wikimedia uses is 4.7.3. The argument is relating to the crossed W icon, but that works in later versions as well.                               Puppy's talk page09:36 am 04 May 2014

Personal tools
projects