├── slides
    ├── scope.pdf
    └── binding.pdf
├── fonts
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.svg
├── partials
    ├── binding
    │   ├── style.html
    │   ├── list.html
    │   ├── if.html
    │   ├── switch.html
    │   ├── watch.html
    │   ├── sort.html
    │   ├── wave.html
    │   ├── simple.html
    │   ├── region.html
    │   ├── array.html
    │   └── employee.html
    └── scope
    │   ├── alias.html
    │   ├── isolate.html
    │   ├── extend.html
    │   ├── newscope.html
    │   ├── assign.html
    │   ├── eventbus.html
    │   └── hierarchy.html
├── README.md
├── js
    ├── scope
    │   ├── alias.js
    │   ├── newscope.js
    │   ├── extend.js
    │   ├── root.js
    │   ├── isolate.js
    │   ├── hierarchy.js
    │   └── eventbus.js
    ├── binding
    │   ├── if.js
    │   ├── switch.js
    │   ├── list.js
    │   ├── simple.js
    │   ├── array.js
    │   ├── wave.js
    │   ├── region.js
    │   ├── watch.js
    │   ├── sort.js
    │   └── employee.js
    └── app.js
├── binding.html
├── scope.html
├── docs
    ├── 02.scope.md
    └── 01.binding.md
└── css
    ├── bootstrap-theme.min.css
    ├── bootstrap-theme.css.map
    └── bootstrap-theme.css


/slides/scope.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xufei/ng-tutor/HEAD/slides/scope.pdf


--------------------------------------------------------------------------------
/slides/binding.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xufei/ng-tutor/HEAD/slides/binding.pdf


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xufei/ng-tutor/HEAD/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xufei/ng-tutor/HEAD/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xufei/ng-tutor/HEAD/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/partials/binding/style.html:
--------------------------------------------------------------------------------
1 | <input type="number" ng-model="size" ng-init="size=12"/>
2 | <div ng-style="{'font-size': size+'pt'}">
3 |     测试字体大小
4 | </div>


--------------------------------------------------------------------------------
/partials/scope/alias.html:
--------------------------------------------------------------------------------
1 | <div ng-controller="AliasCtrl as instance">
2 |     <div>{{instance.a}}</div>
3 |     <button ng-click="instance.foo()">click me</button>
4 | </div>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | AngularJS实例教程 —— 跟徐叔叔一起学Angular
2 | ========
3 | 
4 | 现在AngularJS挺火了，但很多新手入门的时候却挺痛苦，很多时候他们没有时间完整看一本书，需要边学边用，很多时候他们学完了，却不知道在业务代码中应该怎样用。作为入门较久，踩坑较多的人，搞这么一个系列教程，希望能让大家快速成长。
5 | 


--------------------------------------------------------------------------------
/partials/scope/isolate.html:
--------------------------------------------------------------------------------
1 | <div ng-controller="IsolateCtrl">
2 |     <button ng-click="change()">a++</button>
3 | 
4 |     <textarea ng-model="log" class="form-control"></textarea>
5 | </div>


--------------------------------------------------------------------------------
/js/scope/alias.js:
--------------------------------------------------------------------------------
1 | angular.module("tutor")
2 |     .controller("AliasCtrl", function() {
3 |         this.a = 1;
4 |         this.foo = function() {
5 |             alert(this.a);
6 |         };
7 |     });


--------------------------------------------------------------------------------
/js/binding/if.js:
--------------------------------------------------------------------------------
1 | angular.module("tutor").controller("IfCtrl", ["$scope", function ($scope) {
2 |     $scope.condition = 1;
3 | 
4 |     $scope.change = function() {
5 |         $scope.condition = 2;
6 |     };
7 | }]);


--------------------------------------------------------------------------------
/js/scope/newscope.js:
--------------------------------------------------------------------------------
1 | angular.module("tutor")
2 |     .controller("NewScopeCtrl", ["$scope", function($scope) {
3 |         $scope.sum1 = 0;
4 |         $scope.sum2 = 0;
5 |         $scope.arr = [1, 2, 3];
6 |     }]);


--------------------------------------------------------------------------------
/partials/binding/list.html:
--------------------------------------------------------------------------------
1 | <ul class="list-group" ng-controller="ListCtrl">
2 |     <li ng-repeat="item in items" ng-class="{true:'list-group-item active', false: 'list-group-item'}[item==selectedItem]" ng-click="select(item)">
3 |         {{item.title}}
4 |     </li>
5 | </ul>


--------------------------------------------------------------------------------
/js/scope/extend.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("OuterCtrl", ["$scope", function ($scope) {
 2 |     $scope.a = 1;
 3 | 
 4 |     $scope.data = {
 5 |         a: 1
 6 |     };
 7 | }]);
 8 | 
 9 | angular.module("tutor").controller("InnerCtrl", ["$scope", function ($scope) {
10 | }]);


--------------------------------------------------------------------------------
/js/scope/root.js:
--------------------------------------------------------------------------------
1 | angular.module("tutor").controller("RootCtrl", ["$scope", "$rootScope", function ($scope, $rootScope) {
2 |     $scope.log = "";
3 | 
4 |     $rootScope.$watch("rootA", function(newVal) {
5 |         if (newVal) {
6 |             $scope.log += newVal + "\n";
7 |         }
8 |     });
9 | }]);


--------------------------------------------------------------------------------
/partials/binding/if.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="IfCtrl">
 2 |     <ul>
 3 |         <li ng-if="condition==1">if 1</li>
 4 |         <li ng-if="condition==2">if 2</li>
 5 | 
 6 |         <li ng-show="condition==1">show 1</li>
 7 |         <li ng-show="condition==2">show 2</li>
 8 |     </ul>
 9 | 
10 |     <button ng-click="change()">change</button>
11 | </div>


--------------------------------------------------------------------------------
/js/scope/isolate.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("IsolateCtrl", ["$scope", function ($scope) {
 2 |     $scope.log = "";
 3 | 
 4 |     var child = $scope.$new();
 5 |     child.a = 1;
 6 | 
 7 |     child.$watch("a", function(newValue) {
 8 |         $scope.log += newValue + "\n";
 9 |     });
10 | 
11 |     $scope.change = function() {
12 |         child.a++;
13 |     };
14 | }]);


--------------------------------------------------------------------------------
/partials/binding/switch.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="SwitchCtrl">
 2 |     <div ng-switch="condition">
 3 |         <div ng-switch-when="A">A</div>
 4 |         <div ng-switch-when="B">B</div>
 5 |         <div ng-switch-default>default</div>
 6 |     </div>
 7 |     <button ng-click="a()">A</button>
 8 |     <button ng-click="b()">B</button>
 9 |     <button ng-click="c()">C</button>
10 | </div>


--------------------------------------------------------------------------------
/js/binding/switch.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("SwitchCtrl", ["$scope", function ($scope) {
 2 |     $scope.condition = "";
 3 | 
 4 |     $scope.a = function() {
 5 |         $scope.condition = "A";
 6 |     };
 7 | 
 8 |     $scope.b = function() {
 9 |         $scope.condition = "B";
10 |     };
11 | 
12 |     $scope.c = function() {
13 |         $scope.condition = "C";
14 |     };
15 | }]);


--------------------------------------------------------------------------------
/js/binding/list.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("ListCtrl", ["$scope", function($scope) {
 2 |     $scope.items = [];
 3 | 
 4 |     for (var i=0; i<10; i++) {
 5 |         $scope.items.push({
 6 |             title:i
 7 |         });
 8 |     }
 9 | 
10 |     $scope.selectedItem = $scope.items[0];
11 | 
12 |     $scope.select = function(item) {
13 |         $scope.selectedItem = item;
14 |     };
15 | }]);


--------------------------------------------------------------------------------
/partials/scope/extend.html:
--------------------------------------------------------------------------------
 1 | <div>
 2 |     <div ng-controller="OuterCtrl">
 3 |         <span>outer a1:{{a}}</span>
 4 |         <div ng-controller="InnerCtrl">
 5 |             <span>inner a1:{{a}}</span>
 6 |         </div>
 7 |     </div>
 8 | 
 9 |     <div ng-controller="OuterCtrl">
10 |         <span>outer a2:{{a}}</span>
11 |     </div>
12 | 
13 |     <div ng-controller="InnerCtrl">
14 |         <span>inner a2:{{a}}</span>
15 |     </div>
16 | </div>


--------------------------------------------------------------------------------
/partials/binding/watch.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="WatchCtrl">
 2 |     <span>{{a}}</span>
 3 |     <button ng-click="changeA()">change a</button>
 4 |     <hr/>
 5 | 
 6 |     <button ng-click="addItem()">add item</button>
 7 |     <button ng-click="changeArr()">change arr</button>
 8 |     <ul>
 9 |         <li ng-repeat="item in arr track by $index">{{item}}</li>
10 |     </ul>
11 | 
12 |     <textarea ng-model="log" class="form-control"></textarea>
13 | </div>


--------------------------------------------------------------------------------
/js/binding/simple.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("SimpleCtrl", ["$scope", function ($scope) {
 2 |     $scope.tom = {
 3 |         name: "Tom",
 4 |         gender: 1
 5 |     };
 6 | 
 7 |     $scope.formatGender = function(gender) {
 8 |         if (gender == 0)
 9 |             return "女";
10 | 
11 |         if (gender == 1)
12 |             return "男";
13 |     };
14 | 
15 |     $scope.abs = function(number) {
16 |         return Math.abs(number);
17 |     };
18 | }]);


--------------------------------------------------------------------------------
/partials/binding/sort.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="SortCtrl">
 2 |     <style>
 3 |         .data-item {
 4 |             float: left;
 5 |             width: 20px;
 6 |             background-color: #c0c0c0;
 7 |             border: 1px solid #080808;
 8 |         }
 9 |     </style>
10 |     <button ng-click="sort()">Sort</button>
11 |     <div>
12 |         <div ng-repeat="item in arr track by $index" class="data-item" ng-style="{'height': item*5+'px'}"></div>
13 |     </div>
14 | </div>


--------------------------------------------------------------------------------
/partials/binding/wave.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="WaveCtrl">
 2 |     <style>
 3 |         .wave-item {
 4 |             float: left;
 5 |             width: 1px;
 6 |             background-color: #ffab51;
 7 |         }
 8 |     </style>
 9 |     <div>
10 |         <div ng-repeat="item in staticItems track by $index" class="wave-item" ng-style="{'height': item+'px'}"></div>
11 |     </div>
12 |     <div style="clear: left">
13 |         <div ng-repeat="item in dynamicItems track by $index" class="wave-item" ng-style="{'height': item+'px'}"></div>
14 |     </div>
15 | </div>


--------------------------------------------------------------------------------
/partials/binding/simple.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="SimpleCtrl">
 2 |     <input type="text" ng-model="a"/>
 3 |     <div>{{a}}</div>
 4 |     <div ng-bind="a"></div>
 5 |     <hr/>
 6 | 
 7 |     <input type="text" ng-model="b"/>
 8 |     <input type="text" ng-model="b"/>
 9 | 
10 |     <hr/>
11 | 
12 |     <input type="number" ng-model="price"/>
13 |     <span>{{price + "（元）"}}</span>
14 | 
15 |     <hr/>
16 | 
17 |     <input type="number" ng-model="price"/>
18 |     <span>{{price}}（元）</span>
19 | 
20 |     <hr/>
21 | 
22 |     <div>{{formatGender(tom.gender)}}</div>
23 | 
24 |     <hr/>
25 | 
26 |     <div>{{abs(-1)}}</div>
27 | </div>


--------------------------------------------------------------------------------
/partials/scope/newscope.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="NewScopeCtrl">
 2 |     <div>outer: {{sum1}}</div>
 3 |     <ul>
 4 |         <li ng-repeat="item in arr track by $index">
 5 |             {{item}}
 6 |             <button ng-click="sum1=sum1+item">increase</button>
 7 |             <div>inner: {{sum1}}</div>
 8 |         </li>
 9 |     </ul>
10 | 
11 |     <div>outer: {{sum2}}</div>
12 |     <ul>
13 |         <li ng-repeat="item in arr track by $index">
14 |             {{item}}
15 |             <button ng-click="$parent.sum2=sum2+item">increase</button>
16 |             <div>inner: {{sum2}}</div>
17 |         </li>
18 |     </ul>
19 | </div>


--------------------------------------------------------------------------------
/js/binding/array.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("ArrayCtrl", ["$scope", function ($scope) {
 2 |     $scope.arr1 = [1, 2, 3];
 3 |     $scope.arr2 = [1, 1, 3];
 4 | 
 5 |     $scope.arr3 = [
 6 |         [11, 12, 13],
 7 |         [21, 22, 23],
 8 |         [31, 32, 33]
 9 |     ];
10 | 
11 |     $scope.arr4 = [{
12 |         name: "Tom",
13 |         age: 5
14 |     }, {
15 |         name: "Jerry",
16 |         age: 2
17 |     }];
18 | 
19 |     $scope.obj = {
20 |         a: 1,
21 |         b: 1,
22 |         c: 3
23 |     };
24 | 
25 |     $scope.add = function () {
26 |         $scope.arr1.push($scope.arr1.length + 1);
27 |     };
28 | }]);


--------------------------------------------------------------------------------
/partials/scope/assign.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="OuterCtrl">
 2 |     <span>outer a:{{a}}</span>
 3 |     <div ng-controller="InnerCtrl">
 4 |         <span>inner a:{{a}}</span>
 5 |         <button ng-click="a=a+1">inner a++</button>
 6 |     </div>
 7 | </div>
 8 | 
 9 | <div ng-controller="OuterCtrl">
10 |     <span>outer data.a:{{data.a}}</span>
11 |     <div ng-controller="InnerCtrl">
12 |         <span>inner data.{{data.a}}</span>
13 |         <button ng-click="data.a=data.a+1">increase a</button>
14 |     </div>
15 | </div>
16 | 
17 | <div ng-controller="OuterCtrl">
18 |     <span>outer a:{{a}}</span>
19 |     <div ng-controller="InnerCtrl">
20 |         <span>inner a:{{a}}</span>
21 |         <button ng-click="$parent.a=a+1">outer a++</button>
22 |     </div>
23 | </div>


--------------------------------------------------------------------------------
/js/binding/wave.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("WaveCtrl", ["$scope", "$timeout", function ($scope, $timeout) {
 2 |     $scope.staticItems = [];
 3 |     $scope.dynamicItems = [];
 4 | 
 5 |     for (var i = 0; i < 720; i++) {
 6 |         $scope.staticItems.push(Math.ceil(100 * (1 + Math.sin(i * Math.PI / 180))));
 7 |     }
 8 | 
 9 |     var counter = 0;
10 | 
11 |     function addItem() {
12 |         var newItem = Math.ceil(100 * (1 + Math.sin((counter++) * Math.PI / 180)));
13 | 
14 |         if ($scope.dynamicItems.length > 500) {
15 |             $scope.dynamicItems.splice(0, 1);
16 |         }
17 | 
18 |         $scope.dynamicItems.push(newItem);
19 | 
20 |         $timeout(function () {
21 |             addItem();
22 |         }, 10);
23 |     }
24 | 
25 |     addItem();
26 | }]);


--------------------------------------------------------------------------------
/js/binding/region.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("RegionCtrl", ["$scope", function($scope) {
 2 |     $scope.provinceArr = ["江苏", "云南"];
 3 |     $scope.cityArr = [];
 4 | 
 5 |     $scope.$watch("selectedProvince", function(province) {
 6 |         // 真正有用的代码在这里，实际场景中这里可以是调用后端服务查询的关联数据
 7 |         switch (province) {
 8 |             case "江苏": {
 9 |                 $scope.cityArr = ["南京", "苏州"];
10 |                 break;
11 |             }
12 |             case "云南": {
13 |                 $scope.cityArr = ["昆明", "丽江"];
14 |                 break;
15 |             }
16 |         }
17 |     });
18 | 
19 |     $scope.selectProvince = function(province) {
20 |         $scope.selectedProvince = province;
21 |     };
22 | 
23 |     $scope.selectCity = function(city) {
24 |         $scope.selectedCity = city;
25 |     };
26 | }]);


--------------------------------------------------------------------------------
/js/binding/watch.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("WatchCtrl", ["$scope", function ($scope) {
 2 |     $scope.log = "";
 3 | 
 4 |     $scope.a = 1;
 5 | 
 6 |     $scope.$watch("a", function(newValue, oldValue) {
 7 |         $scope.log += oldValue + " -> " + newValue + "\n";
 8 |     });
 9 | 
10 |     $scope.changeA = function() {
11 |         $scope.a++;;
12 |     };
13 | 
14 |     $scope.arr = [0];
15 | 
16 |     $scope.$watch("arr", function(newValue) {
17 |         $scope.log += ("change:" + newValue.join(",")) + "\n";
18 |     });
19 | 
20 |     $scope.changeArr = function() {
21 |         $scope.arr = [7, 8];
22 |     };
23 | 
24 |     $scope.$watch("arr", function(newValue) {
25 |         $scope.log += ("deep:" + newValue.join(","))+ "\n";
26 |     }, true);
27 | 
28 |     $scope.addItem = function() {
29 |         $scope.arr.push($scope.arr.length);
30 |     };
31 | }]);


--------------------------------------------------------------------------------
/js/binding/sort.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("SortCtrl", ["$scope", "$timeout", function ($scope, $timeout) {
 2 |     $scope.arr = [72, 14, 10, 63, 4, 25, 55, 2, 4, 43];
 3 | 
 4 |     $scope.sort = function () {
 5 |         if (!sort($scope.arr)) {
 6 |             $timeout(function() {
 7 |                 $scope.sort();
 8 |             }, 500);
 9 |         }
10 |     };
11 | 
12 |     function sort(array) {
13 |         // 喵的，写到这个才发现yield是多么好啊
14 |         for (var i = 0; i < array.length; i++) {
15 |             for (var j = array.length; j > 0; j--) {
16 |                 if (array[j] < array[j - 1]) {
17 |                     var temp = array[j - 1];
18 |                     array[j - 1] = array[j];
19 |                     array[j] = temp;
20 | 
21 |                     return false;
22 |                 }
23 |             }
24 |         }
25 | 
26 |         return true;
27 |     }
28 | }]);


--------------------------------------------------------------------------------
/partials/binding/region.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="RegionCtrl">
 2 |     <ul class="list-group col-md-4">
 3 |         <li ng-repeat="province in provinceArr" ng-class="{true:'list-group-item active', false: 'list-group-item'}[province==selectedProvince]" ng-click="selectProvince(province)">
 4 |             {{province}}
 5 |         </li>
 6 |     </ul>
 7 |     <ul class="list-group col-md-4">
 8 |         <li ng-repeat="city in cityArr" ng-class="{true:'list-group-item active', false: 'list-group-item'}[city==selectedCity]" ng-click="selectCity(city)">
 9 |             {{city}}
10 |         </li>
11 |     </ul>
12 |     <form class="col-md-4">
13 |         <div class="form-group">
14 |             <select class="form-control col-md-6" ng-model="selectedProvince" ng-options="province for province in provinceArr"></select>
15 |             <select class="form-control col-md-6" ng-model="selectedCity" ng-options="city for city in cityArr"></select>
16 |         </div>
17 |     </form>
18 | </div>


--------------------------------------------------------------------------------
/partials/binding/array.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="ArrayCtrl">
 2 |     <button ng-click="add()">Add Item</button>
 3 |     <ul>
 4 |         <li ng-repeat="item in arr1">{{item}}</li>
 5 |     </ul>
 6 | 
 7 |     <hr/>
 8 | 
 9 |     <ul>
10 |         <li ng-repeat="item in arr2 track by $index">{{item}}</li>
11 |     </ul>
12 | 
13 |     <hr/>
14 | 
15 |     <ul>
16 |         <li ng-repeat="childArr in arr3 track by $index">
17 |             {{$index}}
18 |             <ul>
19 |                 <li ng-repeat="item in childArr track by $index">{{item}}</li>
20 |             </ul>
21 |         </li>
22 |     </ul>
23 | 
24 |     <hr/>
25 | 
26 |     <table class="table table-bordered">
27 |         <thead>
28 |         <tr>
29 |             <th>Name</th>
30 |             <th>Age</th>
31 |         </tr>
32 |         </thead>
33 |         <tbody>
34 |         <tr ng-repeat="child in arr4">
35 |             <td>{{child.name}}</td>
36 |             <td>{{child.age}}</td>
37 |         </tr>
38 |         </tbody>
39 |     </table>
40 | 
41 |     <hr/>
42 | 
43 |     <ul>
44 |         <li ng-repeat="(key, value) in obj">{{key}}: {{value}}</li>
45 |     </ul>
46 | </div>


--------------------------------------------------------------------------------
/partials/scope/eventbus.html:
--------------------------------------------------------------------------------
 1 | <div class="col-md-12" ng-controller="Level1Ctrl" ng-class="state" ng-init="name='root'">
 2 |     <style>
 3 |         .event {
 4 |             background-color: #3074ff;
 5 |             padding: 10px;
 6 |             border: 2px solid black;
 7 |         }
 8 | 
 9 |         .normal {
10 |             background-color: darkgreen;
11 |             padding: 10px;
12 |             border: 2px solid black;
13 |         }
14 |     </style>
15 | 
16 |     <div class="col-md-12">Root</div>
17 |     <div class="col-md-6" ng-controller="Level2Ctrl" ng-class="state" ng-init="name='A'">
18 |         <div class="col-md-12">A</div>
19 |         <div class="col-md-6" ng-controller="Level3Ctrl1" ng-class="state" ng-init="name='A1'">
20 |             A1
21 |             <button class="btn btn-xs" ng-click="test()">Test</button>
22 |         </div>
23 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='A2'">
24 |             A2
25 |         </div>
26 |     </div>
27 |     <div class="col-md-6" ng-controller="Level2Ctrl" ng-class="state" ng-init="name='B'">
28 |         <div class="col-md-12">B</div>
29 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='B1'">
30 |             B1
31 |         </div>
32 |         <div class="col-md-6" ng-controller="Level3Ctrl2" ng-class="state" ng-init="name='B2'">
33 |             B2
34 |         </div>
35 |     </div>
36 | </div>


--------------------------------------------------------------------------------
/partials/scope/hierarchy.html:
--------------------------------------------------------------------------------
 1 | <div class="col-md-12" ng-controller="Level1Ctrl" ng-class="state" ng-init="name='root'">
 2 |     <style>
 3 |         .emit {
 4 |             background-color: aqua;
 5 |             padding: 10px;
 6 |             border: 2px solid black;
 7 |         }
 8 | 
 9 |         .broadcast {
10 |             background-color: coral;
11 |             padding: 10px;
12 |             border: 2px solid black;
13 |         }
14 | 
15 |         .normal {
16 |             background-color: darkgreen;
17 |             padding: 10px;
18 |             border: 2px solid black;
19 |         }
20 |     </style>
21 | 
22 |     <div class="col-md-12">Root</div>
23 |     <div class="col-md-6" ng-controller="Level2Ctrl" ng-class="state" ng-init="name='A'">
24 |         <div class="col-md-12">A</div>
25 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='A1'">
26 |             A1
27 |             <button class="btn btn-xs" ng-click="test()">Test</button>
28 |         </div>
29 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='A2'">
30 |             A2
31 |         </div>
32 |     </div>
33 |     <div class="col-md-6" ng-controller="Level2Ctrl" ng-class="state" ng-init="name='B'">
34 |         <div class="col-md-12">B</div>
35 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='B1'">
36 |             B1
37 |         </div>
38 |         <div class="col-md-6" ng-controller="Level3Ctrl" ng-class="state" ng-init="name='B2'">
39 |             B2
40 |         </div>
41 |     </div>
42 | </div>


--------------------------------------------------------------------------------
/binding.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>angularjs binding</title>
 5 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
 7 |     <link rel="stylesheet" href="css/bootstrap.min.css"/>
 8 |     <script type="text/javascript" src="libs/angular.min.js"></script>
 9 | 
10 |     <!-- build:js({.tmp,app}) scripts/binding.js -->
11 |     <script type="text/javascript" src="js/app.js"></script>
12 | 
13 |     <script type="text/javascript" src="js/binding/simple.js"></script>
14 |     <script type="text/javascript" src="js/binding/array.js"></script>
15 |     <script type="text/javascript" src="js/binding/watch.js"></script>
16 |     <script type="text/javascript" src="js/binding/list.js"></script>
17 |     <script type="text/javascript" src="js/binding/if.js"></script>
18 |     <script type="text/javascript" src="js/binding/switch.js"></script>
19 |     <script type="text/javascript" src="js/binding/region.js"></script>
20 |     <script type="text/javascript" src="js/binding/employee.js"></script>
21 |     <script type="text/javascript" src="js/binding/wave.js"></script>
22 |     <script type="text/javascript" src="js/binding/sort.js"></script>
23 |     <!-- endbuild -->
24 | 
25 | </head>
26 | <body ng-app="tutor" ng-controller="BindingCtrl">
27 | 
28 | <ul class="nav nav-tabs">
29 |     <li ng-repeat="item in items" ng-click="change(item)"
30 |         ng-class="{true:'active', false: ''}[item==selectedItem]">
31 |         <a href="javascript:void(0)">{{item.title}}</a>
32 |     </li>
33 | </ul>
34 | 
35 | <div class="tab-content container" ng-include="selectedItem.url"></div>
36 | 
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/js/scope/hierarchy.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor")
 2 |     .controller("Level1Ctrl", ["$scope", "$timeout", function($scope, $timeout) {
 3 |         $scope.state = "normal";
 4 | 
 5 |         $scope.$on("emit1-0", function(e) {
 6 |             $scope.state = "emit";
 7 | 
 8 |             $timeout(function() {
 9 |                 $scope.$broadcast("broadcast0-1", 1);
10 |             }, 3000);
11 |         });
12 |     }])
13 |     .controller("Level2Ctrl", ["$scope", "$timeout", function($scope, $timeout) {
14 |         $scope.state = "normal";
15 | 
16 |         $scope.$on("broadcast0-1", function(e) {
17 |             e.preventDefault();
18 | 
19 |             $scope.state = "broadcast";
20 | 
21 |             $timeout(function() {
22 |                 $scope.$broadcast("broadcast1-2", 1);
23 |             }, 3000);
24 |         });
25 | 
26 |         $scope.$on("emit2-1", function(e) {
27 |             e.stopPropagation();
28 | 
29 |             $scope.state = "emit";
30 | 
31 |             $timeout(function() {
32 |                 $scope.$emit("emit1-0", 1);
33 |             }, 3000);
34 | 
35 |         });
36 |     }])
37 | 
38 |     .controller("Level3Ctrl", ["$scope", "$timeout", function($scope, $timeout) {
39 |         $scope.state = "normal";
40 | 
41 |         $scope.test = function() {
42 |             $scope.state = "emit";
43 | 
44 |             $timeout(function() {
45 |                 $scope.$emit("emit2-1", 1);
46 |             }, 3000);
47 |         };
48 | 
49 |         $scope.$on("broadcast0-1", function(e) {
50 |             if (e.defaultPrevented) {
51 |                 console.log("hehe");
52 |             }
53 |         });
54 | 
55 |         $scope.$on("broadcast1-2", function(e) {
56 |             $scope.state = "broadcast";
57 |         });
58 |     }]);


--------------------------------------------------------------------------------
/js/scope/eventbus.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").factory("EventBus", function() {
 2 |     var eventMap = {};
 3 | 
 4 |     var EventBus = {
 5 |         on : function(eventType, handler) {
 6 |             //multiple event listener
 7 |             if (!eventMap[eventType]) {
 8 |                 eventMap[eventType] = [];
 9 |             }
10 |             eventMap[eventType].push(handler);
11 |         },
12 | 
13 |         off : function(eventType, handler) {
14 |             for (var i = 0; i < eventMap[eventType].length; i++) {
15 |                 if (eventMap[eventType][i] === handler) {
16 |                     eventMap[eventType].splice(i, 1);
17 |                     break;
18 |                 }
19 |             }
20 |         },
21 | 
22 |         fire : function(event) {
23 |             var eventType = event.type;
24 |             if (eventMap && eventMap[eventType]) {
25 |                 for (var i = 0; i < eventMap[eventType].length; i++) {
26 |                     eventMap[eventType][i](event);
27 |                 }
28 |             }
29 |         }
30 |     };
31 |     return EventBus;
32 | });
33 | 
34 | angular.module("tutor")
35 |     .controller("Level3Ctrl1", ["$scope", "$timeout", "EventBus", function($scope, $timeout, EventBus) {
36 |         $scope.state = "normal";
37 | 
38 |         $scope.test = function() {
39 |             $scope.state = "event";
40 | 
41 |             $timeout(function() {
42 |                 EventBus.fire({type: "notice.from.Lv3ctrl1", data:{}});
43 |             }, 3000);
44 |         };
45 |     }])
46 |     .controller("Level3Ctrl2", ["$scope", "$timeout", "EventBus", function($scope, $timeout, EventBus) {
47 |         $scope.state = "normal";
48 | 
49 |         EventBus.on("notice.from.Lv3ctrl1", function(evt) {
50 |             $scope.state = "event";
51 |         });
52 |     }]);


--------------------------------------------------------------------------------
/scope.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>angularjs scope</title>
 5 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
 7 |     <link rel="stylesheet" href="css/bootstrap.min.css"/>
 8 |     <script type="text/javascript" src="libs/angular.min.js"></script>
 9 | 
10 |     <!-- build:js({.tmp,app}) scripts/event.js -->
11 |     <script type="text/javascript" src="js/app.js"></script>
12 | 
13 |     <script type="text/javascript" src="js/scope/root.js"></script>
14 | 
15 |     <script type="text/javascript" src="js/scope/extend.js"></script>
16 |     <script type="text/javascript" src="js/scope/newscope.js"></script>
17 |     <script type="text/javascript" src="js/scope/alias.js"></script>
18 |     <script type="text/javascript" src="js/scope/hierarchy.js"></script>
19 |     <script type="text/javascript" src="js/scope/eventbus.js"></script>
20 | 
21 |     <script type="text/javascript" src="js/scope/isolate.js"></script>
22 |     <!-- endbuild -->
23 | 
24 | </head>
25 | <body ng-app="tutor">
26 | 
27 | <div class="col-md-12">
28 |     <div class="col-md-12">
29 |         <input ng-model="rootA"/>
30 |         {{rootA}}
31 |     </div>
32 | 
33 |     <div class="col-md-12" ng-controller="RootCtrl">
34 |         <textarea ng-model="log" class="form-control"></textarea>
35 |     </div>
36 | </div>
37 | 
38 | <div ng-controller="ScopeCtrl">
39 | <ul class="nav nav-tabs">
40 |     <li ng-repeat="item in items" ng-click="change(item)"
41 |         ng-class="{true:'active', false: ''}[item==selectedItem]">
42 |         <a href="javascript:void(0)">{{item.title}}</a>
43 |     </li>
44 | </ul>
45 | 
46 | <div class="tab-content container" ng-include="selectedItem.url"></div>
47 | </div>
48 | </body>
49 | </html>


--------------------------------------------------------------------------------
/js/app.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor", []);
 2 | 
 3 | angular.module("tutor").controller("BindingCtrl", ["$scope", function($scope) {
 4 |     $scope.items = [{
 5 |         title: "Simple Binding",
 6 |         url: "partials/binding/simple.html"
 7 |     }, {
 8 |         title: "Array",
 9 |         url: "partials/binding/array.html"
10 |     }, {
11 |         title: "Watch",
12 |         url: "partials/binding/watch.html"
13 |     }, {
14 |         title: "List",
15 |         url: "partials/binding/list.html"
16 |     }, {
17 |         title: "Style",
18 |         url: "partials/binding/style.html"
19 |     }, {
20 |         title: "If",
21 |         url: "partials/binding/if.html"
22 |     }, {
23 |         title: "Switch",
24 |         url: "partials/binding/switch.html"
25 |     }, {
26 |         title: "Region",
27 |         url: "partials/binding/region.html"
28 |     }, {
29 |         title: "Employee",
30 |         url: "partials/binding/employee.html"
31 |     }, {
32 |         title: "Wave",
33 |         url: "partials/binding/wave.html"
34 |     }, {
35 |         title: "Sort",
36 |         url: "partials/binding/sort.html"
37 |     }];
38 | 
39 |     $scope.selectedItem = $scope.items[0];
40 | 
41 |     $scope.change = function(item) {
42 |         $scope.selectedItem = item;
43 |     };
44 | }]);
45 | 
46 | angular.module("tutor").controller("ScopeCtrl", ["$scope", function($scope) {
47 |     $scope.items = [{
48 |         title: "extend",
49 |         url: "partials/scope/extend.html"
50 |     }, {
51 |         title: "assign",
52 |         url: "partials/scope/assign.html"
53 |     }, {
54 |         title: "alias",
55 |         url: "partials/scope/alias.html"
56 |     }, {
57 |         title: "new scope",
58 |         url: "partials/scope/newscope.html"
59 |     }, {
60 |         title: "isolate",
61 |         url: "partials/scope/isolate.html"
62 |     }, {
63 |         title: "hierarchy",
64 |         url: "partials/scope/hierarchy.html"
65 |     }, {
66 |         title: "event bus",
67 |         url: "partials/scope/eventbus.html"
68 |     }];
69 | 
70 |     $scope.selectedItem = $scope.items[0];
71 | 
72 |     $scope.change = function(item) {
73 |         $scope.selectedItem = item;
74 |     };
75 | }]);


--------------------------------------------------------------------------------
/js/binding/employee.js:
--------------------------------------------------------------------------------
 1 | angular.module("tutor").controller("EmployeeCtrl", ["$scope", function ($scope) {
 2 |     $scope.editing = false;
 3 | 
 4 |     $scope.employees = [];
 5 |     $scope.selectedEmployee = null;
 6 |     $scope.editingEmployee = {};
 7 | 
 8 |     $scope.provinceArr = ["江苏", "云南"];
 9 |     $scope.cityArr = [];
10 |     $scope.countyArr = [];
11 | 
12 |     $scope.formatGender = function (gender) {
13 |         if (gender == 0)
14 |             return "女";
15 | 
16 |         if (gender == 1)
17 |             return "男";
18 |     };
19 | 
20 |     $scope.$watch("selectedEmployee", function (employee) {
21 |         $scope.editingEmployee = employee || {};
22 |     });
23 | 
24 |     $scope.$watch("editingEmployee.province", function (province) {
25 |         // 真正有用的代码在这里，实际场景中这里可以是调用后端服务查询的关联数据
26 |         switch (province) {
27 |             case "江苏":
28 |             {
29 |                 $scope.cityArr = ["南京", "苏州"];
30 |                 break;
31 |             }
32 |             case "云南":
33 |             {
34 |                 $scope.cityArr = ["昆明", "丽江"];
35 |                 break;
36 |             }
37 |         }
38 |     });
39 | 
40 |     $scope.selectEmployee = function (employee) {
41 |         $scope.selectedEmployee = employee;
42 |     };
43 | 
44 |     $scope.create = function () {
45 |         $scope.state = "New";
46 |         $scope.editing = true;
47 | 
48 |         $scope.editingEmployee = {};
49 |     };
50 | 
51 |     $scope.modify = function () {
52 |         $scope.state = "Modify";
53 |         $scope.editing = true;
54 | 
55 |         $scope.editingEmployee = angular.extend({}, $scope.selectedEmployee);
56 |     };
57 | 
58 |     $scope.remove = function () {
59 |         if (confirm("确认删除此员工吗？")) {
60 |             for (var i = 0; i < $scope.employees.length; i++) {
61 |                 if ($scope.employees[i] == $scope.selectedEmployee) {
62 |                     $scope.employees.splice(i, 1);
63 |                     $scope.selectedEmployee = null;
64 |                     break;
65 |                 }
66 |             }
67 |         }
68 |     };
69 | 
70 |     $scope.ok = function () {
71 |         if ($scope.state === "New") {
72 |             $scope.employees.push($scope.editingEmployee);
73 |             $scope.selectedEmployee = $scope.editingEmployee;
74 |         }
75 |         else if ($scope.state === "Modify") {
76 |             $scope.selectedEmployee = angular.extend($scope.selectedEmployee, $scope.editingEmployee);
77 |         }
78 |         $scope.state = "View";
79 |         $scope.editing = false;
80 |     };
81 | 
82 |     $scope.cancel = function () {
83 |         $scope.state = "View";
84 |         $scope.editing = false;
85 | 
86 |         $scope.editingEmployee = $scope.selectedEmployee;
87 |     };
88 | 
89 |     $scope.okDisabled = function () {
90 |         if ($scope.editing && ($scope.editingEmployee.name) && ($scope.editingEmployee.name.length >= 5)) {
91 |             return false;
92 |         }
93 |         else {
94 |             return true;
95 |         }
96 |     };
97 | }]);


--------------------------------------------------------------------------------
/partials/binding/employee.html:
--------------------------------------------------------------------------------
  1 | <div class="panel panel-default ng-scope" ng-controller="EmployeeCtrl">
  2 |     <div class="panel-heading">员工列表</div>
  3 |     <div class="panel-body">
  4 |         <table class="table table-bordered table-hover">
  5 |             <thead>
  6 |             <tr>
  7 |                 <th>姓名</th>
  8 |                 <th>年龄</th>
  9 |                 <th>性别</th>
 10 |                 <th>出生地</th>
 11 |                 <th>民族</th>
 12 |             </tr>
 13 |             </thead>
 14 |             <tbody>
 15 |             <tr ng-repeat="employee in employees" ng-click="selectEmployee(employee)"
 16 |                 ng-class="{true:'info', false: ''}[employee==selectedEmployee]">
 17 |                 <td>{{employee.name}}</td>
 18 |                 <td>{{employee.age}}</td>
 19 |                 <td>{{(employee.gender == "1") ? "男" : "女"}}</td>
 20 |                 <td>{{employee.province}}省{{employee.city}}市</td>
 21 |                 <td>{{(employee.minority == "yes") ? employee.nation : "汉族"}}</td>
 22 |             </tr>
 23 |             </tbody>
 24 |         </table>
 25 | 
 26 |         <div class="panel panel-default ng-scope">
 27 |             <div class="panel-heading">员工详细信息</div>
 28 |             <div class="panel-body">
 29 |                 <form class="form-horizontal" role="form">
 30 |                     <div class="form-group">
 31 |                         <label class="col-sm-2 control-label">姓名</label>
 32 | 
 33 |                         <div class="col-sm-8">
 34 |                             <input type="text" class="form-control" placeholder="姓名" ng-model="editingEmployee.name"
 35 |                                    ng-readonly="!editing"/>
 36 |                         </div>
 37 |                     </div>
 38 |                     <div class="form-group">
 39 |                         <label class="col-sm-2 control-label">年龄</label>
 40 | 
 41 |                         <div class="col-sm-8">
 42 |                             <input type="number" class="form-control" placeholder="年龄" ng-model="editingEmployee.age"
 43 |                                    ng-readonly="!editing"/>
 44 |                         </div>
 45 |                     </div>
 46 |                     <div class="form-group">
 47 |                         <label class="col-sm-2 control-label">性别</label>
 48 | 
 49 |                         <div class="col-sm-8">
 50 |                             <label class="radio-inline">
 51 |                                 <input type="radio" name="genderRadioGroup" value="1" ng-disabled="!editing"
 52 |                                        ng-model="editingEmployee.gender"/>男
 53 |                             </label>
 54 |                             <label class="radio-inline">
 55 |                                 <input type="radio" name="genderRadioGroup" value="0" ng-disabled="!editing"
 56 |                                        ng-model="editingEmployee.gender"/>女
 57 |                             </label>
 58 |                         </div>
 59 |                     </div>
 60 |                     <div class="form-group">
 61 |                         <label class="col-sm-2 control-label">出生地</label>
 62 | 
 63 |                         <div class="col-sm-4">
 64 |                             <select class="form-control" ng-model="editingEmployee.province"
 65 |                                     ng-disabled="!editing" ng-options="province for province in provinceArr"></select>
 66 |                         </div>
 67 |                         <div class="col-sm-4">
 68 |                             <select class="form-control" ng-model="editingEmployee.city"
 69 |                                     ng-disabled="!editing" ng-options="city for city in cityArr"></select>
 70 |                         </div>
 71 |                     </div>
 72 |                     <div class="form-group">
 73 |                         <label class="col-sm-2 control-label">民族</label>
 74 | 
 75 |                         <div class="col-sm-8">
 76 |                             <label class="radio-inline">
 77 |                                 <input type="radio" name="nationRadioGroup" value="no" ng-disabled="!editing"
 78 |                                        ng-model="editingEmployee.minority"/>汉族
 79 |                             </label>
 80 |                             <label class="radio-inline">
 81 |                                 <input type="radio" name="nationRadioGroup" value="yes" ng-disabled="!editing"
 82 |                                        ng-model="editingEmployee.minority"/>少数民族
 83 |                             </label>
 84 |                             <input type="text" class="form-control" ng-show="editingEmployee.minority=='yes'"
 85 |                                    placeholder="请填写民族" ng-readonly="!editing"
 86 |                                    ng-model="editingEmployee.nation"/>
 87 |                         </div>
 88 |                     </div>
 89 |                     <div class="form-group">
 90 |                         <div class="col-sm-offset-2 col-sm-8" ng-hide="editing">
 91 |                             <button type="button" class="btn btn-default" ng-click="create()">新增</button>
 92 |                             <button type="button" class="btn btn-default" ng-click="modify()"
 93 |                                     ng-disabled="!selectedEmployee">修改
 94 |                             </button>
 95 |                             <button type="button" class="btn btn-default" ng-click="remove()"
 96 |                                     ng-disabled="!selectedEmployee">删除
 97 |                             </button>
 98 |                         </div>
 99 |                         <div class="col-sm-offset-2 col-sm-8" ng-show="editing">
100 |                             <button type="submit" class="btn btn-default" ng-click="ok()"
101 |                                     ng-disabled="okDisabled()">确定
102 |                             </button>
103 |                             <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
104 |                         </div>
105 |                     </div>
106 |                 </form>
107 |             </div>
108 |         </div>
109 |     </div>
110 | </div>


--------------------------------------------------------------------------------
/docs/02.scope.md:
--------------------------------------------------------------------------------
  1 | ## 作用域与事件
  2 | 
  3 | 学习Angular，首先要理解其作用域机制。
  4 | 
  5 | Angular应用是分层的，主要有三个层面：视图，模型，视图模型。其中，视图很好理解，就是直接可见的界面，模型就是数据，那么视图模型是什么呢？是一种把数据包装给视图调用的东西。
  6 | 
  7 | 所谓作用域，也就是视图模型中的一个概念。
  8 | 
  9 | ### 根作用域
 10 | 
 11 | 在第一章中，有这么一个很简单的数据绑定例子：
 12 | 
 13 | ```HTML
 14 | <input ng-model="rootA"/>
 15 | <div>{{rootA}}</div>
 16 | ```
 17 | 
 18 | 当时我们解释过，这个例子能够运行的的原因是，它的rootA变量被创建在根作用域上。每个Angular应用默认有一个根作用域，也就是说，如果用户未指定自己的控制器，变量就是直接挂在这个层级上的。
 19 | 
 20 | 作用域在一个Angular应用中是以树的形状体现的，根作用域位于最顶层，从它往下挂着各级作用域。每一级作用域上面挂着变量和方法，供所属的视图调用。
 21 | 
 22 | 如果想要在代码中显式使用根作用域，可以注入$rootScope。
 23 | 
 24 | 怎么证实刚才的例子中，$rootScope确实存在，而且变量真的在它上面呢？我们来写个代码：
 25 | 
 26 | ```JavaScript
 27 | function RootService($rootScope) {
 28 |     $rootScope.$watch("rootA", function(newVal) {
 29 |         alert(newVal);
 30 |     });
 31 | }
 32 | ```
 33 | 
 34 | 这时候我们可以看到，这段代码并未跟界面产生任何关系，但里面的监控表达式确实生效了，也就是说，观测到了根作用域上rootA的变更，说明有人给它赋值了。
 35 | 
 36 | ### 作用域的继承关系
 37 | 
 38 | 在开发过程中，我们可能会出现控制器的嵌套，看下面这段代码：
 39 | 
 40 | ```HTML
 41 | <div ng-controller="OuterCtrl">
 42 |     <span>{{a}}</span>
 43 |     <div ng-controller="InnerCtrl">
 44 |         <span>{{a}}</span>
 45 |     </div>
 46 | </div>
 47 | ```
 48 | 
 49 | ```JavaScript
 50 | function OuterCtrl($scope) {
 51 |     $scope.a = 1;
 52 | }
 53 | 
 54 | function InnerCtrl($scope) {
 55 | }
 56 | ```
 57 | 
 58 | 注意结果，我们可以看到界面显示了两个1，而我们只在OuterCtrl的作用域里定义了a变量，但界面给我们的结果是，两个a都有值。这里内层的a值显然来自外层，因为当我们对界面作出这样的调整之后，就只有一个了：
 59 | 
 60 | ```HTML
 61 | <div ng-controller="OuterCtrl">
 62 |     <span>{{a}}</span>
 63 | </div>
 64 | 
 65 | <div ng-controller="InnerCtrl">
 66 |     <span>{{a}}</span>
 67 | </div>
 68 | ```
 69 | 
 70 | 这是为什么呢？在Angular中，如果两个控制器所对应的视图存在上下级关系，它们的作用域就自动产生继承关系。什么意思呢？
 71 | 
 72 | 先考虑在纯JavaScript代码中，两个构造函数各自有一个实例：
 73 | 
 74 | ```JavaScript
 75 | function Outer() {
 76 |     this.a = 1;
 77 | }
 78 | 
 79 | function Inner() {
 80 | }
 81 | 
 82 | var outer = new Outer();
 83 | var inner = new Inner();
 84 | ```
 85 | 
 86 | 在这里面添加什么代码，能够让inner.a == 1呢？
 87 | 
 88 | 熟悉JavaScript原型的我们，当然毫不犹豫就加了一句：Inner.prototype = outer;
 89 | 
 90 | ```JavaScript
 91 | function Outer() {
 92 |     this.a = 1;
 93 | }
 94 | 
 95 | function Inner() {
 96 | }
 97 | 
 98 | var outer = new Outer();
 99 | Inner.prototype = outer;
100 | var inner = new Inner();
101 | ```
102 | 
103 | 于是就得到想要的结果了。
104 | 
105 | 再回到我们的例子里，Angular的实现机制其实也就是把这两个控制器中的$scope作了关联，外层的作用域实例成为了内层作用域的原型。
106 | 
107 | 以此类推，整个Angular应用的作用域，都存在自顶向下的继承关系，最顶层的是$rootScope，然后一级一级，沿着不同的控制器往下，形成了一棵作用域的树，这也就像封建社会：天子高高在上，分茅裂土，公侯伯子男，一级一级往下，层层从属。
108 | 
109 | ### 简单变量的取值与赋值
110 | 
111 | 既然作用域是通过原型来继承的，自然也就可以推论出一些特征来。比如说这段代码，点击按钮的结果是什么？
112 | 
113 | ```HTML
114 | <div ng-controller="OuterCtrl">
115 |     <span>{{a}}</span>
116 |     <div ng-controller="InnerCtrl">
117 |         <span>{{a}}</span>
118 |         <button ng-click="a=a+1">a++</button>
119 |     </div>
120 | </div>
121 | ```
122 | 
123 | ```JavaScript
124 | function OuterCtrl($scope) {
125 |     $scope.a = 1;
126 | }
127 | 
128 | function InnerCtrl($scope) {
129 | }
130 | ```
131 | 
132 | 点了按钮之后，两个a不一致了，里面的变了，外面的没变，这是为什么？原先两层不是共用一个a吗，怎么会出现两个不同的值？看这句就能明白了，相当于我们之前那个例子里，这样赋值了：
133 | 
134 | ```JavaScript
135 | function Outer() {
136 |     this.a = 1;
137 | }
138 | 
139 | function Inner() {
140 | }
141 | 
142 | var outer = new Outer();
143 | Inner.prototype = outer;
144 | var inner = new Inner();
145 | 
146 | inner.a = inner.a + 1;
147 | ```
148 | 
149 | 最后这句，很有意思，它有两个过程，取值的时候，因为inner自身上面没有，所以沿着原型往上取到了1，然后自增了之后，赋值给自己，这个赋值的时候就不同了，敬爱的林副主席教导我们：有a就赋值，没有a，创造一个a也要赋值。
150 | 
151 | 所以这么一来，inner上面就被赋值了一个新的a，outer里面的仍然保持原样，这也就导致了刚才看到的结果。
152 | 
153 | 初学者在这个问题上很容易犯错，如果不能随时很明确地认识到这些变量的差异，很容易写出有问题的程序。既然这样，我们可以用一些别的方式来减少变量的歧义。
154 | 
155 | ### 对象在上下级作用域之间的共享
156 | 
157 | 比如说，我们就是想上下级共享变量，不创建新的，该怎么办呢？
158 | 
159 | 考虑下面这个例子：
160 | 
161 | ```JavaScript
162 | function Outer() {
163 |     this.data = {
164 |         a: 1
165 |     };
166 | }
167 | 
168 | function Inner() {
169 | }
170 | 
171 | var outer = new Outer();
172 | Inner.prototype = outer;
173 | 
174 | var inner = new Inner();
175 | 
176 | console.log(outer.data.a);
177 | console.log(inner.data.a);
178 | 
179 | // 注意，这个时候会怎样？
180 | inner.data.a += 1;
181 | 
182 | console.log(outer.data.a);
183 | console.log(inner.data.a);
184 | ```
185 | 
186 | 这次的结果就跟上次不同了，原因是什么呢？因为两者的data是同一个引用，对这个对象上面的属性修改，是可以反映到两级对象上的。我们通过引入一个data对象的方式，继续使用了原先的变量。把这个代码移植到AngularJS里，就变成了下面这样：
187 | 
188 | ```HTML
189 | <div ng-controller="OuterCtrl">
190 |     <span>{{data.a}}</span>
191 |     <div ng-controller="InnerCtrl">
192 |         <span>{{data.a}}</span>
193 |         <button ng-click="data.a=data.a+1">increase a</button>
194 |     </div>
195 | </div>
196 | ```
197 | 
198 | ```JavaScript
199 | function OuterCtrl($scope) {
200 |     $scope.data = {
201 |         a: 1
202 |     };
203 | }
204 | 
205 | function InnerCtrl($scope) {
206 | }
207 | ```
208 | 
209 | 从这个例子我们就发现了，如果想要避免变量歧义，显式指定所要使用的变量会是比较好的方式，那么如果我们确实就是要在上下级分别存在相同的变量该怎么办呢，比如说下级的点击，想要给上级的a增加1，我们可以使用$parent来指定上级作用域。
210 | 
211 | ```HTML
212 | <div ng-controller="OuterCtrl">
213 |     <span>{{a}}</span>
214 |     <div ng-controller="InnerCtrl">
215 |         <span>{{a}}</span>
216 |         <button ng-click="$parent.a=a+1">increase a</button>
217 |     </div>
218 | </div>
219 | ```
220 | 
221 | ```JavaScript
222 | function OuterCtrl($scope) {
223 |     $scope.a = 1;
224 | }
225 | 
226 | function InnerCtrl($scope) {
227 | }
228 | ```
229 | 
230 | ### 控制器实例别名
231 | 
232 | 从Angular 1.2开始，引入了控制器实例的别名机制。在之前，可能都需要向控制器注入$scope，然后，控制器里面定义可绑定属性和方法都是这样：
233 | 
234 | ```JavaScript
235 | function CtrlA($scope) {
236 |     $scope.a = 1;
237 |     $scope.foo = function() {
238 |     };
239 | }
240 | ```
241 | 
242 | ```HTML
243 | <div ng-controller="CtrlA">
244 |     <div>{{a}}</div>
245 |     <button ng-click="foo()">click me</button>
246 | </div>
247 | ```
248 | 
249 | 其实$scope的注入是一个比较冗余的概念，没有必要把这种概念过分暴露给用户。在应用中出现的作用域，有的是充当视图模型，而有些则是处于隔离数据的需要，前者如ng-controller，后者如ng-repeat。在最近版本的AngularJS中，已经可以不显式注入$scope了，语法是这样：
250 | 
251 | ```JavaScript
252 | function CtrlB() {
253 |     this.a = 1;
254 |     this.foo = function() {
255 |     };
256 | }
257 | ```
258 | 
259 | 这里面，就完全没有$scope的身影了，那这个控制器怎么使用呢？
260 | 
261 | ```HTML
262 | <div ng-controller="CtrlB as instanceB">
263 |     <div>{{instanceB.a}}</div>
264 |     <button ng-click="instanceB.foo()">click me</button>
265 | </div>
266 | ```
267 | 
268 | 注意我们在引入控制器的时候，加了一个as语法，给CtrlB的实例取了一个别名叫做instanceB，这样，它下属的各级视图都可以显式使用这个名称来调用其属性和方法，不易引起歧义。
269 | 
270 | 在开发过程中，为了避免模板中的变量歧义，应当尽可能使用命名限定，比如a.b，出现歧义的可能性就比单独的b要少得多。
271 | 
272 | ### 不请自来的新作用域
273 | 
274 | 在一个应用中，最常见的会创建作用域的指令是ng-controller，这个很好理解，因为它会实例化一个新的控制器，往里面注入一个$scope，也就是一个新的作用域，所以一般人都会很自然地理解这里面的作用域隔离关系。但是对于另外一些情况，就有些困惑了，比如说，ng-repeat，怎么理解这个东西也会创建新作用域呢？
275 | 
276 | 还是看之前的例子：
277 | 
278 | ```JavaScript
279 | $scope.arr = [1, 2, 3];
280 | ```
281 | 
282 | ```HTML
283 | <ul>
284 |     <li ng-repeat="item in arr track by $index">{{item}}</li>
285 | </ul>
286 | ```
287 | 
288 | 在ng-repeat的表达式里，有一个item，我们来思考一下，这个item是个什么情况。在这里，数组中有三个元素，在循环的时候，这三个元素都叫做item，这时候就有个问题，如何区分每个不同的item，可能我们这个例子还不够直接，那改一下：
289 | 
290 | ```HTML
291 | <div>outer: {{sum1}}</div>
292 | <ul>
293 |     <li ng-repeat="item in arr track by $index">
294 |         {{item}}
295 |         <button ng-click="sum1=sum1+item">increase</button>
296 |         <div>inner: {{sum1}}</div>
297 |     </li>
298 | </ul>
299 | ```
300 | 
301 | 这个例子运行一下，我们会发现每个item都会独立改变，说明它们确实是区分开了的。事实上，Angular在这里为ng-repeat的每个子项都创建了单独的作用域，所以，每个item都存在于自己的作用域里，互不影响。有时候，我们是需要在循环内部访问外层变量的，回忆一下，在本章的前面部分中，我们举例说，如果两个控制器，它们的视图有包含关系，内层控制器的作用域可以通过$parent来访问外层控制器作用域上的变量，那么，在这种循环里，是不是也可以如此呢？
302 | 
303 | 看这个例子：
304 | 
305 | ```HTML
306 | <div>outer: {{sum2}}</div>
307 | <ul>
308 |     <li ng-repeat="item in arr track by $index">
309 |         {{item}}
310 |         <button ng-click="$parent.sum2=sum2+item">increase</button>
311 |         <div>inner: {{sum2}}</div>
312 |     </li>
313 | </ul>
314 | ```
315 | 
316 | 果然是可以的。很多时候，人们会把$parent误认为是上下两级控制器之间的访问通道，但从这个例子我们可以看到，并非如此，只是两级作用域而已，作用域跟控制器还是不同的，刚才的循环可以说是有两级作用域，但都处于同一个控制器之中。
317 | 
318 | 刚才我们已经提到了ng-controller和ng-repeat这两个常用的内置指令，两者都会创建新的作用域，除此之外，还有一些其他指令也会创建新的作用域，很多初学者在使用过程中很容易产生困扰。
319 | 
320 | 第一章我们提到用ng-show和ng-hide来控制某个界面块的整体展示和隐藏，但同样的功能其实也可以用ng-if来实现。那么这两者的差异是什么呢，所谓show和hide，大家很好理解，就是某个东西原先有，只是控制是否显式，而if的含义是，如果满足条件，就创建这块DOM，否则不创建。所以，ng-if所控制的界面块，只有条件为真的时候才会存在于DOM树中。
321 | 
322 | 除此之外，两者还有个差异，ng-show和ng-hide是不自带作用域的，而ng-if则自己创建了一级作用域。在用的时候，两者就是有差别的，比如说内部元素访问外层定义的变量，就需要使用类似ng-repeat那样的$parent语法了。
323 | 
324 | 相似的类型还有ng-switch，ng-include等等，规律可以总结，也就是那些会动态创建一块界面的东西，都是自带一级作用域。
325 | 
326 | ### “悬空”的作用域
327 | 
328 | 一般而言，在Angular工程中，基本是不需要手动创建作用域的，但真想创建的话，也是可以做到的。在任意一个已有的作用域上调用$new()，就能创建一个新的作用域：
329 | 
330 | ```JavaScript
331 | var newScope = scope.$new();
332 | ```
333 | 
334 | 刚创建出来的作用域是一个“悬空”的作用域，也就是说，它跟任何界面模板都不存在绑定关系，创建它的作用域会成为它的$parent。这种作用域可以经过$compile阶段，与某视图模板进行融合。
335 | 
336 | 为了帮助理解，我们可以用DocumentFragment作类比，当作用域被创建的时候，就好比是创建了一个DocumentFragment，它是不在DOM树上的，只有当它被append到DOM树上，才能够被当做普通的DOM来使用。
337 | 
338 | 那么，悬空的作用域是不是什么用处都没有呢？也不是，尽管它未与视图关联，但是它的一些方法仍然可以用。
339 | 
340 | 我们在第一章里提到了$watch，这就是定义在作用域原型上的。如果我们想要监控一个数据的变化，但这个数据并非绑定到界面上的，比如下面这样，怎么办？
341 | 
342 | ```JavaScript
343 | function IsolateCtrl($scope) {
344 |     var child = {
345 |         a: 1
346 |     };
347 | 
348 |     child.a++;
349 | }
350 | ```
351 | 
352 | 注意这个child，它并未绑定到$scope上，如果我们想要在a变化的时候做某些事情，是没有办法做的，因为直到最近的某些浏览器中，才实现了Object.observe这样的对象变更观测方法，之前某些浏览器中要做这些，会比较麻烦。
353 | 
354 | 但是我们的$watch和$eval之类的方法，其实都是实现在作用域对象上的，也就是说，任何一个作用域，即使没有与界面产生关联，也是能够使用这些方法的。
355 | 
356 | ```JavaScript
357 | function IsolateCtrl($scope) {
358 |     var child = $scope.$new();
359 |     child.a = 1;
360 | 
361 |     child.$watch("a", function(newValue) {
362 |         alert(newValue);
363 |     });
364 | 
365 |     $scope.change = function() {
366 |         child.a++;
367 |     };
368 | }
369 | ```
370 | 
371 | 这时候child里面a的变更就可以被观测到，并且，这个child只有本作用域可以访问到，相当于是一个增强版的数据模型。如果我们要做一个小型流程引擎之类的东西，作用域对象上提供的这些方法会很有用。
372 | 
373 | ### 作用域上的事件
374 | 
375 | 我们刚才提到使用$parent来处理上下级的通讯，但其实这不是一种好的方式，尤其是在不同控制器之间，这会增加它们的耦合，对组件复用很不利。那怎样才能更好地解耦呢？我们可以使用事件。
376 | 
377 | 提到事件，可能很多人想到的都是DOM事件，其实DOM事件只存在于上层，而且没有业务含义，如果我们想要传递一个明确的业务消息，就需要使用业务事件。这种所谓的业务事件，其实就是一种消息的传递。
378 | 
379 | 假设有如图所示的应用：
380 | 
381 | ![事件的传递](https://raw.githubusercontent.com/xufei/blog/master/assets/ng/event_flat.png)
382 | 
383 | 这张图中有一个应用，下面存在两个视图块A和B，它们分别又有两个子视图。这时候，如果子视图A1想要发出一个业务事件，使得B1和B2能够得到通知，过程就会是：
384 | 
385 | - 沿着父作用域一路往上到达双方共同的祖先作用域
386 | - 从祖先作用域一级一级往下进行广播，直到到达需要的地方
387 | 
388 | 刚才的图形体现了界面的包含关系，如果把这个图再立体化，就会是下面这样：
389 | 
390 | ![事件的传递](https://raw.githubusercontent.com/xufei/blog/master/assets/ng/event.png)
391 | 
392 | 对于这种事件的传播方式，可以有个类似的比喻：
393 | 
394 | 比如说，某军队中，1营1连1排长想要给1营2连下属的三个排发个警戒通知，他的通知方向是一级一级向上汇报，直到双方共同的上级，也就是1营指挥人员这里，然后再沿着二连这个路线向下去通知。
395 | 
396 | - 从作用域往上发送事件，使用scope.$emit
397 | 
398 | ```JavaScript
399 | $scope.$emit("someEvent", {});
400 | ```
401 | 
402 | - 从作用域往下发送事件，使用scope.$broadcast
403 | 
404 | ```JavaScript
405 | $scope.$broadcast("someEvent", {});
406 | ```
407 | 
408 | 这两个方法的第二个参数是要随事件带出的数据。
409 | 
410 | 注意，这两种方式传播事件，事件的发送方自己也会收到一份。
411 | 
412 | 使用事件的主要作用是消除模块间的耦合，发送方是不需要知道接收方的状况的，接收方也不需要知道发送方的状况，双方只需要传送必要的业务数据即可。
413 | 
414 | ### 事件的接收与阻止
415 | 
416 | 无论是$emit还是$broadcast发送的事件，都可以被接收，接收这两种事件的方式是一样的：
417 | 
418 | ```JavaScript
419 | $scope.$on("someEvent", function(e) {
420 |     // 这里从e上可以取到发送过来的数据
421 | });
422 | ```
423 | 
424 | 注意，事件被接收了，并不代表它就中止了，它仍然会沿着原来的方向继续传播，也就是：
425 | 
426 | - $emit的事件将继续向上传播
427 | - $broadcast的事件将继续向下传播
428 | 
429 | 有时候，我们希望某一级收到事件之后，就让它停下来，不再传播，可以把事件中止。这时候，两种事件的区别就体现出来了，只有$emit发出的事件是可以被中止的，$broadcast发出的不可以。
430 | 
431 | 如果想要阻止$emit事件的继续传播，可以调用事件对象的stopPropagation()方法。
432 | 
433 | ```JavaScript
434 | $scope.$on("someEvent", function(e) {
435 |     e.stopPropagation();
436 | });
437 | ```
438 | 
439 | 但是，想要阻止$broadcast事件的传播，就麻烦了，我们只能通过变通的方式：
440 | 
441 | 首先，调用事件对象的preventDefault()方法，然后，在收取这个事件对象的时候，判断它的defaultPrevented属性，如果为true，就忽略此事件。这个过程比较麻烦，其实我们一般是不需要管的，只要不监听对应的事件就可以了。在实际使用过程中，也应当尽量少使用事件的广播，尤其是从较高的层级进行广播。
442 | 
443 | *上级作用域*
444 | ```JavaScript
445 | $scope.$on("someEvent", function(e) {
446 |     e.preventDefault();
447 | });
448 | ```
449 | 
450 | *下级作用域*
451 | ```JavaScript
452 | $scope.$on("someEvent", function(e) {
453 |     if (e.defaultPrevented) {
454 |         return;
455 |     }
456 | });
457 | ```
458 | 
459 | ### 事件总线
460 | 
461 | 在Angular中，不同层级作用域之间的数据通信有多种方式，可以通过原型继承的一些特征，也可以收发事件，还可以使用服务来构造单例对象进行通信。
462 | 
463 | 前面提到的这个军队的例子，有些时候沟通效率比较低，特别是层级多的时候。想象一下，刚才这个只有三层，如果更复杂，一个排长的消息都一定要报告到军长那边再下发到其他基层主官，必定贻误军情，更何况有很多下级根本不需要知道这个消息。
464 | 那怎么办呢，难道是直接打电话沟通吗？这个效率高是高，就是容易乱，这也就相当于界面块之间的直接通过id调用。
465 | 
466 | Angular的作用域树类似于传统的组织架构树，一个大型企业，一般都会有若干层级，近年来有很多管理的方法论，比如说组织架构的扁平化。
467 | 
468 | 我们能不能这样：搞一个专门负责通讯的机构，大家的消息都发给它，然后由它发给相关人员，其他人员在理念上都是平级关系。
469 | 
470 | 这就是一个很典型的订阅发布模式，接收方在这里订阅消息，发布方在这里发布消息。这个过程可以用这样的图形来表示：
471 | 
472 | ![应用内的事件总线](https://raw.githubusercontent.com/xufei/blog/master/assets/ng/ng_event_bus.png)
473 | 
474 | 代码写起来也很简单，把它做成一个公共模块，就可以被各种业务方调用了：
475 | 
476 | ```JavaScript
477 | app.factory("EventBus", function() {
478 |     var eventMap = {};
479 | 
480 |     var EventBus = {
481 |         on : function(eventType, handler) {
482 |             //multiple event listener
483 |             if (!eventMap[eventType]) {
484 |                 eventMap[eventType] = [];
485 |             }
486 |             eventMap[eventType].push(handler);
487 |         },
488 | 
489 |         off : function(eventType, handler) {
490 |             for (var i = 0; i < eventMap[eventType].length; i++) {
491 |                 if (eventMap[eventType][i] === handler) {
492 |                     eventMap[eventType].splice(i, 1);
493 |                     break;
494 |                 }
495 |             }
496 |         },
497 | 
498 |         fire : function(event) {
499 |             var eventType = event.type;
500 |             if (eventMap && eventMap[eventType]) {
501 |                 for (var i = 0; i < eventMap[eventType].length; i++) {
502 |                     eventMap[eventType][i](event);
503 |                 }
504 |             }
505 |         }
506 |     };
507 |     return EventBus;
508 | });
509 | ```
510 | 
511 | 事件订阅代码：
512 | 
513 | ```JavaScript
514 | EventBus.on("someEvent", function(event) {
515 |     // 这里处理事件
516 |     var c = event.data.a + event.data.b;
517 | });
518 | ```
519 | 
520 | 事件发布代码：
521 | 
522 | ```JavaScript
523 | EventBus.fire({
524 |     type: "someEvent",
525 |     data: {
526 |         aaa: 1,
527 |         bbb: 2
528 |     }
529 | });
530 | ```
531 | 
532 | 注意，如果在复杂的应用中使用事件总线，需要慎重规划事件名，推荐使用业务路径，比如："portal.menu.selectedMenuChange"，以避免事件冲突。
533 | 
534 | ### 小结
535 | 
536 | 在本章，我们学习了作用域相关的知识，以及它们之间传递数据的方式。作用域在整个Angular应用中形成了一棵树，以$rootScope为根部，开枝散叶。这棵树独立于DOM而存在，又与DOM相关联。事件在整个树上传播，如蜂飞蝶舞。
537 | 
538 | 总体来说，使用AngularJS对JavaScript的基本功是有一定要求的，因为这里面大部分实现都依赖于纯JavaScript语法，比如原型继承的使用。如果对这一块有充分的认识，理解Angular的作用域就会比较容易。
539 | 
540 | 一个大型单页应用，需要对部件的整合方式和通信机制作良好的规划，为它们建立良好的秩序，这对于确保整个应用的稳定性是非常必要的。
541 | 
542 | > 首要问题不是自由，而是建立合法的公共秩序。人类可以无自由而有秩序，但不能无秩序而有自由。——缪尔·亨廷顿
543 | 
544 | 本章所涉及的所有Demo，参见[在线演示地址](https://xufei.github.io/ng-tutor/scope.html)
545 | 
546 | [代码库](https://github.com/xufei/ng-tutor)
547 | 
548 | 演讲幻灯片下载：点[这里](https://xufei.github.io/ng-tutor/slides/scope.pdf)
549 | 
550 | 


--------------------------------------------------------------------------------
/docs/01.binding.md:
--------------------------------------------------------------------------------
  1 | ## 数据绑定与监控
  2 | 
  3 | 在业务开发的过程中，我们可能会大量使用DOM操作，这个过程很繁琐，但是有了AngularJS，基本上就可以解脱了，做到这一点的关键是数据绑定。那什么是数据绑定，怎样绑定呢？本节将从多种角度，选取业务开发过程中的各种场景来举例说明。
  4 | 
  5 | ### 基于单一模型的界面同步
  6 | 
  7 | 有时候，我们会有这样的需求，界面上有个输入框，然后有另外一个地方，要把这个文本原样显示出来，如果没有数据绑定，这个代码可能很麻烦了，比如说，我们要监听输入框的各种事件，键盘按键、复制粘贴等等，然后再把取得的值写入对应位置。但是如果有数据绑定，这个事情就非常简单。
  8 | 
  9 | ```HTML
 10 | <input type="text" ng-model="a"/>
 11 | <div>{{a}}</div>
 12 | ```
 13 | 
 14 | 这么小小一段代码，就实现了我们想要的功能，是不是很可爱？这中间的关键是什么呢，就是变量a，在这里，变量a充当了数据模型的角色，输入框的数据变更会同步到模型上，然后再分发给绑定到这个模型的其他UI元素。
 15 | 
 16 | 注意，任意绑定到数据模型的输入元素，它的数据变更都会导致模型变更，比如说，我们有另外一个需求，两个输入框，我们想要在任意一个中输入的时候，另外一个的值始终跟它保持同步。如果用传统的方式，需要在两个输入框上都添加事件，但是有了数据绑定之后，这一切都很简单：
 17 | 
 18 | ```HTML
 19 | <input type="text" ng-model="b"/>
 20 | <input type="text" ng-model="b"/>
 21 | ```
 22 | 
 23 | 这样的代码就可以了，核心要素还是这个数据模型b。
 24 | 
 25 | 到目前为止的两个例子都很简单，但可能有人有问题要问，因为我们什么js都没有写，这个a跟b是哪里来的，为什么就能起作用呢？对于这个问题，我来作个类比。
 26 | 
 27 | 比如大家写js，都知道变量可以不声明就使用：
 28 | 
 29 | ```JavaScript
 30 | a = 1;
 31 | ```
 32 | 
 33 | 这时候a被赋值到哪里了呢，到了全局的window对象上，也就是说其实相当于：
 34 | 
 35 | ```JavaScript
 36 | window.a = 1;
 37 | ```
 38 | 
 39 | 在AngularJS里，变量和表达式都附着在一种叫做作用域（scope）的东西上，可以自己声明新的作用域，也可以不声明。每个Angular应用默认会有一个根作用域（$rootScope），凡是没有预先声明的东西，都会被创建到它上面去。
 40 | 
 41 | 作用域的相关概念，我们会在下一章里面讲述。在这里，我们只需要知道，如果在界面中绑定了未定义的某变量，当它被赋值的时候，就会自动创建到对应的作用域上去。
 42 | 
 43 | 前面我们在例子中提到的{{}}这种符号，称为插值表达式，这里面的内容将会被动态解析，也可以不使用这种方式来进行绑定，Angular另有一个ng-bind指令用于做这种事情：
 44 | 
 45 | ```HTML
 46 | <input ng-model="a"/>
 47 | <div>{{a}}</div>
 48 | <div ng-bind="a"></div>
 49 | ```
 50 | 
 51 | ### 对模型的二次计算
 52 | 
 53 | 嗯，有时候，实际情况没有这么简单，比如说，我们可能会需要对数据作一点处理，比如，在每个表示价格的数字后面添加一个单位：
 54 | 
 55 | ```HTML
 56 | <input type="number" ng-model="price"/>
 57 | <span>{{price + "（元）"}}</span>
 58 | ```
 59 | 
 60 | 当然我们这个例子并不好，因为，其实你可以把无关的数据都放在绑定表达式的外面，就像这样：
 61 | 
 62 | ```HTML
 63 | <input type="number" ng-model="price"/>
 64 | <span>{{price}}（元）</span>
 65 | ```
 66 | 
 67 | 那么，考虑个稍微复杂一些的。我们经常会遇到，在界面上展示性别，但是数据库里面存的是0或者1，那么，总要对它作个转换。有些比较老土的做法是这样，在模型上添加额外的字段给显示用：
 68 | 
 69 | 这是原始数据：
 70 | 
 71 | ```JavaScript
 72 | var tom = {
 73 |     name: "Tom",
 74 |     gender: 1
 75 | };
 76 | ```
 77 | 
 78 | 被他转换之后，成了这样：
 79 | 
 80 | ```JavaScript
 81 | var tom = {
 82 |     name: "Tom",
 83 |     gender: 1,
 84 |     genderText: "男"
 85 | };
 86 | ```
 87 | 
 88 | 转换函数内容如下：
 89 | 
 90 | ```JavaScript
 91 | if (person.gender == 0)
 92 |     person.genderText = "女";
 93 | 
 94 | if (person.gender == 1)
 95 |     person.genderText = "男";
 96 | ```
 97 | 
 98 | 这样的做法虽然能够达到效果，但破坏了模型的结构，我们可以做些改变：
 99 | 
100 | ```HTML
101 | <div>{{formatGender(tom.gender)}}</div>
102 | ```
103 | 
104 | ```JavaScript
105 | $scope.formatGender = function(gender) {
106 |     if (gender == 0)
107 |         return "女";
108 | 
109 |     if (gender == 1)
110 |         return "男";
111 |     }
112 | };
113 | ```
114 | 
115 | 这样我们就达到了目的。这个例子让我们发现，原来，在绑定表达式里面，是可以使用函数的。像我们这里的格式化函数，其实作用只存在于视图层，所以不会影响到真实数据模型。
116 | 
117 | 注意：这里有两个注意点。
118 | 
119 | 第一，在绑定表达式里面，只能使用自定义函数，不能使用原生函数。举个例子：
120 | 
121 | ```HTML
122 | <div>{{Math.abs(-1)}}</div>
123 | ```
124 | 
125 | 这句就是有问题的，因为Angular的插值表达式机制决定了它不能使用这样的函数，它是直接用自己的解释器去解析这个字符串的，如果确实需要调用原生函数，可以用一个自定义函数作包装，在自定义函数里面可以随意使用各种原生对象，就像这样：
126 | 
127 | ```HTML
128 | <div>{{abs(-1)}}</div>
129 | ```
130 | 
131 | ```JavaScript
132 | $scope.abs = function(number) {
133 |     return Math.abs(number);    
134 | };
135 | ```
136 | 
137 | 第二，刚才我们这个例子只是为了说明可以这么用，但不表示这是最佳方案。Angular为这类需求提供了一种叫做filter的方案，可以在插值表达式中使用管道操作符来格式化数据，这个我们后面再细看。
138 | 
139 | ### 数组与对象结构的绑定
140 | 
141 | 有时候，我们的数据并不总是这么简单，比如说，有可能会需要把一个数组的数据展示出来，这种情况下可以使用Angular的ng-repeat指令来处理，这个东西相当于一个循环，比如我们来看这段例子：
142 | 
143 | ```JavaScript
144 | $scope.arr1 = [1, 2, 3];
145 | 
146 | $scope.add = function() {
147 |     $scope.arr1.push($scope.arr1.length + 1);
148 | };
149 | ```
150 | 
151 | ```HTML
152 | <button ng-click="add()">Add Item</button>
153 | <ul>
154 |     <li ng-repeat="item in arr1">{{item}}</li>
155 | </ul>
156 | ```
157 | 
158 | 这样就可以把数组的内容展示到界面上了。数组中的数据产生变化时，也能够实时更新到界面上来。
159 | 
160 | 有时候，我们会遇到数组里有重复元素的情况，这时候，ng-repeat代码不能起作用，原因是Angular默认需要在数组中使用唯一索引，那假如我们的数据确实如此，怎么办呢？可以指定它使用序号作索引，就像这样：
161 | 
162 | ```JavaScript
163 | $scope.arr2 = [1, 1, 3];
164 | ```
165 | 
166 | ```HTML
167 | <ul>
168 |     <li ng-repeat="item in arr2 track by $index">{{item}}</li>
169 | </ul>
170 | ```
171 | 
172 | 也可以把多维数组用多层循环的方式迭代出来：
173 | 
174 | ```JavaScript
175 | $scope.arr3 = [
176 |     [11, 12, 13],
177 |     [21, 22, 23],
178 |     [31, 32, 33]
179 | ];
180 | ```
181 | 
182 | ```HTML
183 | <ul>
184 |     <li ng-repeat="childArr in arr3 track by $index">
185 |         {{$index}}
186 |         <ul>
187 |             <li ng-repeat="item in childArr track by $index">{{item}}</li>
188 |         </ul>
189 |     </li>
190 | </ul>
191 | ```
192 | 
193 | 如果是数组中的元素是对象结构，也不难，我们用个表格来展示这个数组：
194 | 
195 | ```JavaScript
196 | $scope.arr4 = [{
197 |     name: "Tom",
198 |     age: 5
199 | }, {
200 |     name: "Jerry",
201 |     age: 2
202 | }];
203 | ```
204 | 
205 | ```HTML
206 | <table class="table table-bordered">
207 |     <thead>
208 |     <tr>
209 |         <th>Name</th>
210 |         <th>Age</th>
211 |     </tr>
212 |     </thead>
213 |     <tbody>
214 |     <tr ng-repeat="child in arr4">
215 |         <td>{{child.name}}</td>
216 |         <td>{{child.age}}</td>
217 |     </tr>
218 |     </tbody>
219 | </table>
220 | ```
221 | 
222 | 有时候我们想遍历对象的属性，也可以使用ng-repeat指令：
223 | 
224 | ```JavaScript
225 | $scope.obj = {
226 |     a: 1,
227 |     b: 2,
228 |     c: 3
229 | };
230 | ```
231 | 
232 | ```HTML
233 | <ul>
234 |     <li ng-repeat="(key, value) in obj">{{key}}: {{value}}</li>
235 | </ul>
236 | ```
237 | 
238 | 注意，在ng-repeat表达式里，我们使用了一个(key, value)来描述键值关系，如果只想要值，也可以不用这么写，直接按照数组的写法即可。对象值有重复的话，不用像数组那么麻烦需要指定$index做索引，因为它是对象的key做索引，这是不会重复的。
239 | 
240 | ### 数据监控
241 | 
242 | 有时候，我们不是直接把数据绑定到界面上，而是先要赋值到其他变量上，或者针对数据的变更，作出一些逻辑的处理，这个时候就需要使用监控。
243 | 
244 | 最基本的监控很简单：
245 | 
246 | ```JavaScript
247 | $scope.a = 1;
248 | 
249 | $scope.$watch("a", function(newValue, oldValue) {
250 |     alert(oldValue + " -> " + newValue);
251 | });
252 | 
253 | $scope.changeA = function() {
254 |     $scope.a++;
255 | };
256 | ```
257 | 
258 | 对作用域上的变量添加监控之后，就可以在变更时得到通知了。如果说新赋值的变量跟原先的相同，这个监控就不会被执行。比如说刚才例子中，继续对a赋值为1，不会进入监控函数。
259 | 
260 | 以上这种方式可以监控到最直接的赋值，包括各种基本类型，以及复杂类型的引用赋值，比如说下面这个数组被重新赋值了，就可以被监控到：
261 | 
262 | ```JavaScript
263 | $scope.arr = [0];
264 | 
265 | $scope.$watch("arr", function(newValue) {
266 |     alert("change:" + newValue.join(","));
267 | });
268 | 
269 | $scope.changeArr = function() {
270 |     $scope.arr = [7, 8];
271 | };
272 | ```
273 | 
274 | 但这种监控方式只能处理引用相等的判断，对于一些更复杂的监控，需要更细致的处理。比如说，我们有可能需要监控一个数组，但并非监控它的整体赋值，而是监控其元素的变更：
275 | 
276 | ```JavaScript
277 | $scope.$watch("arr", function(newValue) {
278 |     alert("deep:" + newValue.join(","));
279 | }, true);
280 | 
281 | $scope.addItem = function() {
282 |     $scope.arr.push($scope.arr.length);
283 | };
284 | ```
285 | 
286 | 注意，这里我们在$watch函数中，添加了第三个参数，这个参数用于指示对数据的深层监控，包括数组的子元素和对象的属性等等。
287 | 
288 | ### 样式的数据绑定
289 | 
290 | 刚才我们提到的例子，都是跟数据同步、数据展示相关，但数据绑定的功能是很强大的，其应用场景取决于我们的想象力。
291 | 
292 | 不知道大家有没有遇到过这样的场景，有一个数据列表，点中其中某条，这条就改变样式变成加亮，如果用传统的方式，可能要添加一些事件，然后在其中作一些处理，但使用数据绑定，能够大幅简化代码：
293 | 
294 | ```JavaScript
295 | function ListCtrl($scope) {
296 |     $scope.items = [];
297 | 
298 |     for (var i=0; i<10; i++) {
299 |         $scope.items.push({
300 |             title:i
301 |         });
302 |     }
303 | 
304 |     $scope.selectedItem = $scope.items[0];
305 | 
306 |     $scope.select = function(item) {
307 |         $scope.selectedItem = item;
308 |     };
309 | }
310 | ```
311 | 
312 | ```HTML
313 | <ul class="list-group" ng-controller="ListCtrl">
314 |     <li ng-repeat="item in items" ng-class="{true:'list-group-item active', false: 'list-group-item'}[item==selectedItem]" ng-click="select(item)">
315 |         {{item.title}}
316 |     </li>
317 | </ul>
318 | ```
319 | 
320 | 在本例中，我们使用了一个循环来迭代数组中的元素，并且使用一个变量selectedItem用于标识选中项，然后关键点在于这个ng-class的表达式，它能够根据当前项是否为选中项，作出一个判断，生成对应的样式名。这是绑定的一个典型应用了，基于它，能把一些之前需要依赖于某些控件的功能用特别简单的方式做出来。
321 | 
322 | 除了使用ng-class，还可以使用ng-style来对样式作更细致的控制，比如：
323 | 
324 | ```HTML
325 | <input type="number" ng-model="x" ng-init="x=12"/>
326 | <div ng-style="{'font-size': x+'pt'}">
327 |     测试字体大小
328 | </div>
329 | ```
330 | 
331 | ### 状态控制
332 | 
333 | 有时候，我们除了控制普通的样式，还有可能要控制某个界面元素的显示隐藏。我们用ng-class或者ng-style当然都是可以控制元素的显示隐藏的，但Angular给我们提供了一种快捷方式，那就是ng-show和ng-hide，它们是相反的，其实只要一个就可以了，提供两个是为了写表达式的方便。
334 | 
335 | 利用数据绑定，我们可以很容易实现原有的一些显示隐藏功能。比如说，当列表项有选中的时候，某些按钮出现，当什么都没选的时候，不出现这些按钮。
336 | 
337 | 主要的代码部分还是借用上面那个列表，只添加一些相关的东西：
338 | 
339 | ```HTML
340 | <button ng-show="selectedItem">有选中项的时候可以点我</button>
341 | <button ng-hide="selectedItem">没有选中项的时候可以点我</button>
342 | ```
343 | 
344 | 把这个代码放在刚才的列表旁边，位于同一个controller下，点击列表元素，就能看到绑定状态了。
345 | 
346 | 有时候，我们也想控制按钮的可点击状态，比如刚才的例子，那两个按钮直接显示隐藏，太突兀了，我们来把它们改成启用和禁用。
347 | 
348 | ```HTML
349 | <button ng-disabled="!selectedItem">有选中项的时候可以点我</button>
350 | <button ng-disabled="selectedItem">没有选中项的时候可以点我</button>
351 | ```
352 | 
353 | 同理，如果是输入框，可以用同样的方式，使用ng-readonly来控制其只读状态。
354 | 
355 | ### 流程控制
356 | 
357 | 除了使用ng-show和ng-hide来控制元素的显示隐藏，还可以使用ng-if，但这个的含义与实现机制都大为不同。所谓的show和hide，意味着DOM元素已经存在，只是控制了是否显示，而if则起到了流程控制的作用，只有符合条件的DOM元素才会被创建，否则不创建。
358 | 
359 | 比如下面的例子：
360 | 
361 | ```JavaScript
362 | function IfCtrl($scope) {
363 |     $scope.condition = 1;
364 | 
365 |     $scope.change = function() {
366 |         $scope.condition = 2;
367 |     };
368 | }
369 | ```
370 | 
371 | ```HTML
372 | <div ng-controller="IfCtrl">
373 |     <ul>
374 |         <li ng-if="condition==1">if 1</li>
375 |         <li ng-if="condition==2">if 2</li>
376 | 
377 |         <li ng-show="condition==1">show 1</li>
378 |         <li ng-show="condition==2">show 2</li>
379 |     </ul>
380 | 
381 |     <button ng-click="change()">change</button>
382 | </div>
383 | ```
384 | 
385 | 这个例子初始的时候，创建了三个li，其中一个被隐藏（show 2），当点击按钮，condition变成2，仍然是三个li，其中，if 1没有了，if 2创建出来了，show 1隐藏了，show 2显示了。
386 | 
387 | 所以，我们现在看到的是，if的节点是动态创建的。与此类似，我们还可以使用ng-switch指令：
388 | 
389 | ```JavaScript
390 | function SwitchCtrl($scope) {
391 |     $scope.condition = "";
392 | 
393 |     $scope.a = function() {
394 |         $scope.condition = "A";
395 |     };
396 | 
397 |     $scope.b = function() {
398 |         $scope.condition = "B";
399 |     };
400 | 
401 |     $scope.c = function() {
402 |         $scope.condition = "C";
403 |     };
404 | }
405 | ```
406 | 
407 | ```HTML
408 | <div ng-controller="SwitchCtrl">
409 |     <div ng-switch="condition">
410 |         <div ng-switch-when="A">A</div>
411 |         <div ng-switch-when="B">B</div>
412 |         <div ng-switch-default>default</div>
413 |     </div>
414 |     <button ng-click="a()">A</button>
415 |     <button ng-click="b()">B</button>
416 |     <button ng-click="c()">C</button>
417 | </div>
418 | ```
419 | 
420 | 这个例子跟if基本上是一个意思，只是语法更自然些。
421 | 
422 | ### 数据联动
423 | 
424 | 在做实际业务的过程中，很容易就碰到数据联动的场景，最典型的例子是省市县的三级联动。很多前端教程或者基础面试题以此为例，综合考察其中所运用到的知识点。
425 | 
426 | 如果是用Angular做开发，很可能这个就不成其为一个考点了，因为实现起来非常容易。
427 | 
428 | 我们刚才已经实现了一个单级列表，可以借用这段代码，做两个列表，第一个的数据变动，对第二个的数据产生过滤。
429 | 
430 | ```JavaScript
431 | function RegionCtrl($scope) {
432 |     $scope.provinceArr = ["江苏", "云南"];
433 |     $scope.cityArr = [];
434 | 
435 |     $scope.$watch("selectedProvince", function(province) {
436 |         // 真正有用的代码在这里，实际场景中这里可以是调用后端服务查询的关联数据
437 |         switch (province) {
438 |             case "江苏": {
439 |                 $scope.cityArr = ["南京", "苏州"];
440 |                 break;
441 |             }
442 |             case "云南": {
443 |                 $scope.cityArr = ["昆明", "丽江"];
444 |                 break;
445 |             }
446 |         }
447 |     });
448 | 
449 |     $scope.selectProvince = function(province) {
450 |         $scope.selectedProvince = province;
451 |     };
452 | 
453 |     $scope.selectCity = function(city) {
454 |         $scope.selectedCity = city;
455 |     };
456 | }
457 | ```
458 | 
459 | ```HTML
460 | <div ng-controller="RegionCtrl">
461 |     <ul class="list-group">
462 |         <li ng-repeat="province in provinceArr" ng-class="{true:'list-group-item active', false: 'list-group-item'}[province==selectedProvince]" ng-click="selectProvince(province)">
463 |             {{province}}
464 |         </li>
465 |     </ul>
466 |     <ul class="list-group">
467 |         <li ng-repeat="city in cityArr" ng-class="{true:'list-group-item active', false: 'list-group-item'}[city==selectedCity]" ng-click="selectCity(city)">
468 |             {{city}}
469 |         </li>
470 |     </ul>
471 | </div>
472 | ```
473 | 
474 | 这段代码看起来比刚才复杂一些，其实有价值的代码就那个$watch里面的东西。这是什么意思呢？意思是，监控selectedProvince这个变量，只要它改变了，就去查询它可能造成的更新数据，然后剩下的事情就不用我们管了。
475 | 
476 | 如果是绑定到下拉框上，代码更简单，因为AngularJS专门作了这种考虑，ng-options就是这样的设置：
477 | 
478 | ```HTML
479 | <select class="form-control col-md-6" ng-model="selectedProvince" ng-options="province for province in provinceArr"></select>
480 | <select class="form-control col-md-6" ng-model="selectedCity" ng-options="city for city in cityArr"></select>
481 | ```
482 | 
483 | 从这个例子我们看到，相比于传统前端开发方式那种手动监听事件，手动更新DOM的方式，使用数据绑定做数据联动简直太容易了。如果要把这个例子改造成三级联动，只需对selectedCity也做一个监控就行了。
484 | 
485 | ### 一个综合的例子
486 | 
487 | 了解了这些细节之后，我们可以把它们结合起来做一个比较实际的综合例子。假设我们在为一家小店创建雇员的管理界面，其中包含一个雇员表格，以及一个可用于添加或编辑雇员的表单。
488 | 
489 | 雇员包含如下字段：姓名，年龄，性别，出生地，民族。其中，姓名通过输入框输入字符串，年龄通过输入框输入整数，性别通过点选单选按钮来选择，出生地用两个下拉框选择省份和城市，民族可以选择汉族和少数民族，如果选择了少数民族，可以手动输入民族名称。
490 | 
491 | 这个例子恰好能把我们刚才讲的绑定全部用到。我们先来看看有哪些绑定关系：
492 | 
493 | - 雇员表格可以选中某行，该行样式会高亮
494 | - 如果选中了某行，其详细数据将会同步到表单上
495 | - 如果点击过新增或修改按钮，当前界面处于编辑中，则表单可输入，否则表单只读
496 | - 修改和删除按钮的可点击状态，取决于表格中是否有选中的行
497 | - 出生地点的省市下拉框存在联动关系
498 | - 民族名称的输入框，其可见性取决于选择了汉族还是少数民族的单选按钮
499 | - 新增修改删除、确定取消，这两组按钮互斥，永远不同时出现，其可见性取决于当前是否正在编辑。
500 | - 确定按钮的可点击状态，取决于当前表单数据是否合法
501 | 
502 | 如果想做得精细，还有更多可以使用绑定的地方，不过上面这些已经足够我们把所有知识用一遍了。
503 | 
504 | 这个例子的代码就不贴了，可以自行查看。
505 | 
506 | ### 数据绑定的拓展运用
507 | 
508 | 现在我们学会了数据绑定，可以借助这种特性，完成一些很别致的功能。比如说，如果想在页面上用div模拟一个正弦波，只需要把波形数据生成出来，然后一个绑定就可以完成了。
509 | 
510 | ```JavaScript
511 | $scope.staticItems = [];
512 | 
513 | for (var i=0; i<720; i++) {
514 |     $scope.staticItems.push(Math.ceil(100 * (1 + Math.sin(i * Math.PI / 180))));
515 | }
516 | ```
517 | 
518 | 如果我们想让这个波形动起来，也很容易，只需要结合一个定时器，动态生成这个波形数据就可以了。为了形成滚动效果，当波形采点数目超过某个值的时候，可以把最初的点逐个拿掉，保持总的数组长度。
519 | 
520 | ```JavaScript
521 | $scope.dynamicItems = [];
522 | 
523 | var counter = 0;
524 | 
525 | function addItem() {
526 |     var newItem = Math.ceil(100 * (1 + Math.sin((counter++) * Math.PI / 180)));
527 | 
528 |     if ($scope.dynamicItems.length > 500) {
529 |         $scope.dynamicItems.splice(0, 1);
530 |     }
531 | 
532 |     $scope.dynamicItems.push(newItem);
533 | 
534 |     $timeout(function () {
535 |         addItem();
536 |     }, 10);
537 | }
538 | 
539 | addItem();
540 | ```
541 | 
542 | 这个例子对应的HTML代码如下：
543 | 
544 | ```HTML
545 | <div ng-controller="WaveCtrl">
546 |     <style>
547 |         .wave-item {
548 |             float: left;
549 |             width: 1px;
550 |             background-color: #ffab51;
551 |         }
552 |     </style>
553 |     <div>
554 |         <div ng-repeat="item in staticItems track by $index" class="wave-item" ng-style="{'height': item+'px'}"></div>
555 |     </div>
556 |     <div style="clear: left">
557 |         <div ng-repeat="item in dynamicItems track by $index" class="wave-item" ng-style="{'height': item+'px'}"></div>
558 |     </div>
559 | </div>
560 | ```
561 | 
562 | 有时候我们经常看到一些算法可视化的项目，比如把排序算法用可视化的方式展现出来，如果使用AngularJS的数据绑定，实现这种效果可谓易如反掌：
563 | 
564 | ```HTML
565 | <div ng-controller="SortCtrl">
566 |     <style>
567 |         .data-item {
568 |             float: left;
569 |             width: 20px;
570 |             background-color: #c0c0c0;
571 |             border: 1px solid #080808;
572 |         }
573 |     </style>
574 |     <button ng-click="sort()">Sort</button>
575 |     <div>
576 |         <div ng-repeat="item in arr track by $index" class="data-item" ng-style="{'height': item*5+'px'}"></div>
577 |     </div>
578 | </div>
579 | ```
580 | 
581 | ```JavaScript
582 | $scope.arr = [2, 4, 5, 63, 4, 5, 55, 2, 4, 43];
583 | 
584 | $scope.sort = function () {
585 |     if (!sort($scope.arr)) {
586 |         $timeout(function() {
587 |             $scope.sort();
588 |         }, 500);
589 |     }
590 | };
591 | 
592 | function sort(array) {
593 |     // 喵的，写到这个才发现yield是多么好啊
594 |     for (var i = 0; i < array.length; i++) {
595 |         for (var j = array.length; j > 0; j--) {
596 |             if (array[j] < array[j - 1]) {
597 |                 var temp = array[j - 1];
598 |                 array[j - 1] = array[j];
599 |                 array[j] = temp;
600 | 
601 |                 return false;
602 |             }
603 |         }
604 |     }
605 | 
606 |     return true;
607 | }
608 | ```
609 | 
610 | 看，就这么简单，一个冒泡排序算法的可视化过程就写好啦。
611 | 
612 | 甚至，AngularJS还允许我们在SVG中使用数据绑定，使用它，做一些小游戏也是很容易的，比如我写了个双人对战的象棋，这里有[演示地址](https://xufei.github.io/ng-chess/chess.html)，可以查看源码，是不是很简单？
613 | 
614 | ### 小结
615 | 
616 | 刚才我们已经看到数据绑定的各种使用场景了，这个东西带给我们的最大好处是什么呢？我们回顾一下之前写Web界面，有一部分时间在写HTML和CSS，一部分时间在写纯逻辑的JavaScript，还有很多时间在把这两者结合起来，比如各种创建或选取DOM，设置属性，添加等等，这些事情都是很机械而繁琐的，数据绑定把这个过程简化了，代码也跟着清晰了。
617 | 
618 | 数据绑定是一种思维方式，一切的核心就是数据。数据的变更导致界面的更新，如果我们想要更新界面，只需改变数据即可。
619 | 
620 | 佛曰：命由己造，相由心生，世间万物皆是化相，心不动，万物皆不动，心不变，万物皆不变。
621 | 
622 | 佛曰：种如是因，收如是果，一切唯心造。
623 | 
624 | 本章所涉及的所有Demo，参见[在线演示地址](https://xufei.github.io/ng-tutor/binding.html)
625 | 
626 | 演讲幻灯片下载：点[这里](https://xufei.github.io/ng-tutor/slides/binding.pdf)
627 | 
628 | 


--------------------------------------------------------------------------------
/css/bootstrap-theme.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.2.0 (http://getbootstrap.com)
3 |  * Copyright 2011-2014 Twitter, Inc.
4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |  */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-o-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#2b669a}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-primary:disabled,.btn-primary[disabled]{background-color:#2d6ca2;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-info:disabled,.btn-info[disabled]{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-warning:disabled,.btn-warning[disabled]{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-danger:disabled,.btn-danger[disabled]{background-color:#c12e2a;background-image:none}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-o-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#357ebd));background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f3f3f3));background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:-o-linear-gradient(top,#222 0,#282828 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#282828));background-image:linear-gradient(to bottom,#222 0,#282828 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:-o-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#3071a9));background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:-o-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#3278b3));background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);background-repeat:repeat-x;border-color:#3278b3}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-o-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#357ebd));background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}


--------------------------------------------------------------------------------
/css/bootstrap-theme.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"bootstrap-theme.css","sources":["less/theme.less","less/mixins/vendor-prefixes.less","bootstrap-theme.css","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":"AAeA;;;;;;EAME,0CAAA;EC+CA,6FAAA;EACQ,qFAAA;EC5DT;AFiBC;;;;;;;;;;;;EC0CA,0DAAA;EACQ,kDAAA;EC7CT;AFqCC;;EAEE,wBAAA;EEnCH;AFwCD;EG/CI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EA+B2C,2BAAA;EAA2B,oBAAA;EE7BvE;AFAC;;EAEE,2BAAA;EACA,8BAAA;EEEH;AFCC;;EAEE,2BAAA;EACA,uBAAA;EECH;AFEC;;EAEE,2BAAA;EACA,wBAAA;EEAH;AFeD;EGhDI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EE0BD;AFxBC;;EAEE,2BAAA;EACA,8BAAA;EE0BH;AFvBC;;EAEE,2BAAA;EACA,uBAAA;EEyBH;AFtBC;;EAEE,2BAAA;EACA,wBAAA;EEwBH;AFRD;EGjDI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EEkDD;AFhDC;;EAEE,2BAAA;EACA,8BAAA;EEkDH;AF/CC;;EAEE,2BAAA;EACA,uBAAA;EEiDH;AF9CC;;EAEE,2BAAA;EACA,wBAAA;EEgDH;AF/BD;EGlDI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EE0ED;AFxEC;;EAEE,2BAAA;EACA,8BAAA;EE0EH;AFvEC;;EAEE,2BAAA;EACA,uBAAA;EEyEH;AFtEC;;EAEE,2BAAA;EACA,wBAAA;EEwEH;AFtDD;EGnDI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EEkGD;AFhGC;;EAEE,2BAAA;EACA,8BAAA;EEkGH;AF/FC;;EAEE,2BAAA;EACA,uBAAA;EEiGH;AF9FC;;EAEE,2BAAA;EACA,wBAAA;EEgGH;AF7ED;EGpDI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EAEA,wHAAA;ECnBF,qEAAA;EJ8BA,6BAAA;EACA,uBAAA;EE0HD;AFxHC;;EAEE,2BAAA;EACA,8BAAA;EE0HH;AFvHC;;EAEE,2BAAA;EACA,uBAAA;EEyHH;AFtHC;;EAEE,2BAAA;EACA,wBAAA;EEwHH;AF7FD;;ECbE,oDAAA;EACQ,4CAAA;EC8GT;AFvFD;;EGvEI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EHsEF,2BAAA;EE6FD;AF3FD;;;EG5EI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EH4EF,2BAAA;EEiGD;AFvFD;EG1FI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ECnBF,qEAAA;EJ4GA,oBAAA;EC9CA,6FAAA;EACQ,qFAAA;EC4IT;AFlGD;EG1FI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EF2CF,0DAAA;EACQ,kDAAA;ECqJT;AF/FD;;EAEE,gDAAA;EEiGD;AF7FD;EG5GI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ECnBF,qEAAA;EFgOD;AFrGD;EG5GI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EF2CF,yDAAA;EACQ,iDAAA;EC0KT;AF9GD;;EAWI,2CAAA;EEuGH;AFlGD;;;EAGE,kBAAA;EEoGD;AF1FD;EACE,+CAAA;EC3FA,4FAAA;EACQ,oFAAA;ECwLT;AFlFD;EGtJI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EH8IF,uBAAA;EE8FD;AFzFD;EGvJI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EH8IF,uBAAA;EEsGD;AFhGD;EGxJI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EH8IF,uBAAA;EE8GD;AFvGD;EGzJI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EH8IF,uBAAA;EEsHD;AFtGD;EGlKI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ED2QH;AFnGD;EG5KI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDkRH;AFzGD;EG7KI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDyRH;AF/GD;EG9KI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDgSH;AFrHD;EG/KI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDuSH;AF3HD;EGhLI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ED8SH;AF9HD;EGnJI,+MAAA;EACA,0MAAA;EACA,uMAAA;EDoRH;AF1HD;EACE,oBAAA;EC/IA,oDAAA;EACQ,4CAAA;EC4QT;AF3HD;;;EAGE,+BAAA;EGpME,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EHkMF,uBAAA;EEiID;AFvHD;ECjKE,mDAAA;EACQ,2CAAA;EC2RT;AFjHD;EG1NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ED8UH;AFvHD;EG3NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDqVH;AF7HD;EG5NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ED4VH;AFnID;EG7NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDmWH;AFzID;EG9NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;ED0WH;AF/ID;EG/NI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EDiXH;AF9ID;EGvOI,0EAAA;EACA,qEAAA;EACA,+FAAA;EAAA,wEAAA;EACA,6BAAA;EACA,wHAAA;EHqOF,uBAAA;EC1LA,2FAAA;EACQ,mFAAA;EC+UT","sourcesContent":["\n//\n// Load core variables and mixins\n// --------------------------------------------------\n\n@import \"variables.less\";\n@import \"mixins.less\";\n\n\n\n//\n// Buttons\n// --------------------------------------------------\n\n// Common styles\n.btn-default,\n.btn-primary,\n.btn-success,\n.btn-info,\n.btn-warning,\n.btn-danger {\n  text-shadow: 0 -1px 0 rgba(0,0,0,.2);\n  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);\n  .box-shadow(@shadow);\n\n  // Reset the shadow\n  &:active,\n  &.active {\n    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n  }\n}\n\n// Mixin for generating new styles\n.btn-styles(@btn-color: #555) {\n  #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));\n  .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners\n  background-repeat: repeat-x;\n  border-color: darken(@btn-color, 14%);\n\n  &:hover,\n  &:focus  {\n    background-color: darken(@btn-color, 12%);\n    background-position: 0 -15px;\n  }\n\n  &:active,\n  &.active {\n    background-color: darken(@btn-color, 12%);\n    border-color: darken(@btn-color, 14%);\n  }\n\n  &:disabled,\n  &[disabled] {\n    background-color: darken(@btn-color, 12%);\n    background-image: none;\n  }\n}\n\n// Common styles\n.btn {\n  // Remove the gradient for the pressed/active state\n  &:active,\n  &.active {\n    background-image: none;\n  }\n}\n\n// Apply the mixin to the buttons\n.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }\n.btn-primary { .btn-styles(@btn-primary-bg); }\n.btn-success { .btn-styles(@btn-success-bg); }\n.btn-info    { .btn-styles(@btn-info-bg); }\n.btn-warning { .btn-styles(@btn-warning-bg); }\n.btn-danger  { .btn-styles(@btn-danger-bg); }\n\n\n\n//\n// Images\n// --------------------------------------------------\n\n.thumbnail,\n.img-thumbnail {\n  .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n\n\n\n//\n// Dropdowns\n// --------------------------------------------------\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n  #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));\n  background-color: darken(@dropdown-link-hover-bg, 5%);\n}\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n  #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));\n  background-color: darken(@dropdown-link-active-bg, 5%);\n}\n\n\n\n//\n// Navbar\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default {\n  #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);\n  .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered\n  border-radius: @navbar-border-radius;\n  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);\n  .box-shadow(@shadow);\n\n  .navbar-nav > .active > a {\n    #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));\n    .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));\n  }\n}\n.navbar-brand,\n.navbar-nav > li > a {\n  text-shadow: 0 1px 0 rgba(255,255,255,.25);\n}\n\n// Inverted navbar\n.navbar-inverse {\n  #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);\n  .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered\n\n  .navbar-nav > .active > a {\n    #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));\n    .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));\n  }\n\n  .navbar-brand,\n  .navbar-nav > li > a {\n    text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n  }\n}\n\n// Undo rounded corners in static and fixed navbars\n.navbar-static-top,\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n  border-radius: 0;\n}\n\n\n\n//\n// Alerts\n// --------------------------------------------------\n\n// Common styles\n.alert {\n  text-shadow: 0 1px 0 rgba(255,255,255,.2);\n  @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);\n  .box-shadow(@shadow);\n}\n\n// Mixin for generating new styles\n.alert-styles(@color) {\n  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));\n  border-color: darken(@color, 15%);\n}\n\n// Apply the mixin to the alerts\n.alert-success    { .alert-styles(@alert-success-bg); }\n.alert-info       { .alert-styles(@alert-info-bg); }\n.alert-warning    { .alert-styles(@alert-warning-bg); }\n.alert-danger     { .alert-styles(@alert-danger-bg); }\n\n\n\n//\n// Progress bars\n// --------------------------------------------------\n\n// Give the progress background some depth\n.progress {\n  #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)\n}\n\n// Mixin for generating new styles\n.progress-bar-styles(@color) {\n  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));\n}\n\n// Apply the mixin to the progress bars\n.progress-bar            { .progress-bar-styles(@progress-bar-bg); }\n.progress-bar-success    { .progress-bar-styles(@progress-bar-success-bg); }\n.progress-bar-info       { .progress-bar-styles(@progress-bar-info-bg); }\n.progress-bar-warning    { .progress-bar-styles(@progress-bar-warning-bg); }\n.progress-bar-danger     { .progress-bar-styles(@progress-bar-danger-bg); }\n\n// Reset the striped class because our mixins don't do multiple gradients and\n// the above custom styles override the new `.progress-bar-striped` in v3.2.0.\n.progress-bar-striped {\n  #gradient > .striped();\n}\n\n\n//\n// List groups\n// --------------------------------------------------\n\n.list-group {\n  border-radius: @border-radius-base;\n  .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n.list-group-item.active,\n.list-group-item.active:hover,\n.list-group-item.active:focus {\n  text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);\n  #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));\n  border-color: darken(@list-group-active-border, 7.5%);\n}\n\n\n\n//\n// Panels\n// --------------------------------------------------\n\n// Common styles\n.panel {\n  .box-shadow(0 1px 2px rgba(0,0,0,.05));\n}\n\n// Mixin for generating new styles\n.panel-heading-styles(@color) {\n  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));\n}\n\n// Apply the mixin to the panel headings only\n.panel-default > .panel-heading   { .panel-heading-styles(@panel-default-heading-bg); }\n.panel-primary > .panel-heading   { .panel-heading-styles(@panel-primary-heading-bg); }\n.panel-success > .panel-heading   { .panel-heading-styles(@panel-success-heading-bg); }\n.panel-info > .panel-heading      { .panel-heading-styles(@panel-info-heading-bg); }\n.panel-warning > .panel-heading   { .panel-heading-styles(@panel-warning-heading-bg); }\n.panel-danger > .panel-heading    { .panel-heading-styles(@panel-danger-heading-bg); }\n\n\n\n//\n// Wells\n// --------------------------------------------------\n\n.well {\n  #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);\n  border-color: darken(@well-bg, 10%);\n  @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);\n  .box-shadow(@shadow);\n}\n","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n  -webkit-animation: @animation;\n       -o-animation: @animation;\n          animation: @animation;\n}\n.animation-name(@name) {\n  -webkit-animation-name: @name;\n          animation-name: @name;\n}\n.animation-duration(@duration) {\n  -webkit-animation-duration: @duration;\n          animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n  -webkit-animation-timing-function: @timing-function;\n          animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n  -webkit-animation-delay: @delay;\n          animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n  -webkit-animation-iteration-count: @iteration-count;\n          animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n  -webkit-animation-direction: @direction;\n          animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n  -webkit-animation-fill-mode: @fill-mode;\n          animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n  -webkit-backface-visibility: @visibility;\n     -moz-backface-visibility: @visibility;\n          backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n          box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n  -webkit-box-sizing: @boxmodel;\n     -moz-box-sizing: @boxmodel;\n          box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n  -webkit-column-count: @column-count;\n     -moz-column-count: @column-count;\n          column-count: @column-count;\n  -webkit-column-gap: @column-gap;\n     -moz-column-gap: @column-gap;\n          column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n  word-wrap: break-word;\n  -webkit-hyphens: @mode;\n     -moz-hyphens: @mode;\n      -ms-hyphens: @mode; // IE10+\n       -o-hyphens: @mode;\n          hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n  &::-moz-placeholder           { color: @color;   // Firefox\n                                  opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+\n  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n  -webkit-transform: scale(@ratio);\n      -ms-transform: scale(@ratio); // IE9 only\n       -o-transform: scale(@ratio);\n          transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n  -webkit-transform: scale(@ratioX, @ratioY);\n      -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n       -o-transform: scale(@ratioX, @ratioY);\n          transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n  -webkit-transform: scaleX(@ratio);\n      -ms-transform: scaleX(@ratio); // IE9 only\n       -o-transform: scaleX(@ratio);\n          transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n  -webkit-transform: scaleY(@ratio);\n      -ms-transform: scaleY(@ratio); // IE9 only\n       -o-transform: scaleY(@ratio);\n          transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n  -webkit-transform: skewX(@x) skewY(@y);\n      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n       -o-transform: skewX(@x) skewY(@y);\n          transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n  -webkit-transform: translate(@x, @y);\n      -ms-transform: translate(@x, @y); // IE9 only\n       -o-transform: translate(@x, @y);\n          transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n  -webkit-transform: translate3d(@x, @y, @z);\n          transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n  -webkit-transform: rotate(@degrees);\n      -ms-transform: rotate(@degrees); // IE9 only\n       -o-transform: rotate(@degrees);\n          transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n  -webkit-transform: rotateX(@degrees);\n      -ms-transform: rotateX(@degrees); // IE9 only\n       -o-transform: rotateX(@degrees);\n          transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n  -webkit-transform: rotateY(@degrees);\n      -ms-transform: rotateY(@degrees); // IE9 only\n       -o-transform: rotateY(@degrees);\n          transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n  -webkit-perspective: @perspective;\n     -moz-perspective: @perspective;\n          perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n  -webkit-perspective-origin: @perspective;\n     -moz-perspective-origin: @perspective;\n          perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n  -webkit-transform-origin: @origin;\n     -moz-transform-origin: @origin;\n      -ms-transform-origin: @origin; // IE9 only\n          transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n  -webkit-transition: @transition;\n       -o-transition: @transition;\n          transition: @transition;\n}\n.transition-property(@transition-property) {\n  -webkit-transition-property: @transition-property;\n          transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n  -webkit-transition-delay: @transition-delay;\n          transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n  -webkit-transition-duration: @transition-duration;\n          transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n  -webkit-transition-timing-function: @timing-function;\n          transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n  -webkit-transition: -webkit-transform @transition;\n     -moz-transition: -moz-transform @transition;\n       -o-transition: -o-transform @transition;\n          transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n  -webkit-user-select: @select;\n     -moz-user-select: @select;\n      -ms-user-select: @select; // IE10+\n          user-select: @select;\n}\n",null,"// Gradients\n\n#gradient {\n\n  // Horizontal gradient, from left to right\n  //\n  // Creates two color stops, start and end, by specifying a color and position for each color stop.\n  // Color stops are not available in IE9 and below.\n  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n    background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n    background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12\n    background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down\n  }\n\n  // Vertical gradient, from top to bottom\n  //\n  // Creates two color stops, start and end, by specifying a color and position for each color stop.\n  // Color stops are not available in IE9 and below.\n  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Safari 5.1-6, Chrome 10+\n    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Opera 12\n    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down\n  }\n\n  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {\n    background-repeat: repeat-x;\n    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+\n    background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12\n    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n  }\n  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n    background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n  }\n  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n    background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n  }\n  .radial(@inner-color: #555; @outer-color: #333) {\n    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);\n    background-image: radial-gradient(circle, @inner-color, @outer-color);\n    background-repeat: no-repeat;\n  }\n  .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {\n    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n    background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n  }\n}\n","// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the IE filter for IE9 and below.\n\n.reset-filter() {\n  filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"));\n}\n"]}


--------------------------------------------------------------------------------
/css/bootstrap-theme.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap v3.2.0 (http://getbootstrap.com)
  3 |  * Copyright 2011-2014 Twitter, Inc.
  4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5 |  */
  6 | 
  7 | .btn-default,
  8 | .btn-primary,
  9 | .btn-success,
 10 | .btn-info,
 11 | .btn-warning,
 12 | .btn-danger {
 13 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
 14 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 15 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 16 | }
 17 | .btn-default:active,
 18 | .btn-primary:active,
 19 | .btn-success:active,
 20 | .btn-info:active,
 21 | .btn-warning:active,
 22 | .btn-danger:active,
 23 | .btn-default.active,
 24 | .btn-primary.active,
 25 | .btn-success.active,
 26 | .btn-info.active,
 27 | .btn-warning.active,
 28 | .btn-danger.active {
 29 |   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 30 |           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 31 | }
 32 | .btn:active,
 33 | .btn.active {
 34 |   background-image: none;
 35 | }
 36 | .btn-default {
 37 |   text-shadow: 0 1px 0 #fff;
 38 |   background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
 39 |   background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
 40 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
 41 |   background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
 42 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 43 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 44 |   background-repeat: repeat-x;
 45 |   border-color: #dbdbdb;
 46 |   border-color: #ccc;
 47 | }
 48 | .btn-default:hover,
 49 | .btn-default:focus {
 50 |   background-color: #e0e0e0;
 51 |   background-position: 0 -15px;
 52 | }
 53 | .btn-default:active,
 54 | .btn-default.active {
 55 |   background-color: #e0e0e0;
 56 |   border-color: #dbdbdb;
 57 | }
 58 | .btn-default:disabled,
 59 | .btn-default[disabled] {
 60 |   background-color: #e0e0e0;
 61 |   background-image: none;
 62 | }
 63 | .btn-primary {
 64 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
 65 |   background-image:      -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
 66 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
 67 |   background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
 68 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
 69 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 70 |   background-repeat: repeat-x;
 71 |   border-color: #2b669a;
 72 | }
 73 | .btn-primary:hover,
 74 | .btn-primary:focus {
 75 |   background-color: #2d6ca2;
 76 |   background-position: 0 -15px;
 77 | }
 78 | .btn-primary:active,
 79 | .btn-primary.active {
 80 |   background-color: #2d6ca2;
 81 |   border-color: #2b669a;
 82 | }
 83 | .btn-primary:disabled,
 84 | .btn-primary[disabled] {
 85 |   background-color: #2d6ca2;
 86 |   background-image: none;
 87 | }
 88 | .btn-success {
 89 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
 90 |   background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
 91 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
 92 |   background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
 93 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
 94 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 95 |   background-repeat: repeat-x;
 96 |   border-color: #3e8f3e;
 97 | }
 98 | .btn-success:hover,
 99 | .btn-success:focus {
100 |   background-color: #419641;
101 |   background-position: 0 -15px;
102 | }
103 | .btn-success:active,
104 | .btn-success.active {
105 |   background-color: #419641;
106 |   border-color: #3e8f3e;
107 | }
108 | .btn-success:disabled,
109 | .btn-success[disabled] {
110 |   background-color: #419641;
111 |   background-image: none;
112 | }
113 | .btn-info {
114 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
115 |   background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
116 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
117 |   background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
118 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
119 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
120 |   background-repeat: repeat-x;
121 |   border-color: #28a4c9;
122 | }
123 | .btn-info:hover,
124 | .btn-info:focus {
125 |   background-color: #2aabd2;
126 |   background-position: 0 -15px;
127 | }
128 | .btn-info:active,
129 | .btn-info.active {
130 |   background-color: #2aabd2;
131 |   border-color: #28a4c9;
132 | }
133 | .btn-info:disabled,
134 | .btn-info[disabled] {
135 |   background-color: #2aabd2;
136 |   background-image: none;
137 | }
138 | .btn-warning {
139 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
140 |   background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
141 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
142 |   background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
143 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
144 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
145 |   background-repeat: repeat-x;
146 |   border-color: #e38d13;
147 | }
148 | .btn-warning:hover,
149 | .btn-warning:focus {
150 |   background-color: #eb9316;
151 |   background-position: 0 -15px;
152 | }
153 | .btn-warning:active,
154 | .btn-warning.active {
155 |   background-color: #eb9316;
156 |   border-color: #e38d13;
157 | }
158 | .btn-warning:disabled,
159 | .btn-warning[disabled] {
160 |   background-color: #eb9316;
161 |   background-image: none;
162 | }
163 | .btn-danger {
164 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
165 |   background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
166 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
167 |   background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
168 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
169 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
170 |   background-repeat: repeat-x;
171 |   border-color: #b92c28;
172 | }
173 | .btn-danger:hover,
174 | .btn-danger:focus {
175 |   background-color: #c12e2a;
176 |   background-position: 0 -15px;
177 | }
178 | .btn-danger:active,
179 | .btn-danger.active {
180 |   background-color: #c12e2a;
181 |   border-color: #b92c28;
182 | }
183 | .btn-danger:disabled,
184 | .btn-danger[disabled] {
185 |   background-color: #c12e2a;
186 |   background-image: none;
187 | }
188 | .thumbnail,
189 | .img-thumbnail {
190 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
191 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
192 | }
193 | .dropdown-menu > li > a:hover,
194 | .dropdown-menu > li > a:focus {
195 |   background-color: #e8e8e8;
196 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
197 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
198 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
199 |   background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
200 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
201 |   background-repeat: repeat-x;
202 | }
203 | .dropdown-menu > .active > a,
204 | .dropdown-menu > .active > a:hover,
205 | .dropdown-menu > .active > a:focus {
206 |   background-color: #357ebd;
207 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
208 |   background-image:      -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
209 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
210 |   background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
211 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
212 |   background-repeat: repeat-x;
213 | }
214 | .navbar-default {
215 |   background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
216 |   background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
217 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
218 |   background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
219 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
220 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
221 |   background-repeat: repeat-x;
222 |   border-radius: 4px;
223 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
224 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
225 | }
226 | .navbar-default .navbar-nav > .active > a {
227 |   background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
228 |   background-image:      -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
229 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3));
230 |   background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
231 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
232 |   background-repeat: repeat-x;
233 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
234 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
235 | }
236 | .navbar-brand,
237 | .navbar-nav > li > a {
238 |   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
239 | }
240 | .navbar-inverse {
241 |   background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
242 |   background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
243 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
244 |   background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
245 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
246 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
247 |   background-repeat: repeat-x;
248 | }
249 | .navbar-inverse .navbar-nav > .active > a {
250 |   background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
251 |   background-image:      -o-linear-gradient(top, #222 0%, #282828 100%);
252 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#282828));
253 |   background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
254 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
255 |   background-repeat: repeat-x;
256 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
257 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
258 | }
259 | .navbar-inverse .navbar-brand,
260 | .navbar-inverse .navbar-nav > li > a {
261 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
262 | }
263 | .navbar-static-top,
264 | .navbar-fixed-top,
265 | .navbar-fixed-bottom {
266 |   border-radius: 0;
267 | }
268 | .alert {
269 |   text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
270 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
271 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
272 | }
273 | .alert-success {
274 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
275 |   background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
276 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
277 |   background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
278 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
279 |   background-repeat: repeat-x;
280 |   border-color: #b2dba1;
281 | }
282 | .alert-info {
283 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
284 |   background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
285 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
286 |   background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
287 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
288 |   background-repeat: repeat-x;
289 |   border-color: #9acfea;
290 | }
291 | .alert-warning {
292 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
293 |   background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
294 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
295 |   background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
296 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
297 |   background-repeat: repeat-x;
298 |   border-color: #f5e79e;
299 | }
300 | .alert-danger {
301 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
302 |   background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
303 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
304 |   background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
305 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
306 |   background-repeat: repeat-x;
307 |   border-color: #dca7a7;
308 | }
309 | .progress {
310 |   background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
311 |   background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
312 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
313 |   background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
314 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
315 |   background-repeat: repeat-x;
316 | }
317 | .progress-bar {
318 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
319 |   background-image:      -o-linear-gradient(top, #428bca 0%, #3071a9 100%);
320 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
321 |   background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
322 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
323 |   background-repeat: repeat-x;
324 | }
325 | .progress-bar-success {
326 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
327 |   background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
328 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
329 |   background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
330 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
331 |   background-repeat: repeat-x;
332 | }
333 | .progress-bar-info {
334 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
335 |   background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
336 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
337 |   background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
338 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
339 |   background-repeat: repeat-x;
340 | }
341 | .progress-bar-warning {
342 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
343 |   background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
344 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
345 |   background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
346 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
347 |   background-repeat: repeat-x;
348 | }
349 | .progress-bar-danger {
350 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
351 |   background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
352 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
353 |   background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
354 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
355 |   background-repeat: repeat-x;
356 | }
357 | .progress-bar-striped {
358 |   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
359 |   background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
360 |   background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
361 | }
362 | .list-group {
363 |   border-radius: 4px;
364 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
365 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
366 | }
367 | .list-group-item.active,
368 | .list-group-item.active:hover,
369 | .list-group-item.active:focus {
370 |   text-shadow: 0 -1px 0 #3071a9;
371 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
372 |   background-image:      -o-linear-gradient(top, #428bca 0%, #3278b3 100%);
373 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3));
374 |   background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
375 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
376 |   background-repeat: repeat-x;
377 |   border-color: #3278b3;
378 | }
379 | .panel {
380 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
381 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
382 | }
383 | .panel-default > .panel-heading {
384 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
385 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
386 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
387 |   background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
388 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
389 |   background-repeat: repeat-x;
390 | }
391 | .panel-primary > .panel-heading {
392 |   background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
393 |   background-image:      -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
394 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
395 |   background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
396 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
397 |   background-repeat: repeat-x;
398 | }
399 | .panel-success > .panel-heading {
400 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
401 |   background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
402 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
403 |   background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
404 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
405 |   background-repeat: repeat-x;
406 | }
407 | .panel-info > .panel-heading {
408 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
409 |   background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
410 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
411 |   background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
412 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
413 |   background-repeat: repeat-x;
414 | }
415 | .panel-warning > .panel-heading {
416 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
417 |   background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
418 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
419 |   background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
420 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
421 |   background-repeat: repeat-x;
422 | }
423 | .panel-danger > .panel-heading {
424 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
425 |   background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
426 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
427 |   background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
428 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
429 |   background-repeat: repeat-x;
430 | }
431 | .well {
432 |   background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
433 |   background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
434 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
435 |   background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
436 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
437 |   background-repeat: repeat-x;
438 |   border-color: #dcdcdc;
439 |   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
440 |           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
441 | }
442 | /*# sourceMappingURL=bootstrap-theme.css.map */
443 | 


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <svg xmlns="http://www.w3.org/2000/svg">
  4 | <metadata></metadata>
  5 | <defs>
  6 | <font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
  7 | <font-face units-per-em="1200" ascent="960" descent="-240" />
  8 | <missing-glyph horiz-adv-x="500" />
  9 | <glyph />
 10 | <glyph />
 11 | <glyph unicode="&#xd;" />
 12 | <glyph unicode=" " />
 13 | <glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" />
 14 | <glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" />
 15 | <glyph unicode="&#xa0;" />
 16 | <glyph unicode="&#x2000;" horiz-adv-x="652" />
 17 | <glyph unicode="&#x2001;" horiz-adv-x="1304" />
 18 | <glyph unicode="&#x2002;" horiz-adv-x="652" />
 19 | <glyph unicode="&#x2003;" horiz-adv-x="1304" />
 20 | <glyph unicode="&#x2004;" horiz-adv-x="434" />
 21 | <glyph unicode="&#x2005;" horiz-adv-x="326" />
 22 | <glyph unicode="&#x2006;" horiz-adv-x="217" />
 23 | <glyph unicode="&#x2007;" horiz-adv-x="217" />
 24 | <glyph unicode="&#x2008;" horiz-adv-x="163" />
 25 | <glyph unicode="&#x2009;" horiz-adv-x="260" />
 26 | <glyph unicode="&#x200a;" horiz-adv-x="72" />
 27 | <glyph unicode="&#x202f;" horiz-adv-x="260" />
 28 | <glyph unicode="&#x205f;" horiz-adv-x="326" />
 29 | <glyph unicode="&#x20ac;" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" />
 30 | <glyph unicode="&#x2212;" d="M200 400h900v300h-900v-300z" />
 31 | <glyph unicode="&#x25fc;" horiz-adv-x="500" d="M0 0z" />
 32 | <glyph unicode="&#x2601;" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" />
 33 | <glyph unicode="&#x2709;" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" />
 34 | <glyph unicode="&#x270f;" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" />
 35 | <glyph unicode="&#xe001;" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" />
 36 | <glyph unicode="&#xe002;" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q18 -55 86 -75.5t147 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" />
 37 | <glyph unicode="&#xe003;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
 38 | <glyph unicode="&#xe005;" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" />
 39 | <glyph unicode="&#xe006;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" />
 40 | <glyph unicode="&#xe007;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" />
 41 | <glyph unicode="&#xe008;" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" />
 42 | <glyph unicode="&#xe009;" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" />
 43 | <glyph unicode="&#xe010;" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" />
 44 | <glyph unicode="&#xe011;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" />
 45 | <glyph unicode="&#xe012;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" />
 46 | <glyph unicode="&#xe013;" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" />
 47 | <glyph unicode="&#xe014;" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" />
 48 | <glyph unicode="&#xe015;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" />
 49 | <glyph unicode="&#xe016;" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" />
 50 | <glyph unicode="&#xe017;" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" />
 51 | <glyph unicode="&#xe018;" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" />
 52 | <glyph unicode="&#xe019;" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" />
 53 | <glyph unicode="&#xe020;" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
 54 | <glyph unicode="&#xe021;" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" />
 55 | <glyph unicode="&#xe022;" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" />
 56 | <glyph unicode="&#xe023;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" />
 57 | <glyph unicode="&#xe024;" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" />
 58 | <glyph unicode="&#xe025;" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" />
 59 | <glyph unicode="&#xe026;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" />
 60 | <glyph unicode="&#xe027;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" />
 61 | <glyph unicode="&#xe028;" d="M0 25v475l200 700h800l199 -700l1 -475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" />
 62 | <glyph unicode="&#xe029;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" />
 63 | <glyph unicode="&#xe030;" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" />
 64 | <glyph unicode="&#xe031;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" />
 65 | <glyph unicode="&#xe032;" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" />
 66 | <glyph unicode="&#xe033;" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
 67 | <glyph unicode="&#xe034;" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" />
 68 | <glyph unicode="&#xe035;" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" />
 69 | <glyph unicode="&#xe036;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" />
 70 | <glyph unicode="&#xe037;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
 71 | <glyph unicode="&#xe038;" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" />
 72 | <glyph unicode="&#xe039;" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" />
 73 | <glyph unicode="&#xe040;" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" />
 74 | <glyph unicode="&#xe041;" d="M0 700l1 475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" />
 75 | <glyph unicode="&#xe042;" d="M1 700l1 475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" />
 76 | <glyph unicode="&#xe043;" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" />
 77 | <glyph unicode="&#xe044;" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
 78 | <glyph unicode="&#xe045;" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" />
 79 | <glyph unicode="&#xe046;" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" />
 80 | <glyph unicode="&#xe047;" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" />
 81 | <glyph unicode="&#xe048;" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v71l471 -1q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" />
 82 | <glyph unicode="&#xe049;" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" />
 83 | <glyph unicode="&#xe050;" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " />
 84 | <glyph unicode="&#xe051;" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" />
 85 | <glyph unicode="&#xe052;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
 86 | <glyph unicode="&#xe053;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
 87 | <glyph unicode="&#xe054;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" />
 88 | <glyph unicode="&#xe055;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
 89 | <glyph unicode="&#xe056;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
 90 | <glyph unicode="&#xe057;" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" />
 91 | <glyph unicode="&#xe058;" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" />
 92 | <glyph unicode="&#xe059;" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" />
 93 | <glyph unicode="&#xe060;" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " />
 94 | <glyph unicode="&#xe062;" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" />
 95 | <glyph unicode="&#xe063;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" />
 96 | <glyph unicode="&#xe064;" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 139t-64 210zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" />
 97 | <glyph unicode="&#xe065;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" />
 98 | <glyph unicode="&#xe066;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" />
 99 | <glyph unicode="&#xe067;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q61 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l567 567l-137 137l-430 -431l-146 147z" />
100 | <glyph unicode="&#xe068;" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" />
101 | <glyph unicode="&#xe069;" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
102 | <glyph unicode="&#xe070;" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
103 | <glyph unicode="&#xe071;" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" />
104 | <glyph unicode="&#xe072;" d="M200 0l900 550l-900 550v-1100z" />
105 | <glyph unicode="&#xe073;" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
106 | <glyph unicode="&#xe074;" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
107 | <glyph unicode="&#xe075;" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" />
108 | <glyph unicode="&#xe076;" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" />
109 | <glyph unicode="&#xe077;" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" />
110 | <glyph unicode="&#xe078;" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" />
111 | <glyph unicode="&#xe079;" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" />
112 | <glyph unicode="&#xe080;" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" />
113 | <glyph unicode="&#xe081;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" />
114 | <glyph unicode="&#xe082;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h600v200h-600v-200z" />
115 | <glyph unicode="&#xe083;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141 z" />
116 | <glyph unicode="&#xe084;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" />
117 | <glyph unicode="&#xe085;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM364 700h143q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5 q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-50 0 -90.5 -12t-75 -38.5t-53.5 -74.5t-19 -114zM500 300h200v100h-200 v-100z" />
118 | <glyph unicode="&#xe086;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" />
119 | <glyph unicode="&#xe087;" d="M0 500v200h195q31 125 98.5 199.5t206.5 100.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200v-206 q149 48 201 206h-201v200h200q-25 74 -75.5 127t-124.5 77v-204h-200v203q-75 -23 -130 -77t-79 -126h209v-200h-210z" />
120 | <glyph unicode="&#xe088;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" />
121 | <glyph unicode="&#xe089;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" />
122 | <glyph unicode="&#xe090;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" />
123 | <glyph unicode="&#xe091;" d="M0 547l600 453v-300h600v-300h-600v-301z" />
124 | <glyph unicode="&#xe092;" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" />
125 | <glyph unicode="&#xe093;" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" />
126 | <glyph unicode="&#xe094;" d="M104 600h296v600h300v-600h298l-449 -600z" />
127 | <glyph unicode="&#xe095;" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" />
128 | <glyph unicode="&#xe096;" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" />
129 | <glyph unicode="&#xe097;" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" />
130 | <glyph unicode="&#xe101;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5h-207q-21 0 -33 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" />
131 | <glyph unicode="&#xe102;" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111q1 1 1 6.5t-1.5 15t-3.5 17.5l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6 h-111v-100zM100 0h400v400h-400v-400zM200 900q-3 0 14 48t36 96l18 47l213 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" />
132 | <glyph unicode="&#xe103;" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" />
133 | <glyph unicode="&#xe104;" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" />
134 | <glyph unicode="&#xe105;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" />
135 | <glyph unicode="&#xe106;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" />
136 | <glyph unicode="&#xe107;" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 34 -48 36.5t-48 -29.5l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" />
137 | <glyph unicode="&#xe108;" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -20 -13 -28.5t-32 0.5l-94 78h-222l-94 -78q-19 -9 -32 -0.5t-13 28.5 v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" />
138 | <glyph unicode="&#xe109;" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" />
139 | <glyph unicode="&#xe110;" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" />
140 | <glyph unicode="&#xe111;" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" />
141 | <glyph unicode="&#xe112;" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" />
142 | <glyph unicode="&#xe113;" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" />
143 | <glyph unicode="&#xe114;" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" />
144 | <glyph unicode="&#xe115;" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" />
145 | <glyph unicode="&#xe116;" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" />
146 | <glyph unicode="&#xe117;" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" />
147 | <glyph unicode="&#xe118;" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" />
148 | <glyph unicode="&#xe119;" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
149 | <glyph unicode="&#xe120;" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" />
150 | <glyph unicode="&#xe121;" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" />
151 | <glyph unicode="&#xe122;" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM100 500v250v8v8v7t0.5 7t1.5 5.5t2 5t3 4t4.5 3.5t6 1.5t7.5 0.5h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35 q-55 337 -55 351zM1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" />
152 | <glyph unicode="&#xe123;" d="M74 350q0 21 13.5 35.5t33.5 14.5h18l117 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5q-18 -36 -18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-8 -3 -23 -8.5 t-65 -20t-103 -25t-132.5 -19.5t-158.5 -9q-125 0 -245.5 20.5t-178.5 40.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" />
153 | <glyph unicode="&#xe124;" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" />
154 | <glyph unicode="&#xe125;" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q124 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 213l100 212h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" />
155 | <glyph unicode="&#xe126;" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q124 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" />
156 | <glyph unicode="&#xe127;" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" />
157 | <glyph unicode="&#xe128;" d="M-101 651q0 72 54 110t139 38l302 -1l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 17 -10.5t26.5 -26t16.5 -36.5v-526q0 -13 -86 -93.5t-94 -80.5h-341q-16 0 -29.5 20t-19.5 41l-130 339h-107q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l107 89v502l-343 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM1000 201v600h200v-600h-200z" />
158 | <glyph unicode="&#xe129;" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6.5v7.5v6.5v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" />
159 | <glyph unicode="&#xe130;" d="M2 585q-16 -31 6 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85q0 -51 -0.5 -153.5t-0.5 -148.5q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM77 565l236 339h503 l89 -100v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" />
160 | <glyph unicode="&#xe131;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM298 701l2 -201h300l-2 -194l402 294l-402 298v-197h-300z" />
161 | <glyph unicode="&#xe132;" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l402 -294l-2 194h300l2 201h-300v197z" />
162 | <glyph unicode="&#xe133;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" />
163 | <glyph unicode="&#xe134;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" />
164 | <glyph unicode="&#xe135;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60 q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q104 -3 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5 t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5 q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 39 2 44q31 -13 58 -14.5t39 3.5l11 4q7 36 -16.5 53.5t-64.5 28.5t-56 23q-19 -3 -37 0 q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5zM518 916q3 12 16 30t16 25q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -24 17 -66.5t17 -43.5 q-9 2 -31 5t-36 5t-32 8t-30 14zM692 1003h1h-1z" />
165 | <glyph unicode="&#xe136;" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" />
166 | <glyph unicode="&#xe137;" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" />
167 | <glyph unicode="&#xe138;" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
168 | <glyph unicode="&#xe139;" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" />
169 | <glyph unicode="&#xe140;" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" />
170 | <glyph unicode="&#xe141;" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM514 609q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" />
171 | <glyph unicode="&#xe142;" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -78.5 -16.5t-67.5 -51.5l-389 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23 q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60 l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" />
172 | <glyph unicode="&#xe143;" d="M80 784q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100q-71 70 -104.5 105.5t-77 89.5t-61 99 t-17.5 91zM250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-105 48.5q-74 0 -132 -83l-118 -171l-114 174q-51 80 -123 80q-60 0 -109.5 -49.5t-49.5 -118.5z" />
173 | <glyph unicode="&#xe144;" d="M57 353q0 -95 66 -159l141 -142q68 -66 159 -66q93 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-8 9 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141q7 -7 19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -17q47 -49 77 -100l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" />
174 | <glyph unicode="&#xe145;" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" />
175 | <glyph unicode="&#xe146;" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" />
176 | <glyph unicode="&#xe148;" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335q-6 1 -15.5 4t-11.5 3q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5 v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5 zM700 237q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" />
177 | <glyph unicode="&#xe149;" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -28 16.5 -69.5t28 -62.5t41.5 -72h241v-100h-197q8 -50 -2.5 -115 t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q33 1 103 -16t103 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221z" />
178 | <glyph unicode="&#xe150;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" />
179 | <glyph unicode="&#xe151;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" />
180 | <glyph unicode="&#xe152;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" />
181 | <glyph unicode="&#xe153;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" />
182 | <glyph unicode="&#xe154;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" />
183 | <glyph unicode="&#xe155;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" />
184 | <glyph unicode="&#xe156;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" />
185 | <glyph unicode="&#xe157;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" />
186 | <glyph unicode="&#xe158;" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" />
187 | <glyph unicode="&#xe159;" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" />
188 | <glyph unicode="&#xe160;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" />
189 | <glyph unicode="&#xe161;" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" />
190 | <glyph unicode="&#xe162;" d="M217 519q8 -19 31 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8h9q14 0 26 15q11 13 274.5 321.5t264.5 308.5q14 19 5 36q-8 17 -31 17l-301 -1q1 4 78 219.5t79 227.5q2 15 -5 27l-9 9h-9q-15 0 -25 -16q-4 -6 -98 -111.5t-228.5 -257t-209.5 -237.5q-16 -19 -6 -41 z" />
191 | <glyph unicode="&#xe163;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " />
192 | <glyph unicode="&#xe164;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" />
193 | <glyph unicode="&#xe165;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" />
194 | <glyph unicode="&#xe166;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" />
195 | <glyph unicode="&#xe167;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" />
196 | <glyph unicode="&#xe168;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" />
197 | <glyph unicode="&#xe169;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 400l697 1l3 699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" />
198 | <glyph unicode="&#xe170;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l249 -237l-1 697zM900 150h100v50h-100v-50z" />
199 | <glyph unicode="&#xe171;" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" />
200 | <glyph unicode="&#xe172;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" />
201 | <glyph unicode="&#xe173;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" />
202 | <glyph unicode="&#xe174;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" />
203 | <glyph unicode="&#xe175;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" />
204 | <glyph unicode="&#xe176;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" />
205 | <glyph unicode="&#xe177;" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" />
206 | <glyph unicode="&#xe178;" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" />
207 | <glyph unicode="&#xe179;" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -116q-25 -17 -43.5 -51.5t-18.5 -65.5v-359z" />
208 | <glyph unicode="&#xe180;" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" />
209 | <glyph unicode="&#xe181;" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" />
210 | <glyph unicode="&#xe182;" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q17 18 13.5 41t-22.5 37l-192 136q-19 14 -45 12t-42 -19l-118 -118q-142 101 -268 227t-227 268l118 118q17 17 20 41.5t-11 44.5 l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" />
211 | <glyph unicode="&#xe183;" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-20 0 -35 14.5t-15 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" />
212 | <glyph unicode="&#xe184;" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" />
213 | <glyph unicode="&#xe185;" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" />
214 | <glyph unicode="&#xe186;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
215 | <glyph unicode="&#xe187;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
216 | <glyph unicode="&#xe188;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" />
217 | <glyph unicode="&#xe189;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" />
218 | <glyph unicode="&#xe190;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" />
219 | <glyph unicode="&#xe191;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
220 | <glyph unicode="&#xe192;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
221 | <glyph unicode="&#xe193;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" />
222 | <glyph unicode="&#xe194;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" />
223 | <glyph unicode="&#xe195;" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" />
224 | <glyph unicode="&#xe197;" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300h200 l-300 -300z" />
225 | <glyph unicode="&#xe198;" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104.5t60.5 178.5q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" />
226 | <glyph unicode="&#xe199;" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" />
227 | <glyph unicode="&#xe200;" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -11.5t1 -11.5q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" />
228 | </font>
229 | </defs></svg> 


--------------------------------------------------------------------------------