Giter Site home page Giter Site logo

realliyifei / userscript-wikipedia-optimizor Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 4.67 MB

Userscript for wikipedia: Wikipedia optimizor, with various themes, smart toc sidebar, collapsible panel, explicit multilingual links, and handy optimizations

License: MIT License

JavaScript 7.85% CSS 92.15%
userscript tampermonkey tampermonkey-userscript wikipedia css

userscript-wikipedia-optimizor's Introduction

Wikipedia Optimizor (Tampermonkey Userscript)

Userscript for wikipedia: Wikipedia optimizor, with various themes, smart toc sidebar, collapsible panel, explicit multilingual links, and handy optimizations

Current Features

  1. Smart TOC Sidebar: a content sidebar, with shadow following the scrolling and hovering, and color changing after visited
  2. Collapsible Panel: a collapsible panel on left hand side, triggered by moving your cursor to the left
  3. Explicit Multilingual Link(s): multilingual links to the corresponding wikipedia pages with explicit translated titles
  4. Translucent Header and Search Box: a translucent header and search box on the top, triggered by moving your cursor to the head
  5. Hidden Warnings and Requests: hide some warnings and donation request

Themes

Transformer Theme (default)

An omnipotent all-in-one optimizor of wikipedia, containing all the features mentioned above.

Note that this theme is still under development (beta version). Further work is required to patch and clean the css code snippet and adjust the aesthetic design. However, this transformer theme is usable now and you just need to follow the procedures in the installation section.

Academia Theme

A black-and-white theme with clear citation links for academia and research, only contains the first feature.

Warmpaper Theme

A stunning newspaper-like reading experience with minimalism design, only contains the first feature.

Installation

  1. Install Tampermonkey to your browser if you don't have one yet.
  2. Click this link to install directly (it will install automatically once being clicked and then you can close the tab).

Limitations

  1. This userscript has been tested only in English wikipedia pages, though it should be functionally general to all language versions.

  2. This userscript is mainly developed by the default skin (Vector Legacy). Since it overwrites the website layout based on the official javascript/css, it only fits several official skins. Note that if you stay as guest or didn’t change the offical skin of wikipedia within your account, you’re likely using Vector Legacy and don’t need to worry about this.

    Official Skin Fit? Details
    Vector Legacy (2010) - default ✓✓ (Developed based on this) By if login, the panel will disappear #4.
    Vector (2022) Better in wide screen
    Timeless Better in wide screen
    Monobook Miss panel and header
    MinervaNeue Miss content

As for the feature candidates and bugs, see the issues.

Credits & License

userscript-wikipedia-optimizor's People

Contributors

realliyifei avatar yli avatar

Stargazers

NQS avatar

Watchers

 avatar

userscript-wikipedia-optimizor's Issues

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.