From d42c8b528eb595101954f478e0024e3f079f6fbf Mon Sep 17 00:00:00 2001 From: schneefux Date: Wed, 22 Mar 2017 19:19:26 +0100 Subject: first implementation of fun stats site --- templates/assets/tether/docs/welcome/index.html | 226 ++++++++++++++++++++++++ 1 file changed, 226 insertions(+) create mode 100644 templates/assets/tether/docs/welcome/index.html (limited to 'templates/assets/tether/docs/welcome/index.html') diff --git a/templates/assets/tether/docs/welcome/index.html b/templates/assets/tether/docs/welcome/index.html new file mode 100644 index 0000000..d70d00d --- /dev/null +++ b/templates/assets/tether/docs/welcome/index.html @@ -0,0 +1,226 @@ + + + + + Tether – Marrying elements for life + + + + + + + + + + + + + + + + + +

Tether

Marrying elements for life

+ ★ On Github +

+ +

What is Tether?

How Tether works.

Tether is powerful.

Play with Tether

+ +

Tether is a low-level UI library that can be used to position any element on a page next to any other element.

It can be used for dropdown menus, tooltips, popovers, tours, help information, scroll guides, autocompletes, etc. The possibilities are endless.

In this example we're showing an action menu tethered to a list item.

+ +

Tether works by creating an absolutely positioned element and meticulously tracking the movements of a target which you specify.

The target and element can be tethered together in a variety of different ways.

Notice how the tethered element stays tethered to its target list item even as the left pane is scrolled up and down.

+ +

Tether can keep your element positioned properly even in some tough situations.

Tether handles all of the common pain points:

Automatically detect collisions with the edge of the page or edge of the scrollParent
Automatically reposition on browser resize, scroll, and other events,
Constrain the position to any bounding box,

...and a lot more.

+ +

Interact with this demo.

To learn more, check out our documentation.

+ +