Code Monkey home page Code Monkey logo

witex's Introduction

WiTeX screenshot

WiTeX

If Donald Knuth had designed Wikipedia

Install

If you have a Wikipedia account, open your Preferences, go to the Appearance tab, and edit the Custom CSS for the Vector skin. Paste the contents of style.css into the editor, and save. For better alignment of mathematical equations, enable MathML or Mathjax in the Appearance tab.

Alternatively, you can load the CSS using a browser plugin (such as Stylus, for Firefox or for Chrome) for the domain https?://*.wikipedia.org.

I want the old Wikipedia design back!

While logged in, go to the edit vector.css page, delete the contents, and save.

witex's People

Contributors

andrewbelt avatar boneskull avatar chuckhoupt avatar legoktm avatar somini avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

witex's Issues

Restore [edit] link

Ideally it should fit into the extremely minimal design, so I'll be experimenting with faint colors or icons. Javascript should be avoided at all costs.

Red links

On Wikipedia, so-called red links link to Wikipedia pages that have not yet been created. From the linked page:

[Red links] indicate that a page will be created soon or that an article should be created for the topic because the subject is notable and verifiable. One study conducted in 2008 showed that red links helped Wikipedia grow. Follow-up work on this indicated that the creation of red links prevents new pages from being orphaned from the start.

For editors active in a particular topic, red links indicate which pages need to be created to bring colloquial readers up-to-speed with technical language in an article.

WiTeX unfortunately presents every link as a red link. This can be tested using this page, which has an introduction full of "blue" a links but otherwise chiefly red a.new links.

I love the WiTeX format, but can't help my visceral reaction to red links.

Would you be open to a PR causinga.new links to appear a different color than regular a links (but not green)? Better yet, would you be open to a links being some non-red color and a.new links remaining red?

Change color of equations?

Hi, I've been messing around with the css because I've been trying to make a dark mode. The only problem is that the equations remain black. Is it possible to change the color of LaTeX equations with the css?

Another way to auto-update the stylesheet

Hello, Andrew. There's a better way to have users' stylesheets updated without using any browser add-ons, in case if you are not aware. You can create a central stylesheet under your userspace so that users can use it in two ways:

  • Add this to their own custom CSS pages: @import url("https://en.wikipedia.org/w/index.php?title=User:Your_Username_Here/WiTeX.css&action=raw&ctype=text/css");
  • Add this to their own custom JS pages: importStylesheet("User:Your Username Here/WiTeX.css"); (This requires JavaScript support)

P.S. Your stylesheet is being discussed at Administrators' noticeboard as multiple editors are worried about potential abuse. Your input is appreciated and can clear out confusion. Thank you.

Zhaofeng Li (User:Zhaofeng Li on Wikipedia)

Fonts not loading

If I try to go directly to the new file link (through the CDN) I get an access denied

Showing selected inter-language links

I wouldn’t propose to have this in the default stylesheet, but I thought I might ask you if you knew a less combersome way of achieving this; we might then add it to the GH Wiki for interested parties. The interlanguage links are rather important to me, not only to switch quickly, but also because I’m often unsure as to what the right lemma would be in the other language. But obviously I don’t want to see the complete language list.

I have no clue about CSS, but I came up with a very convoluted way of only showing selected languages. Maybe you have some idea on how this could be done better, to add it to the Wiki. The main problem seems to be that the display property can’t be overridden for children.

What I did was exclude #mw-navigation from hiding, and I added these:

#mw-navigation > :not(#mw-panel) {
  display: none;
}

#mw-panel > :not(#p-lang) {
    display: none;  
}

#p-lang {
    background-image: none !important;
}

#p-lang > :not(div) {
    display: none;  
}

#p-lang > div > :not(ul) {
    display: none;
}

#p-lang > div > ul > *  {
    display: none;
}

#p-lang > div > ul > .interwiki-en, 
#p-lang > div > ul > .interwiki-de  {
    display: block;
}

Unable to disable

Hi,

I installed this thing years ago and accidentally logged into my Wiki account so the theme is now active. There's no way to go to my user preferences to disable this plugin due to the minimalist interface. It seems like the user preferences is tied to the language used, as I don't have this issue when I try another language.

How do I get rid of it? I use Wikipedia almost daily and it's becoming really annoying. I have access to the common.css, but I am not able to edit it.

Font CDN....

Have you considered just throwing cloudflare or coralcdn in front of it?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.