betaflight-configurator/tabs/default.html

<style type="text/css">
    .welcome {
        float: left;
        
        margin-right: 10px;
        
        width: 494px;
        height: 171px;
        
        padding: 5px;
        
        border: 1px solid silver;
    }
        .welcome a {
            font-weight: bold;
        }
    .changelog {
        float: left;
        
        margin-bottom: 10px;
        
        width: 400px;
        
        border: 1px solid silver;
    }
        .changelog .title {
            line-height: 20px;
            
            text-align: center;
            font-weight: bold;
            color: white;
            
            border-bottom: 1px solid silver;
            background-color: #3f4241;
        }
        .changelog .wrapper {
            height: 150px;
            
            padding: 5px;
            
            overflow-y: scroll;
            overflow-x: hidden;
            
            -webkit-user-select: text;
        }
            .changelog .wrapper span {
                font-weight: bold;
            }
            .changelog .wrapper p {
                margin-bottom: 5px;
            }
    .donate {
        float: left;
        
        width: 504px;
        
        padding: 0 0 5px 0;
        
        border: 1px solid silver;
    }
        .donate .title {
            line-height: 20px;
            
            text-align: center;
            font-weight: bold;
            color: white;
            
            border-bottom: 1px solid silver;
            background-color: #3f4241;
        }
        .donate p {
            padding: 5px;
        }
        .donate a {
            display: block;
            
            width: 74px;
            height: 21px;
            
            margin: auto;
        }
    .firmware_flasher {
        display: block;
        float: right;
        
        height: 28px;
        line-height: 28px;
        
        padding: 0 15px 0 15px;
        
        text-align: center;
        font-weight: bold;
        
        border: 1px solid silver;
        background-color: #ececec;
    }
    .firmware_flasher:hover {
        background-color: #dedcdc;
    }
    .created {
        position: absolute;
        
        width: 920px;
        bottom: 5px;
        
        text-align: center;
    }
</style>
<div class="tab-default">
    <div class="welcome">
        This application is a configuration utility for baseflight, a 32 bit fork of the popular open source RC flight control firmware project <a href="http://www.multiwii.org/" target="_blank">MultiWii</a>.<br />
        <br />
        While this app uses the same serial protocol as MultiWii there are several features that only work with baseflight so make sure to use it with compatible hardware <strong>only</strong>.<br />
        <br />
        Hardware running baseflight can be purchased from <a href="http://www.abusemark.com/store/" target="_blank">AbuseMark</a>.<br />
        <br />
        The source code can be downloaded from <a href="http://github.com/multiwii/baseflight" target="_blank">http://github.com/multiwii/baseflight</a>.<br />
        The newest binary firmware image is available <a href="http://github.com/multiwii/baseflight/tree/upstream/obj/baseflight.hex" target="_blank">here</a>.<br />
    </div>
    <div class="changelog configurator">
        <div class="title">Configurator - Changelog</div>
        <div class="wrapper">
        </div>
    </div>
    <div class="clear-both"></div>
    <div class="donate">
        <div class="title">Open Source / Donation Notice</div>
        <p>
            This utility is fully <strong>open source</strong> and is available free of charge to all <strong>baseflight</strong> users.<br />
            If you found the utility useful, please consider <strong>supporting</strong> its developmnet by donating.<br />
        </p>
        <a href="http://goo.gl/xQMKN" target="_blank" title="Donate"><img src="./images/btn_donate_SM.gif" alt="Paypal" /></a> 
    </div>
    <a class="firmware_flasher" href="#">Firmware Flasher</a>
    <p class="created">
        created for <strong>baseflight</strong> by <strong>cTn</strong> &copy;
    </p>    
</div>