inav-configurator/tabs/led_strip.html

<div class="tab-led-strip">
    <div class="help">
        <p i18n="ledStripHelp"></p>
    </div>
    <div class="mainGrid"></div>
    <div class="gridSections">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>

    <div class="controls">
        <div class="wires-remaining"><div></div>Remaining</div>
        <button class="funcClear">Clear selected</button>
        <button class="funcClearAll">Clear ALL</button>

        <div class="section">LED Functions</div>
        <div class="functions">
            <button class="function-w w50">Warnings</button>
            <button class="function-f w50">Modes &amp; Orientation</button>
            <button class="function-i w50">Indicator</button>
            <button class="function-a w50">Arm State</button>
            <button class="function-t w50">Throttle</button>
            <button class="function-r w50">Ring</button>
            <button class="function-c w50">Color</button>
        </div>
    
        <div class="section">LED Orientation and Color</div>
        <div class="directions">
            <button class="dir-n">N</button>
            <button class="dir-e">E</button>
            <button class="dir-s">S</button>
            <button class="dir-w">W</button>
            <button class="dir-u">U</button>
            <button class="dir-d">D</button>
        </div>
        <div class="colors">
            <button class="color-0">0</button>
            <button class="color-1">1</button>
            <button class="color-2">2</button>
            <button class="color-3">3</button>
            <button class="color-4">4</button>
            <button class="color-5">5</button>
            <button class="color-6">6</button>
            <button class="color-7">7</button>
            <button class="color-8">8</button>
            <button class="color-9">9</button>
            <button class="color-10">10</button>
            <button class="color-11">11</button>
            <button class="color-12">12</button>
            <button class="color-13">13</button>
            <button class="color-14">14</button>
            <button class="color-15">15</button>
        </div>


        <div class="section">LED Strip Wiring</div>
        <div class="wiringMode">
            <button class="funcWire w100">Wire Ordering Mode</button>
        </div>
        <div class="wiringControls">
            <button class="funcWireClearSelect w50">Clear selected</button>
            <button class="funcWireClear w50">Clear ALL Wiring</button>
        </div>      
        <p>LEDs without wire ordering number will not be saved.</p>
    </div>
    <div class="clear-both"></div>
    <div class="buttons">
        <a class="save" href="#" i18n="ledStripButtonSave"></a>
    </div>
    
</div>