Embeddables widgets

Sometimes can be useful to have some little widgets which can be incorporated (embedded) into other widgets or text. This helps to the sites to be consistent or can add behavior to other widgets.

Embeddable buttons

Here we have a button link to the Almoststatic documentation embedded within a text which open the target in a new tab.

But we have also a Derived button with a different style. See the source code know how derive a component forcing some parameters.

Overlay

On hover, the overlay widget overlay a panel with some text and/or button. Add the class overlay-target to the target object, and then embed the overlay widget. there are several transitions allowed.

Ipsum sunt

Sonia
Sonia

Enim ad aliquip sint exercitation culpa laborum laborum proident.

Sonia

dolore laborum

Robert
Robert

Magna eiusmod do ad consequat eiusmod commodo.

Robert

labore mollit

Lucy
Lucy

Ullamco proident non commodo sint consequat Lorem pariatur qui adipisicing commodo.

Lucy

Macros

Macros are variables that can be added to the config file or into the page useful to reuse ripetitive pieces of text. Macros can be written in markdown and can contain embedded widgets

Macros

Be aware to use not ambiguous names for variable names to avoid unwanted macro substitutions. A good idea cab ne to prefix names with a dollar sign as in $my_macro

Macros can contain plain text as in: The name of this theme is Flatstep

Or can contain markdown as in: Almoststatic

We can also include Jinja2 directives as in the image to the right

a volcano eruption...