<!doctype html>
<html lang="en-US" class="mdc-typography">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Angular Material style sheet -->
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material-data-table/0.10.10/md-data-table.min.css">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

        {% block title %}<title>{{ name }} Model Report</title>{% endblock %}
        <meta name="description" content="">
        {% block topscript %}{% endblock %}
    </head>
    <body ng-app="memoteReport" ng-cloak>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>

        <!-- Angular Material Library -->
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material-data-table/0.10.10/md-data-table.min.js"></script>

        <!-- Your application bootstrap  -->
        <script type="text/javascript">
            /**
             * You must include the dependency on 'ngMaterial'
             */
            angular.module('memoteReport', ['ngMaterial'])
            .controller('AppCtrl', function($scope) {})
            .config(function($mdThemingProvider) {

              var memoteBlueMap = $mdThemingProvider.extendPalette('blue', {
                '500': '#2B7BB7'
              });


  $mdThemingProvider.definePalette('memoteBlue', memoteBlueMap);

  // Use that theme for the primary intentions
  $mdThemingProvider.theme('default')
    .primaryPalette('memoteBlue');

});

        </script>

        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <md-toolbar layout="row">
            <div flex="15" layout="column" layout-align="center center">
                <img aria-label="logo" style="width: 10vw;" src="data:image/svg+xml;base64,[encoded data, 6384 characters]"/>
            </div>
            <div flex layout="column" layout-align="end start" layout-padding>
                {% block header -%}
                    {{ name }} Benchmark
                {%- endblock %}
            </div>
        </md-toolbar>

        <div id="content">{% block content %}{% endblock %}</div>

        {% block bottomscript %}
        {% endblock %}
    </body>
</html>
