At this moment, though not necessarily in the future (he says, futureproofing this entry), you may notice little w’s scattered around the blog, if you’re reading the blog on the site, and using a browser that isn’t IE. Or you may not. If you can see a little w after this link then it’s working for you. If you can’t then refresh the page. If you still can’t then don’t worry, life is short.
The w simply indicates that it’s a link to Wikipedia. You may find this information useful. You may find it irrelevant. You may find it annoying. If you do find it annoying please let me know. I myself may end up finding it annoying. If we all find it annoying it will vanish, hence the futureproofing of this entry.
For the curious, here’s the CSS which generates it:
a.wiki:after {
content: ” w”;
vertical-align: super;
font-size: .8em;
text-decoration: none;}
In other news, I’ve been listening to a lot of Melt-Banana today. It’s very soothing.
It might also become annoying to add the W class, try this CSS3 selector as well. This is untested, but my brain says it should work
a[href*=”wikipedia.org”],
a.wiki:after {
content: ” w”;
vertical-align: super;
font-size: .8em;
text-decoration: none;}
Nope, can’t get that to work, but then my tolerance for CSS (or “fucking stupid CSS” as it’s known in this house) has plummeted to new depths of late. I’m rather surprised I got as far as I did.
Just tested this on Firefox 1.5 Windows on some sample html with links to wiki. It should save you the trouble of applying the wiki class to any more links.
a[href*="wikipedia.org"]:after,
a.wiki:after {
content: ” w”;
vertical-align: super;
font-size: .8em;
text-decoration: none;
}
It’s gone. I was getting annoyed.