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
T h e	B l e e d i n g	E d g e

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

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 the UserStyle

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

---

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?
  • Answer: I personaly prefer to use Stylus that is available for Firefox, Chrome and Opera.
• 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?
  • Answer: Once again, this is from my personal point of view, but I prefer the Greasemokey UserScript Manager. If your using Google Chrome, Microsoft Edge, Opera or Safari I would recomend the Tampermonkey extension. Tampermonkey for:
    • Google Chrome
    • Microsoft Edge
    • Opera
    • Safari
    • Firefox