piskel/src/templates/layers-list.html

<div class="toolbox-container layers-list-container">
  <h3 class="toolbox-title layers-title">Layers
    <div title="Toggle layer preview (alt+L)"
         rel="tooltip"
         data-placement="top"
         class="layers-toggle-preview piskel-icon-eye"></div>
  </h3>
  <div class="layers-button-container">
    <button class="button layers-button plus-icon" data-action="add"  >+</button>
    <button class="button layers-button" data-action="delete"  >x</button>
    <button class="button layers-button layers-button-arrow" data-action="up"   >&#8593;</button>
    <button class="button layers-button layers-button-arrow" data-action="down" >&#8595;</button>
    <button
      class="button layers-button merge-icon" data-action="merge"
      title="Merge with layer below" rel="tooltip" data-placement="top" ></button>
    <button
      class="button layers-button edit-icon" data-action="edit"
      title="Edit layer name" rel="tooltip" data-placement="top"></button>
  </div>
  <script type="text/template" id="layer-button-template">
    <button
      class="button layers-button {{class}}" data-action="{{action}}"
      title="{{tooltip}}" rel="tooltip" data-placement="top"  >{{text}}</button>
  </script>
  <script type="text/template" id="layer-item-template">
    <li class="layer-item {{isselected:current-layer-item}}" data-layer-index="{{layerindex}}">{{layername}}</li>
  </script>
  <ul class="layers-list"></ul>
</div>