<div class="row">
    <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
        <h3 class="page-header page-header-sm">Score Board</h3>

        <uib-progressbar animate="false" value="percentChallengesSolved" type="{{completionColor}}"><b>{{percentChallengesSolved}}%</b></uib-progressbar>

        <table class="table table-striped table-bordered table-condensed">
            <tr>
                <th>Description</th>
                <th>Difficulty</th>
                <th>Status</th>
            </tr>
            <tr data-ng-repeat="challenge in challenges">
                <td><div ng-bind-html="challenge.description"></div></td>
                <td align="center">
                  <span uib-rating ng-model="challenge.difficulty" max="{{challenge.difficulty}}" read-only="true" class="nowrap"/>
                  </td>
                <td align="center">
                    <span id="{{challenge.name}}.notSolved" ng-show="!challenge.solved" class="label label-danger">unsolved</span>
                    <span id="{{challenge.name}}.solved" ng-show="challenge.solved" class="label label-success">solved</span>
                </td>
            </tr>
        </table>
        <img src="/public/images/tracking/scoreboard.png"/>
    </div>

</div>

<div class="row">
    <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
        <h3 class="page-header page-header-sm">Score Board</h3>

        <uib-progressbar animate="false" value="percentChallengesSolved" type="{{completionColor}}"><b>{{percentChallengesSolved}}%</b></uib-progressbar>

        <table class="table table-striped table-bordered table-condensed">
            <tr>
                <th>Description</th>
                <th>Difficulty</th>
                <th>Status</th>
            </tr>
            <tr data-ng-repeat="challenge in challenges">
                <td><div ng-bind-html="challenge.description"></div></td>
                <td align="center">
                  <span uib-rating ng-model="challenge.difficulty" max="{{challenge.difficulty}}" read-only="true" class="nowrap"/>
                  </td>
                <td align="center">
                    <span id="{{challenge.name}}.notSolved" ng-show="!challenge.solved" class="label label-danger">unsolved</span>
                    <span id="{{challenge.name}}.solved" ng-show="challenge.solved" class="label label-success">solved</span>
                </td>
            </tr>
        </table>

        <div uib-alert type="info">Got an idea for a new challenge? Found a vulnerability that is not tracked on the Score Board? Let us know <a href="http://gitter.im/bkimminich/juice-shop">via community chat</a> or by <a href="https://github.com/bkimminich/juice-shop/issues">opening an issue</a> on GitHub!</div>

        <img src="/public/images/tracking/scoreboard.png"/>
    </div>


</div>


Add static alert (asking for missing/new challenges)
Add static alert
(asking for missing/new challenges)
