Toggle Genie

The ThemeKit Toggle Genie widget creates an action tab and a flying window with content that appears in the center of the viewport.
Action Tab
The tab can be positioned left or right and its position from the top is adjusted using vh (viewport height) units.
It has an optional span with a label that appears on hover and has a box shadow to help make it more noticeable.
The genie content can have a border and/or a box shadow and has a control to adjust the animation time in millliseconds.

Animation

The genie uses different values for the transform origin property to create different flight paths.
The animation can orinate from the left, center or right on the X-axis and from top top, center or bottom and the Y-axis.

Power Bar

On page load the ThemeKit Toggle Power Bar widget has an animated power button an the option to add two icons links.
On hover the power tab shows an info label to indicate its purpose.
On click the power tab rotates, changes color and opens the slide up panel.
All the panel items are optional …

• Copyright info with auto copyright year update option
• Phone number which switches to a phone call function on phones
• A spam protected email function
• Any amount of internal/external navigation links