Using Glue is super simple.

  1. 1. Glue-src is for partials

    Use the “glue-src” attribute on any element to replace its content with HTML from the template you specifiy when the page loads.

    <div data-glue-src="navbar">
    
  2. 2. Glue-link is for links to new pages

    Put a “glue-link” attribute on an anchor to clear the existing page and replace it with the new one you specify.

    <a data-glue-link=”page2”>Go to the next page</a>
    
  3. 3. The .glue-container and layout.html are important

    Any content that is going to change from page to page will be loaded into the .glue-container, so leave it in your index.html. Your default template is layout.html at the top level directory.

    <div class="glue-container"></div>