Add changelog to main page

src/main/scss/main.scss

@@ -3,6 +3,12 @@ $icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/"
  @import "components-font-awesome/scss/font-awesome.scss";
  @import "bootstrap-sass/assets/stylesheets/_bootstrap.scss";
  // endbower
+// main
+.panel-body img {
+  border: 3px solid black;
+}
+// /main
+
 //  angular-ui-tree
 .wizardCommands {
     margin: 8px 0px 24px 0px;

src/main/webapp/scripts/app/main/main.html

-<div ng-cloak>
+<div ng-cloak="">
     <div class="row">
         <div class="col-md-12">
             <div ng-switch="isAuthenticated()">
@@ -20,10 +20,11 @@
 
                 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                   <!-- <div class="panel panel-default">
-                    <div class="panel-heading" role="tab" id="headingThree">
+                    <div class="panel-heading" role="tab" id="headingXXX">
                       <h4 class="panel-title">
                         <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#changelogXXXX" aria-expanded="false" aria-controls="changelogXXXX">
-                          Collapsible Group Item #3
+                          Neuerungen
+                          <small>19.07.2016</small>
                         </a>
                       </h4>
                     </div>
@@ -34,6 +35,23 @@
                     </div>
                   </div> -->
 
+                  <div class="panel panel-default">
+                    <div class="panel-heading" role="tab" id="headingTwo">
+                      <h4 class="panel-title">
+                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#changelog0809" aria-expanded="false" aria-controls="changelog0809">
+                          Neues Element
+                          <small>09.08.2016</small>
+                        </a>
+                      </h4>
+                    </div>
+                    <div id="changelog0809" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
+                      <div class="panel-body">
+                        <h4>Simple Condition</h4>
+                        <img src="assets/images/userinterface/simpleCondition.gif" alt="simple condition" />
+                      </div>
+                    </div>
+                  </div>
+
                   <div class="panel panel-default">
                     <div class="panel-heading" role="tab" id="headingOne">
                       <h4 class="panel-title">
@@ -46,11 +64,11 @@
                     <div id="changelog0719" class="panel-collapse collapse" role="tabpanel">
                       <div class="panel-body">
                         <h4>Wizard erstellen</h4>
-                        <img src="assets/images/userinterface/createWizard.gif" style="border: 3px solid black"/>
+                        <img src="assets/images/userinterface/createWizard.gif" alt="create wizard" />
                         <h4>Schritt hinzufügen</h4>
-                        <img src="assets/images/userinterface/addStep.gif" style="border: 3px solid black"/>
+                        <img src="assets/images/userinterface/addStep.gif" alt="add step" />
                         <h4>Formularelemente hinzufügen</h4>
-                        <img src="assets/images/userinterface/editorUse.gif" style="border: 3px solid black"/>
+                        <img src="assets/images/userinterface/editorUse.gif" alt="editor use" />
                       </div>
                     </div>
                   </div>