implemented "landing page" and changelog

changelog.html

@@ -0,0 +1,13 @@
+<span>10.30.2013 - 0.10</span>
+<p>
+    - AUX Configuration now shows current AUX channel state<br />
+    - Polished couple of texts<br />
+    - Added changelog within the app<br />
+    - 3D view in Initial Setup now displays model type selected<br />
+</p>
+<span>10.16.2013 - 0.9</span>
+<p>
+    - Polished Auxiliary configuration tab<br />
+    - Polished Raw sensod data tab<br />
+    - Updated libraries<br />
+</p>

js/main.js

@@ -79,5 +79,5 @@ $(document).ready(function() {
         }
     });
     
-    // temporary
+    tab_initialize_default();
 });

main.html

@@ -16,6 +16,7 @@
         <script type="text/javascript" src="./js/backup_restore.js"></script>
 
         <!-- Various tabs are divided into separate files (for clarity) --> 
+        <script type="text/javascript" src="./tabs/default.js"></script>
         <script type="text/javascript" src="./tabs/initial_setup.js"></script>
         <script type="text/javascript" src="./tabs/pid_tuning.js"></script>
         <script type="text/javascript" src="./tabs/receiver.js"></script>

tabs/default.html

@@ -0,0 +1,69 @@
+<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;
+            }
+</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>

tabs/default.js

@@ -0,0 +1,6 @@
+function tab_initialize_default() {
+    $('#content').load("./tabs/default.html", function() {
+        // load changelog content
+        $('div.changelog.configurator .wrapper').load('./changelog.html');
+    });
+}