A website navigation widget. Guide your users through a curated compilation of pages on your site.
- Head over to releases - download the
.zipfile - Unzip the contents into a folder that is accessible from your website - e.g.
public/ - Add
<script src='/kompl.bundle.js' type='method'></script>into the<head>on all pages on your site, after JQuery - and note thetypeattribute should be set.
Add controls into your pages that play your compilations:
<button onclick="
$kompl.play(
title:'Jeffs curated Kompilation',
slugs: [
'/p1/',
'/p5/',
'/p7/',
],
style: 'clean',
size: 'large',
place: 'bc',
show: 80%,
)
">Show me!</button>You can see the widget in operation by clicking on the buttons on this page: https://normus.totahi.com/tags
You can read the documentation and examples here:
- Anatomy of Kompl - Taxonomy and overview.
- Kompl Usage Examples - Learn by example.
- The STYLE argument - Named preset options.
- The SHOW argument - Positioning Kompl on the pages.
- The OPTIONS argument - Details of all available options.
- The NEXT/PREV arguments - Details of NEXT / PREV arguments.
- Roadmap - planned features - bugs, features, enhancments.
- Inspired by conversations with Malcom - ZAM - https://healthzam.com/
Jeff, aka jaguart on Github. https://jaguart.tech - dabbler.
This is my first playground using TypeScript in the Node-verse. Canonical source - https://github.com/jaguart/kompl