BlackSkorpio / qx-hexagon

QX HexaGon is a marriage between a @greasemonkey UserScript and a @openstyles UserStyle that gives qruiser.com a new cleaner layout and adding some useful keyboard navigation shortcuts together with some usability tweaks to make the whole experience more enjoyable.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

QX HexaGon

QX HexaGon is a marrige between a @greasemonkey UserScript and a @openstyles UserStyle that gives qruiser.com a new cleaner layout and adding some usefull keyboard navigation shortcuts together with some usability tweaks to make the whole experience more enjoyable.

QX HexaGon QX HexaGon Clean QX HexaGon Companion
Install directly with Stylus Install directly with Stylus Install directly with Greasemokey
T h e B l e e d i n g E d g e
Install directly with Stylus Install directly with Stylus Install directly with Greasemokey

You need a Userstyle Manager to use these, I recommend stylus as it supports UserCSS, which allows for auto-updating of styles.

QX HexaGon logo

QX HexaGon UserStyle

A modernized theme for qruiser.com that rewrites the new layout using flexbox and grid containers.

Some style highlight of QX HexaGon

  • Merged Logged in favorites and Favorites widget
  • Sticky sidebar sections
    • Left sidebar
      • Mood/Status widget
      • Favorites widget
      • Messages widget
      • Your stuff widget
    • Right sidebar
      • Latest logged in members widget
  • Animated notifications
  • SVG icons instead of the old raster images

You can have a closer look at how it looks here.

Install directly with Stylus

QX HexaGon Companion UserScript

Fixes that goes hand in hand with the QX Hexagon userstyle.

The UserScript is required to be able to enjoy the above UserStyle since here we are cleaning up a lot of the annoyencies that comes with the original layout and adding a lot of goodies!

FIXES

  • Removing the .odd and .even classes in favor for the .qxh-flex-item and .qxh-grid-item.
  • Removing a lot of redundant and obsolete elements that is no longer neccesary now when using display grid and flexbox.
  • Replacing all .png images with more modern .svg equilaments, these icons is even adapting there colors to the current color scheme used in profiles and clubs.

Additions

  • Adding browser titles to all pages for easy bookmarking and cleaner browser history.
  • Adding source and template classes to the body tag. I.e: .qxh-source-clubs and .qxh-template-clubs-scribble.
  • Adding keyboard navigation to all important pages:

Keyboard navigation

  • Basic keys
    • H - Takes you directly to your own profilepage
    • F - Takes you to your current online favorites, or if non of them are online at the moment, it takes you to the all favorites page.
    • V - Takes you to the Your last visitors page
    • C - Takes you to the updated clubs page, if any, if no clubs is found updated it takes you the Your clubs page.
    • X - Clear all notifications/mark all messages as read.

  • Scroll keys
    • Q - Back to the top
      • W - Scroll upwards slowly
      • A - Scroll up one "page"/One viewport height
    • E - Down to the end
      • S - Scroll downwards slowly
      • D - Scroll down one "page"/One viewport height

  • Sections Keyboard shortcuts
    • 1 - Members Section
    • 2 - Clubs Section
    • 3 - Pictures Section
    • 4 - Movies Section
    • 5 - Blogs Section
    • 6 - Forums Section
    • 7 - Conversations Section
    • 8 - Info Section
    • 9 - Logout

Install HexaGon

QX HexaGon QX HexaGon Clean QX HexaGon Companion
Install directly with Stylus Install directly with Stylus Install directly with Greasemokey

FAQ

  • Question: Is the style available on userstyles.org?
    • Answer: No, the style there is just a placeholder pointing here.
  • Question: What is a UserStyle manager?
    • Answer: Simply said: it's a browser extension that will help you keep your custom styles in a neat order.
  • Question: Is there a special manager that you can recomend?
  • Question: Do I need the QX HexaGon Companion UserScript?
    • Answer: Yes the companion script is neccesary since it does a lot of the heavy lifting for the style.
  • Question: Is there any UserScript manager that you can recomend?

About

QX HexaGon is a marriage between a @greasemonkey UserScript and a @openstyles UserStyle that gives qruiser.com a new cleaner layout and adding some useful keyboard navigation shortcuts together with some usability tweaks to make the whole experience more enjoyable.

License:GNU General Public License v3.0


Languages

Language:CSS 75.1%Language:JavaScript 24.9%