betaflight-configurator/tabs/firmware_flasher.html

<style type="text/css">
    .tab-firmware_flasher .info {
        margin: 0 0 10px 0;
    }
        .tab-firmware_flasher .info strong {
            margin-right: 5px;
        }
    .tab-firmware_flasher .note {
        float: left;
        
        margin-bottom: 10px;
        padding: 5px;
        
        border: 1px dotted silver;
    }
        .tab-firmware_flasher .note p {
            margin-bottom: 5px;
        }
        .tab-firmware_flasher .note input {
            float: left;
            margin-top: 2px;
        }
    a.load_file, a.load_remote_file {
        display: block;
        float: left;
        
        margin: 0 10px 0 0;
        padding: 0 10px 0 10px;
        
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        
        border: 1px solid silver;
        background-color: #ececec;
    }
    a.load_file:hover, a.load_remote_file:hover {
        background-color: #dedcdc;
    }
    a.flash_firmware {
        display: block;
        float: left;
        
        padding: 0 10px 0 10px;
        
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        
        border: 1px solid silver;
        background-color: #ececec;
    }
    a.flash_firmware:hover {
        background-color: #dedcdc;
    }
</style>
<div class="tab-firmware_flasher">
    <div class="info">
        <strong>Path:</strong><span class="path">empty</span><br />
        <strong>Size:</strong><span class="size">0.000 kb</span><br />
        <strong>Status:</strong><span class="status">Firmware not loaded</span><br />
    </div>
    <div class="note">
        <p>
            If you are flashing board with <strong>baseflight</strong> already flashed (updating), leave this checkbox unchecked.<br />
            If you are flashing "<strong>bare</strong>" board with no firmware preloaded or you have bootloader pins <strong>shorted</strong>, check this box.<br />
        </p>
        <span style="float: left; font-weight: bold; margin-right: 6px;">Reboot sequence:</span><input class="updating" type="checkbox" />
    </div>
    <div class="clear-both"></div>
    <a class="load_file" href="#">Load Firmware [Local]</a>
    <a class="load_remote_file" href="#">Load Firmware [Online]</a>
    <a class="flash_firmware" href="#">Flash Firmware</a>
</div>