YardGnomeNinja

<template>
  <button click.delegate="addItem()">Add Item</button>
  
  <div id="enhanceMyContent"></div>
</template>

YardGnomeNinja

<template>
  <div repeat.for="thumb of thumbs">
    <img id="${thumb.name}-spinner" src="https://gifimage.net/wp-content/uploads/2018/05/spinner-gif-transparent-background-14.gif">
    <img 
      alt.one-time="thumb.name" 
      src.one-time="server + '/' + thumb.uri"
      load.trigger="hideSpinner(thumb.name) & oneTime"
      class="thumbnail"
     />
  </div>

YardGnomeNinja

<template>
  <button click.delegate="addItem(0)">Add Item to Group 0</button>
  
  <div id="container0" data-container-group="containerGroup0"></div>
  <div id="container1" data-container-group="containerGroup0"></div>
</template>

YardGnomeNinja

<template>
  <button click.delegate="addItem()">Add Item</button>
  
  <div id="enhanceMyContent"></div>
</template>