Git Product home page Git Product logo

olat-redesign's Introduction

OLAT Redesign (UZH)

This is how the new amazing OLAT Redesign will look like on your Browser

Introduction

This project was initially founded due to incomprehension about the User Interface of the updated Learning Management System (LMS) developed by the University of Zurich (UZH). See here for more details about OLAT. The new version of the platform was published over the summer 2016 and not only the new UI is extremely ugly, but there are also some very bad UX practices.

With this in mind, we had the approach to clean up the messy platform to make it a tidier place with a reduced UI. At least we want to make OLAT a bit sexier. As students, we spend so many hours on this platform (daily). Our approach tries to make it aesthetically more enjoyable.

Things we changed

  • Whole new Login Page with cool hover effect 😎
  • Simpler Navigation (We removed some unnecessary elements in the navigation, most of them are also reachable at the sidebar on the right)
  • There is a max-width for the whole webapp for better readability and structure
  • Changed typeface to System's Font for better readability
    • macOS: San Francisco
    • Android: Roboto
    • Microsoft: Segoe UI
    • Linux: Ubuntu

Installation

Step 1:

Get the «Stylish» Add-on for your Browser and install it.

Chrome: https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=de

Safari: http://sobolev.us/stylish/

Step 2:

  1. Go to the settings of the Add-on (On Safari: Click on the «S» in the menubar and then click on «Manage»)
  2. Edit / Write a new style
  3. Copy and Paste the following code snippet HERE
  4. Under «Applies to» select «URL» or «URL Prefix» (see below) and type in the following ones:

YOU'RE DONE! 👍🏼🎉

License

This project is licensed under the Apache License – see the LICENSE.md file for details.

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.