Squire/ui/Squire-UI.html

<div class="menu" contenteditable="false">
    <div class="group">
        <div data-action="bold" data-value="" class="item"><i class="fa fa-bold"></i></div>
        <div data-action="italic" data-value="" class="item"><i  class="fa fa-italic"></i></div>
        <div data-action="underline" data-value="" class="item"><i class="fa fa-underline"></i></div>
        <div data-action="" data-value=""  id="font" class="item">
            <i class="fa fa-font"></i>
        </div>
    </div>
    <div class="group">
        <div data-action="link" data-value=""class="item"><i class="fa fa-link"></i></div>
        <div data-action="quote" data-value="" class="item"><i class="fa fa-quote-right"></i></div>
        <div data-action="list" data-value="" class="item"><i class="fa fa-list"></i></div>
        <div data-action="image" data-value="" class="item">
            <i class="fa fa-picture-o"></i>
        </div>
    </div>
    <div class="group">
        <div data-action="link" data-value=""class="item"><i class="fa fa-link"></i></div>
        <div data-action="quote" data-value="" class="item"><i class="fa fa-quote-right"></i></div>
    </div>
    <div class="group">
        <div data-action="undo" data-value="" class="item"><i class="fa fa-undo"></i></div>
        <div data-action="redo" data-value="" class="item"><i class="fa fa-undo flip"></i></div>
    </div>
</div>
<div class="templates hidden">
    <div class="drop-font">
        <i class="fa fa-chevron-up quit"></i>
        Text Size: <input type="number" min="12" max="72" step="6" value="12" name="font-size">
        <br>
        Font: <input type="text">
    </div>
</div>