diff --git a/.gitignore b/.gitignore
index 152c86c..510ca4a 100755
--- a/.gitignore
+++ b/.gitignore
@@ -25,7 +25,7 @@ Vagrantfile
 *.mmdb
 
 # Generated fonts
-vj4/ui/misc/.iconfont
+# vj4/ui/misc/.iconfont
 
 # Generated constants
 vj4/constant
diff --git a/README.md b/README.md
index d172fa2..01379a6 100644
--- a/README.md
+++ b/README.md
@@ -94,8 +94,6 @@ to resolve this.
 
 To enable IP geo-location translation, you need to follow the instruction on [MaxMind GeoLite2](http://dev.maxmind.com/geoip/geoip2/geolite2/) to obtain a GeoLite2 City Database, unzip it, and put it in the project root directory with the filename `GeoLite2-City.mmdb`.
 
-本仓库自带了一个GeoLite2-City.mmdb
-
 You may also want to install [libmaxminddb](https://github.com/maxmind/libmaxminddb/blob/master/README.md) for higher performance.
 
 ## Development
@@ -185,9 +183,3 @@ No commercial use, except get permission from us.
 * [Jinja2 Documentation](http://jinja.pocoo.org/docs/)
 * [Motor: Asynchronous Python driver for MongoDB](http://motor.readthedocs.org/en/stable/)
 * [Webpack Module Bundler](https://webpack.js.org/)
-
-## GeoLite2 License
-
-- Database and Contents Copyright (c) [MaxMind](https://www.maxmind.com/), Inc.
-- [GeoLite2 End User License Agreement](https://www.maxmind.com/en/geolite2/eula)
-- [Creative Commons Corporation Attribution-ShareAlike 4.0 International License (the "Creative Commons License")](https://creativecommons.org/licenses/by-sa/4.0/)
\ No newline at end of file
diff --git a/vj4/ui/misc/.iconfont/vj4icon.eot b/vj4/ui/misc/.iconfont/vj4icon.eot
new file mode 100755
index 0000000..0d36787
Binary files /dev/null and b/vj4/ui/misc/.iconfont/vj4icon.eot differ
diff --git a/vj4/ui/misc/.iconfont/vj4icon.svg b/vj4/ui/misc/.iconfont/vj4icon.svg
new file mode 100755
index 0000000..4f30467
--- /dev/null
+++ b/vj4/ui/misc/.iconfont/vj4icon.svg
@@ -0,0 +1,282 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="vj4icon" horiz-adv-x="1000">
+    <font-face font-family="vj4icon"
+      units-per-em="1000" ascent="937.5"
+      descent="62.5" />
+    <missing-glyph horiz-adv-x="0" />
+    <glyph glyph-name="account--circle"
+      unicode="&#xEA01;"
+      horiz-adv-x="1000" d="M500 137.5C396 137.5 304 190.5 250 270.5C251 354.5 417 400.5 500 400.5S749 354.5 750 270.5C696 190.5 604 137.5 500 137.5M500 729.5C569 729.5 625 673.5 625 604.5S569 479.5 500 479.5S375 535.5 375 604.5S431 729.5 500 729.5M500 854.5C270 854.5 83 667.5 83 437.5S270 20.5 500 20.5S917 207.5 917 437.5S729 854.5 500 854.5z" />
+    <glyph glyph-name="add"
+      unicode="&#xEA02;"
+      horiz-adv-x="1000" d="M813 375.5H563V125.5H438V375.5H188V500.5H438V750.5H563V500.5H813V375.5z" />
+    <glyph glyph-name="award"
+      unicode="&#xEA03;"
+      horiz-adv-x="1000" d="M813 750.5V875.5H188V750.5H0V625.5C0 521.5 84 437.5 188 437.5C207 437.5 226 440.5 244 446.5C289 381.5 358 335.5 438 318.5V125.5H375C306 125.5 250 68.5 250 -0.5H750C750 68.5 694 125.5 625 125.5H563V318.5C642 335.5 711 381.5 756 446.5C774 440.5 793 437.5 813 437.5C916 437.5 1000 521.5 1000 625.5V750.5H813zM188 511.5C125 511.5 74 562.5 74 625.5V687.5H188V625.5C188 585.5 195 548.5 208 513.5C201 512.5 195 511.5 188 511.5zM926 625.5C926 562.5 875 511.5 813 511.5C806 511.5 799 512.5 792 513.5C805 548.5 813 585.5 813 625.5V687.5H926V625.5z" />
+    <glyph glyph-name="block"
+      unicode="&#xEA04;"
+      horiz-adv-x="1000" d="M500 104.5C592 104.5 671 137.5 738 204.5S838 350.5 838 441.5C838 520.5 813 587.5 767 645.5L296 175.5C354 125.5 421 104.5 500 104.5zM167 437.5C167 358.5 192 291.5 238 233.5L708 704.5C650 749.5 579 774.5 504 774.5C412 774.5 333 741.5 267 674.5S167 529.5 167 437.5zM500 854.5C617 854.5 713 812.5 796 733.5S917 554.5 917 437.5S875 225.5 796 141.5C713 58.5 617 20.5 500 20.5S288 62.5 204 141.5C121 225.5 83 320.5 83 437.5S125 650.5 204 733.5S383 854.5 500 854.5z" />
+    <glyph glyph-name="bold"
+      unicode="&#xEA05;"
+      horiz-adv-x="1000" d="M563 250.5C588 250.5 588 256.5 600 262.5C613 275.5 619 293.5 619 306.5C619 325.5 613 337.5 600 356.5C588 368.5 575 375.5 550 375.5H375V250.5H563zM375 656.5V500.5H538C556 500.5 575 512.5 588 531.5S600 556.5 600 575.5C600 593.5 594 606.5 581 618.5S550 625.5 538 625.5H375V656.5zM650 462.5C713 431.5 750 381.5 750 306.5C750 256.5 731 212.5 706 181.5C675 150.5 631 125.5 588 125.5H250V750.5H550C600 750.5 644 737.5 675 700.5S725 625.5 725 575.5C731 531.5 700 493.5 650 462.5z" />
+    <glyph glyph-name="calendar"
+      unicode="&#xEA06;"
+      horiz-adv-x="1000" d="M813 62.5H188V562.5H813V62.5zM688 875.5V812.5H313V875.5H250V812.5H188C144 812.5 125 793.5 125 750.5V62.5C125 18.5 144 -0.5 188 -0.5H813C856 -0.5 875 18.5 875 62.5V750.5C875 793.5 838 812.5 794 812.5H750V875.5H688zM688 375.5H500V187.5H688V375.5z" />
+    <glyph glyph-name="check--circle"
+      unicode="&#xEA07;"
+      horiz-adv-x="1000" d="M500 856.5C269 856.5 81 668.5 81 437.5S269 18.5 500 18.5S919 206.5 919 437.5S731 856.5 500 856.5zM431 218.5L213 437.5L300 525.5L431 393.5L694 656.5L781 568.5L431 218.5z" />
+    <glyph glyph-name="check"
+      unicode="&#xEA08;"
+      horiz-adv-x="1000" d="M375 312.5L792 729.5L875 645.5L375 145.5L125 395.5L208 479.5L375 312.5z" />
+    <glyph glyph-name="chevron_left"
+      unicode="&#xEA09;"
+      horiz-adv-x="1000" d="M583 687.5L333 437.5L583 187.5L667 270.5L500 437.5L667 604.5L583 687.5z" />
+    <glyph glyph-name="chevron_right"
+      unicode="&#xEA0A;"
+      horiz-adv-x="1000" d="M417 687.5L667 437.5L417 187.5L333 270.5L500 437.5L333 604.5L417 687.5z" />
+    <glyph glyph-name="close--circle"
+      unicode="&#xEA0B;"
+      horiz-adv-x="1000" d="M500 856.5C731 856.5 919 668.5 919 437.5S731 18.5 500 18.5S81 206.5 81 437.5S269 856.5 500 856.5zM719 306.5L588 437.5L719 568.5L631 656.5L500 525.5L369 656.5L281 568.5L413 437.5L281 306.5L369 218.5L500 350.5L631 218.5L719 306.5z" />
+    <glyph glyph-name="close"
+      unicode="&#xEA0C;"
+      horiz-adv-x="1000" d="M833 687.5L583 437.5L833 187.5L750 104.5L500 354.5L250 104.5L167 187.5L417 437.5L167 687.5L250 770.5L500 520.5L750 770.5L833 687.5z" />
+    <glyph glyph-name="code"
+      unicode="&#xEA0D;"
+      horiz-adv-x="1000" d="M563 218.5L656 125.5L969 437.5L656 750.5L563 656.5L781 437.5zM438 656.5L344 750.5L31 437.5L344 125.5L438 218.5L219 437.5z" />
+    <glyph glyph-name="comment--multiple"
+      unicode="&#xEA0E;"
+      horiz-adv-x="1000" d="M750 812.5H125V375.5H63V812.5C63 850.5 88 875.5 125 875.5H750V812.5zM938 687.5V187.5C938 150.5 913 125.5 875 125.5H563L444 6.5C438 -0.5 431 -0.5 425 -0.5H406C388 -0.5 375 12.5 375 31.5V125.5H250C213 125.5 188 150.5 188 187.5V687.5C188 725.5 219 750.5 250 750.5H875C913 750.5 938 718.5 938 687.5zM875 687.5H250V187.5H438V87.5L538 187.5H875V687.5z" />
+    <glyph glyph-name="comment--text"
+      unicode="&#xEA0F;"
+      horiz-adv-x="1000" d="M813 812.5H188C156 812.5 125 787.5 125 756.5V256.5C125 218.5 156 187.5 188 187.5H313V100.5C313 81.5 325 62.5 344 62.5H363C369 62.5 381 62.5 381 68.5L500 187.5H813C850 187.5 875 218.5 875 256.5V756.5C875 787.5 850 812.5 813 812.5zM813 250.5H475L375 156.5V250.5H188V750.5H813V250.5zM750 562.5H250V625.5H750V562.5zM625 375.5H250V437.5H625V375.5z" />
+    <glyph glyph-name="copy"
+      unicode="&#xEA10;"
+      horiz-adv-x="1000" d="M623 683.5V929.5H192L8 745.5V191.5H377V-54.5H992V683.5H623zM192 842.5V745.5H95L192 842.5zM69 252.5V683.5H254V868.5H562V683.5L377 499.5V252.5H69zM562 596.5V499.5H464L562 596.5zM931 6.5H439V437.5H623V622.5H931V6.5z" />
+    <glyph glyph-name="crown"
+      unicode="&#xEA11;"
+      horiz-adv-x="1000" d="M125 500.5L188 250.5H813L875 500.5C906 500.5 938 525.5 938 562.5S906 618.5 875 618.5S819 593.5 819 562.5V543.5L688 456.5L531 706.5C544 718.5 556 737.5 556 756.5C556 787.5 531 812.5 500 812.5S444 787.5 444 756.5C444 737.5 456 718.5 469 706.5L313 456.5L181 543.5V562.5C181 593.5 156 618.5 125 618.5S63 593.5 63 562.5S94 500.5 125 500.5zM188 187.5H813V62.5H188V187.5z" />
+    <glyph glyph-name="debug"
+      unicode="&#xEA12;"
+      horiz-adv-x="1000" d="M583 437.5V520.5H417V437.5H583zM583 270.5V354.5H417V270.5H583zM833 604.5V520.5H746C750 520.5 750 487.5 750 479.5V437.5H833V354.5H750V312.5C750 304.5 750 270.5 746 270.5H833V187.5H717C696 145.5 662 120.5 625 95.5C587 74.5 546 62.5 500 62.5S412 74.5 375 95.5S308 145.5 283 187.5H167V270.5H254C250 270.5 250 304.5 250 312.5V354.5H167V437.5H250V479.5C250 487.5 250 520.5 254 520.5H167V604.5H283C304 645.5 329 662.5 358 687.5L292 754.5L350 812.5L442 720.5C462 725.5 479 725.5 500 725.5S537 725.5 558 720.5L650 812.5L708 754.5L642 687.5C675 666.5 700 645.5 717 604.5H833z" />
+    <glyph glyph-name="delete"
+      unicode="&#xEA13;"
+      horiz-adv-x="1000" d="M813 750.5V687.5H188V750.5H356L400 812.5H606L650 750.5H813zM750 125.5V625.5H250V125.5C250 87.5 275 62.5 313 62.5H688C725 62.5 750 93.5 750 125.5z" />
+    <glyph glyph-name="download"
+      unicode="&#xEA14;"
+      horiz-adv-x="1000" d="M188 62.5H813V125.5H188V62.5zM813 500.5H625V812.5H375V500.5H188L500 187.5L813 500.5z" />
+    <glyph glyph-name="edit"
+      unicode="&#xEA15;"
+      horiz-adv-x="1000" d="M863 641.5L788 566.5L633 720.5L708 795.5C717 804.5 725 808.5 738 808.5S758 804.5 767 795.5L863 700.5C871 691.5 875 683.5 875 670.5C875 662.5 871 650.5 863 641.5zM125 220.5L583 679.5L738 520.5L279 62.5H121V220.5z" />
+    <glyph glyph-name="enlarge"
+      unicode="&#xEA16;"
+      horiz-adv-x="1000" d="M875 812.5H575L688 700.5L538 550.5L613 475.5L763 625.5L875 512.5V812.5zM875 62.5V362.5L763 250.5L613 400.5L538 325.5L688 175.5L575 62.5H875zM125 62.5H425L313 175.5L463 325.5L388 400.5L238 250.5L125 362.5V62.5zM125 812.5V512.5L238 625.5L388 475.5L463 550.5L313 700.5L425 812.5H125z" />
+    <glyph glyph-name="erase"
+      unicode="&#xEA17;"
+      horiz-adv-x="1000" d="M850 741.5L692 862.5C649 895.5 586 887.5 552 844.5L132 299.5C98 255.5 107 192.5 150 159.5L308 37.5C351 4.5 415 12.5 448 55.5L868 600.5C902 644.5 894 707.5 850 741.5zM427 126.5L401 92.5C393 82.5 381 77.5 369 77.5C362 77.5 353 78.5 344 85.5L187 206.5C178 213.5 173 222.5 172 233.5S173 254.5 179 262.5L206 296.5C214 306.5 226 312.5 238 312.5C244 312.5 254 310.5 263 303.5L420 182.5C429 176.5 434 166.5 435 156.5C437 145.5 434 135.5 427 126.5z" />
+    <glyph glyph-name="expand_less"
+      unicode="&#xEA18;"
+      horiz-adv-x="1000" d="M250 354.5L500 604.5L750 354.5L667 270.5L500 437.5L333 270.5L250 354.5z" />
+    <glyph glyph-name="expand_more"
+      unicode="&#xEA19;"
+      horiz-adv-x="1000" d="M250 520.5L500 270.5L750 520.5L667 604.5L500 437.5L333 604.5L250 520.5z" />
+    <glyph glyph-name="facebook"
+      unicode="&#xEA1A;"
+      horiz-adv-x="1000" d="M792 770.5V645.5H708C685 645.5 667 627.5 667 604.5V520.5H792V395.5H667V104.5H542V395.5H458V520.5H542V625.5C542 705.5 607 770.5 688 770.5zM833 854.5H167C121 854.5 83 816.5 83 770.5V104.5C83 58.5 121 20.5 167 20.5H833C879 20.5 917 58.5 917 104.5V770.5C917 817.5 879 854.5 833 854.5z" />
+    <glyph glyph-name="feeling-lucky"
+      unicode="&#xEA1B;"
+      horiz-adv-x="1000" d="M500 -62.5C776 -62.5 1000 161.5 1000 437.5S776 937.5 500 937.5S0 713.5 0 437.5S224 -62.5 500 -62.5zM500 843.5C724 843.5 906 661.5 906 437.5S724 31.5 500 31.5S94 213.5 94 437.5S276 843.5 500 843.5zM781 687.5C798 687.5 813 673.5 813 656.5V562.5C813 528.5 784 500.5 750 500.5H625C591 500.5 563 528.5 563 562.5H438C438 528.5 409 500.5 375 500.5H250C216 500.5 188 528.5 188 562.5V656.5C188 673.5 202 687.5 219 687.5H406C423 687.5 438 673.5 438 656.5V625.5H563V656.5C563 673.5 577 687.5 594 687.5H781zM500 187.5C591 187.5 671 236.5 714 308.5L768 276.5C713 185.5 614 125.5 500 125.5C453 125.5 408 135.5 368 154.5L400 208.5C431 195.5 464 187.5 500 187.5z" />
+    <glyph glyph-name="file"
+      unicode="&#xEA1C;"
+      horiz-adv-x="1000" d="M813 62.5H188V187.5L375 500.5L632 187.5L813 312.5V62.5zM813 468.5C813 417.5 771 375.5 719 375.5S625 417.5 625 468.5S667 562.5 719 562.5S813 520.5 813 468.5zM896 713.5C875 743.5 844 778.5 811 811.5S743 874.5 714 896.5C663 933.5 639 937.5 625 937.5H141C98 937.5 63 902.5 63 859.5V15.5C63 -27.5 98 -62.5 141 -62.5H859C903 -62.5 938 -27.5 938 15.5V625.5C938 639.5 933 663.5 896 713.5zM767 767.5C797 737.5 821 709.5 838 687.5H688V837.5C710 820.5 737 796.5 767 767.5zM875 15.5C875 7.5 868 -0.5 859 -0.5H141C132 -0.5 125 7.5 125 15.5V859.5C125 867.5 132 875.5 141 875.5H625V656.5C625 639.5 639 625.5 656 625.5H875V15.5z" />
+    <glyph glyph-name="filter"
+      unicode="&#xEA1D;"
+      horiz-adv-x="1000" d="M500 937.5C224 937.5 0 867.5 0 781.5V687.5L375 312.5V-0.5C375 -34.5 431 -62.5 500 -62.5S625 -34.5 625 -0.5V312.5L1000 687.5V781.5C1000 867.5 776 937.5 500 937.5zM92 801.5C116 815.5 148 827.5 187 838.5C273 862.5 384 875.5 500 875.5S727 862.5 813 838.5C852 827.5 884 815.5 908 801.5C923 793.5 932 785.5 936 781.5C932 776.5 923 769.5 908 760.5C884 747.5 852 734.5 813 724.5C727 700.5 616 687.5 500 687.5S273 700.5 187 724.5C148 734.5 116 747.5 92 760.5C77 769.5 68 776.5 65 781.5C68 785.5 77 793.5 92 801.5z" />
+    <glyph glyph-name="flag"
+      unicode="&#xEA1E;"
+      horiz-adv-x="1000" d="M581 750.5H813V312.5H544L506 437.5H250V62.5H188V812.5H544L581 750.5z" />
+    <glyph glyph-name="formula"
+      unicode="&#xEA1F;"
+      horiz-adv-x="1000" d="M750 750.5V625.5H456L663 437.5L456 250.5H750V125.5H250V187.5L500 437.5L250 687.5V750.5H750z" />
+    <glyph glyph-name="github"
+      unicode="&#xEA20;"
+      horiz-adv-x="1000" d="M500 854.5C270 854.5 83 667.5 83 437.5C83 253.5 203 97.5 368 41.5C389 38.5 396 51.5 396 62.5V132.5C280 107.5 256 188.5 256 188.5C237 237.5 210 250.5 210 250.5C172 275.5 213 275.5 213 275.5C254 272.5 276 232.5 276 232.5C313 168.5 374 187.5 398 197.5C401 224.5 412 242.5 424 253.5C331 263.5 234 299.5 234 458.5C234 504.5 250 541.5 277 571.5C273 581.5 258 625.5 281 681.5C281 681.5 316 692.5 396 638.5C429 647.5 465 652.5 500 652.5S571 647.5 604 638.5C684 692.5 719 681.5 719 681.5C742 625.5 727 581.5 723 571.5C750 541.5 766 504.5 766 458.5C766 299.5 668 264.5 575 253.5C590 240.5 604 215.5 604 176.5V62.5C604 51.5 611 37.5 632 41.5C798 97.5 917 253.5 917 437.5C917 667.5 730 854.5 500 854.5z" />
+    <glyph glyph-name="global"
+      unicode="&#xEA21;"
+      horiz-adv-x="1000" d="M746 212.5C735 246.5 704 270.5 667 270.5H625V395.5C625 418.5 606 437.5 583 437.5H333V520.5H417C440 520.5 458 539.5 458 562.5V645.5H542C588 645.5 625 683.5 625 729.5V746.5C747 697.5 833 577.5 833 437.5C833 350.5 800 272.5 746 212.5zM458 107.5C294 127.5 167 267.5 167 437.5C167 463.5 170 488.5 175 512.5L375 312.5V270.5C375 225.5 413 187.5 458 187.5zM500 854.5C270 854.5 83 667.5 83 437.5S270 20.5 500 20.5S917 207.5 917 437.5S730 854.5 500 854.5z" />
+    <glyph glyph-name="google_plus"
+      unicode="&#xEA22;"
+      horiz-adv-x="1000" d="M958 479.5H875V562.5H792V479.5H708V395.5H792V312.5H875V395.5H958zM333 479.5V379.5H500C492 337.5 450 254.5 333 254.5C233 254.5 154 337.5 154 437.5S233 620.5 333 620.5C392 620.5 429 595.5 450 575.5L529 650.5C479 700.5 413 729.5 333 729.5C171 729.5 42 600.5 42 437.5C42 275.5 171 145.5 333 145.5C500 145.5 613 262.5 613 429.5C613 450.5 613 462.5 608 479.5H333z" />
+    <glyph glyph-name="heart--outline"
+      unicode="&#xEA23;"
+      horiz-adv-x="1000" d="M504 164.5L500 160.5L495 164.5C298 344.5 167 462.5 167 583.5C167 666.5 229 729.5 313 729.5C377 729.5 439 687.5 461 630.5H539C561 687.5 623 729.5 688 729.5C771 729.5 833 666.5 833 583.5C833 462.5 703 344.5 504 164.5zM688 812.5C615 812.5 545 778.5 500 725.5C455 778.5 385 812.5 313 812.5C184 812.5 83 712.5 83 583.5C83 426.5 225 297.5 440 102.5L500 47.5L560 102.5C775 297.5 917 426.5 917 583.5C917 712.5 816 812.5 688 812.5z" />
+    <glyph glyph-name="heart"
+      unicode="&#xEA24;"
+      horiz-adv-x="1000" d="M500 47.5L440 102.5C225 297.5 83 426.5 83 583.5C83 712.5 184 812.5 313 812.5C385 812.5 455 778.5 500 725.5C545 778.5 615 812.5 688 812.5C816 812.5 917 712.5 917 583.5C917 426.5 775 297.5 560 102.5L500 47.5z" />
+    <glyph glyph-name="help"
+      unicode="&#xEA25;"
+      horiz-adv-x="1000" d="M500 687.5C546 687.5 583 670.5 617 637.5S667 566.5 667 520.5C667 487.5 646 450.5 604 412.5S542 354.5 542 312.5H458C458 354.5 467 366.5 479 391.5C492 412.5 508 429.5 521 437.5C538 445.5 550 458.5 563 475.5C575 487.5 583 504.5 583 525.5S575 566.5 558 583.5C542 600.5 521 608.5 500 608.5S458 600.5 442 583.5C425 566.5 417 566.5 417 525.5H333C333 566.5 350 608.5 383 641.5C417 670.5 454 687.5 500 687.5zM500 104.5C592 104.5 671 137.5 733 204.5C800 270.5 833 350.5 833 437.5C833 529.5 800 608.5 733 670.5S588 770.5 500 770.5S329 737.5 267 670.5S167 525.5 167 437.5C167 345.5 200 266.5 267 204.5C329 137.5 408 104.5 500 104.5zM500 854.5C617 854.5 713 812.5 796 733.5S917 554.5 917 437.5S875 225.5 796 141.5S617 20.5 500 20.5S288 62.5 204 141.5S83 320.5 83 437.5S125 650.5 204 733.5S383 854.5 500 854.5zM458 187.5V270.5H542V187.5H458z" />
+    <glyph glyph-name="help2"
+      unicode="&#xEA26;"
+      horiz-adv-x="1000" d="M500 812.5C569 812.5 625 787.5 675 737.5S750 631.5 750 562.5C750 512.5 719 456.5 656 400.5S563 312.5 563 250.5H438C438 312.5 450 331.5 469 368.5C488 400.5 513 425.5 531 437.5C556 450.5 575 468.5 594 493.5C613 512.5 625 537.5 625 568.5S613 631.5 588 656.5S531 693.5 500 693.5S438 675.5 413 650.5S375 625.5 375 562.5H250C250 625.5 275 687.5 325 737.5C375 781.5 431 812.5 500 812.5zM438 62.5V187.5H563V62.5H438z" />
+    <glyph glyph-name="homework"
+      unicode="&#xEA27;"
+      horiz-adv-x="1000" d="M993 450.5L743 763.5C737 770.5 728 775.5 719 775.5H281C272 775.5 263 770.5 257 763.5L7 450.5C2 445.5 0 438.5 0 431.5V149.5C0 115.5 28 87.5 63 87.5H938C972 87.5 1000 115.5 1000 149.5V431.5C1000 438.5 998 445.5 993 450.5zM938 400.5H719L594 275.5H406L281 400.5H63V420.5L296 712.5H704L938 420.5V400.5zM719 587.5H281C264 587.5 250 601.5 250 618.5S264 650.5 281 650.5H719C736 650.5 750 636.5 750 618.5S736 587.5 719 587.5zM781 462.5H219C202 462.5 188 476.5 188 493.5S202 525.5 219 525.5H781C799 525.5 813 511.5 813 493.5S799 462.5 781 462.5z" />
+    <glyph glyph-name="hourglass"
+      unicode="&#xEA28;"
+      horiz-adv-x="1000" d="M250 875.5H750V606.5L581 437.5L750 268.5V-0.5H250V268.5L419 437.5L250 606.5V875.5zM669 250.5L500 418.5L331 250.5H669zM313 625.5H688V812.5H313V625.5z" />
+    <glyph glyph-name="info--circle"
+      unicode="&#xEA29;"
+      horiz-adv-x="1000" d="M563 562.5H438V687.5H563V562.5zM563 187.5H438V500.5H563V187.5zM500 856.5C269 856.5 81 668.5 81 437.5S269 18.5 500 18.5S919 206.5 919 437.5S731 856.5 500 856.5z" />
+    <glyph glyph-name="info"
+      unicode="&#xEA2A;"
+      horiz-adv-x="1000" d="M331 437.5H250V562.5H625V168.5C625 150.5 625 143.5 631 137.5C644 125.5 706 125.5 725 125.5H750V-0.5H250V125.5H331C344 125.5 356 125.5 363 137.5C375 143.5 375 150.5 375 168.5V387.5C375 406.5 375 412.5 363 425.5C356 437.5 350 437.5 331 437.5zM388 775.5C388 850.5 425 887.5 500 887.5S613 850.5 613 775.5S569 662.5 500 662.5C425 662.5 388 700.5 388 775.5z" />
+    <glyph glyph-name="insert--image"
+      unicode="&#xEA2B;"
+      horiz-adv-x="1000" d="M356 375.5L213 187.5H794L606 437.5L463 250.5C456 250.5 356 375.5 356 375.5zM875 143.5C875 125.5 869 100.5 850 87.5S813 62.5 794 62.5H206C188 62.5 163 68.5 150 87.5S125 125.5 125 143.5V731.5C125 750.5 131 768.5 150 787.5S188 812.5 206 812.5H788C806 812.5 831 806.5 844 787.5S875 750.5 875 731.5V143.5z" />
+    <glyph glyph-name="insert--link"
+      unicode="&#xEA2C;"
+      horiz-adv-x="1000" d="M708 645.5C750 645.5 813 625.5 854 583.5S917 491.5 917 437.5C917 379.5 896 333.5 854 291.5S767 229.5 708 229.5H542V312.5H708C742 312.5 775 325.5 800 350.5S833 400.5 833 437.5C833 470.5 825 500.5 800 525.5S746 562.5 708 562.5H542V645.5H708zM333 395.5V479.5H667V395.5H333zM167 437.5C167 404.5 175 375.5 200 350.5S254 312.5 292 312.5H458V229.5H292C233 229.5 188 250.5 146 291.5S83 383.5 83 437.5C83 495.5 104 541.5 146 583.5S233 645.5 292 645.5H458V562.5H292C258 562.5 225 550.5 200 525.5S167 470.5 167 437.5z" />
+    <glyph glyph-name="italic"
+      unicode="&#xEA2D;"
+      horiz-adv-x="1000" d="M438 750.5H750V625.5H625L500 250.5H563V125.5H250V250.5H375L500 625.5H438V750.5z" />
+    <glyph glyph-name="lab"
+      unicode="&#xEA2E;"
+      horiz-adv-x="1000" d="M934 151.5L625 666.5V875.5H656C673 875.5 688 889.5 688 906.5S673 937.5 656 937.5H344C327 937.5 313 923.5 313 906.5S327 875.5 344 875.5H375V666.5L66 151.5C-5 33.5 50 -62.5 188 -62.5H813C950 -62.5 1005 33.5 934 151.5zM235 312.5L438 649.5V875.5H563V649.5L765 312.5H235z" />
+    <glyph glyph-name="link--external"
+      unicode="&#xEA2F;"
+      horiz-adv-x="1000" d="M188 875.5V125.5H938V875.5H188zM875 187.5H250V812.5H875V187.5zM125 62.5V718.5L63 781.5V-0.5H844L781 62.5H125zM344 687.5L500 531.5L313 343.5L406 250.5L594 437.5L750 281.5V687.5z" />
+    <glyph glyph-name="link"
+      unicode="&#xEA30;"
+      horiz-adv-x="1000" d="M442 333.5C438 333.5 429 333.5 425 337.5S417 341.5 408 345.5C388 366.5 375 387.5 363 412.5C354 437.5 346 462.5 346 487.5S350 537.5 363 562.5C371 587.5 388 608.5 408 629.5L567 787.5C587 808.5 608 820.5 633 833.5C658 841.5 683 850.5 713 850.5S767 845.5 792 833.5C817 825.5 838 808.5 858 787.5S892 745.5 904 720.5C913 695.5 921 670.5 921 645.5S917 595.5 904 570.5C896 545.5 879 525.5 858 504.5L783 433.5C775 425.5 767 420.5 754 420.5S733 425.5 725 433.5S713 450.5 713 462.5S717 483.5 725 491.5L800 566.5C821 587.5 833 616.5 833 650.5S821 708.5 800 733.5C788 745.5 775 754.5 763 758.5S733 766.5 717 766.5C700 766.5 688 762.5 671 758.5C658 754.5 646 745.5 633 733.5L475 575.5C454 554.5 442 525.5 442 491.5S454 433.5 475 408.5C483 400.5 488 391.5 488 379.5S483 358.5 475 345.5C471 341.5 467 337.5 458 337.5C450 333.5 446 333.5 442 333.5zM288 20.5C263 20.5 233 24.5 208 37.5C183 45.5 163 62.5 142 79.5C121 100.5 108 120.5 96 145.5S79 195.5 79 220.5S83 270.5 96 295.5S121 341.5 142 362.5L217 437.5C225 445.5 233 450.5 246 450.5S267 445.5 275 437.5S288 420.5 288 408.5S283 387.5 275 379.5L200 304.5C179 283.5 167 254.5 167 220.5S179 162.5 200 137.5C213 125.5 225 116.5 238 112.5S267 104.5 283 104.5C300 104.5 313 108.5 329 112.5S354 125.5 367 137.5L525 295.5C546 316.5 558 345.5 558 379.5S546 437.5 525 462.5C517 470.5 512 479.5 512 491.5S517 512.5 525 520.5C533 529.5 542 533.5 554 533.5S575 529.5 587 520.5C608 500.5 621 479.5 633 454.5C642 429.5 650 404.5 650 379.5S646 329.5 633 304.5C625 279.5 608 258.5 587 237.5L429 79.5C408 58.5 387 45.5 362 37.5C337 24.5 312 20.5 287 20.5z" />
+    <glyph glyph-name="linkedin"
+      unicode="&#xEA31;"
+      horiz-adv-x="1000" d="M813 125.5H688V362.5C688 400.5 663 431.5 625 431.5S563 400.5 563 362.5V125.5H438V500.5H563V475.5C563 512.5 625 537.5 663 537.5C750 537.5 813 462.5 813 381.5V125.5zM256 600.5C213 600.5 175 637.5 175 681.5S213 762.5 256 762.5S338 725.5 338 681.5S300 600.5 256 600.5zM313 125.5H188V500.5H313V125.5zM856 875.5H144C100 875.5 63 837.5 63 793.5V87.5C63 37.5 100 -0.5 144 -0.5H850C900 -0.5 931 37.5 931 81.5V793.5C938 837.5 900 875.5 856 875.5z" />
+    <glyph glyph-name="logout"
+      unicode="&#xEA32;"
+      horiz-adv-x="1000" d="M750 312.5V437.5H438V562.5H750V687.5L938 500.5zM688 375.5V125.5H375V-62.5L0 125.5V937.5H688V625.5H625V875.5H125L375 750.5V187.5H625V375.5z" />
+    <glyph glyph-name="mail"
+      unicode="&#xEA33;"
+      horiz-adv-x="1000" d="M875 612.5V700.5L500 481.5L125 700.5V612.5L500 393.5L875 612.5zM850 812.5C875 812.5 894 793.5 913 775.5S938 718.5 938 700.5V175.5C938 150.5 925 118.5 913 100.5C894 81.5 875 62.5 850 62.5H150C125 62.5 106 81.5 88 100.5S63 156.5 63 175.5V700.5C63 725.5 75 756.5 88 775.5S131 812.5 150 812.5H850z" />
+    <glyph glyph-name="ordered_list"
+      unicode="&#xEA34;"
+      horiz-adv-x="1000" d="M313 375.5V500.5H938V375.5H313zM313 125.5V250.5H938V125.5H313zM313 750.5H938V625.5H313V750.5zM81 481.5V525.5H206V487.5L131 400.5H206V356.5H81V393.5L156 481.5H81zM125 606.5V731.5H81V775.5H163V606.5H125zM81 231.5V275.5H206V106.5H81V150.5H163V168.5H119V212.5H163V231.5H81z" />
+    <glyph glyph-name="platform--android"
+      unicode="&#xEA35;"
+      horiz-adv-x="1000" d="M875 562.5C841 562.5 813 534.5 813 500.5V250.5C813 215.5 841 187.5 875 187.5S938 215.5 938 250.5V500.5C938 534.5 909 562.5 875 562.5zM125 562.5C91 562.5 63 534.5 63 500.5V250.5C63 215.5 91 187.5 125 187.5S188 215.5 188 250.5V500.5C188 534.5 159 562.5 125 562.5zM219 218.5C219 166.5 261 125.5 313 125.5V-0.5C313 -34.5 341 -62.5 375 -62.5S438 -34.5 438 -0.5V125.5H563V-0.5C563 -34.5 591 -62.5 625 -62.5S688 -34.5 688 -0.5V125.5C739 125.5 781 166.5 781 218.5V562.5H219V218.5zM780 625.5C770 710.5 722 784.5 653 829.5L684 892.5C692 907.5 686 926.5 670 934.5S636 935.5 628 920.5L597 857.5L589 860.5C561 870.5 531 875.5 500 875.5S439 870.5 411 860.5L403 857.5L372 920.5C364 935.5 345 941.5 330 934.5S308 907.5 316 892.5L347 829.5C278 785.5 230 710.5 221 625.5V593.5H781V625.5H780zM406 687.5C389 687.5 375 701.5 375 718.5S389 749.5 406 750.5C424 749.5 438 736.5 438 718.5S424 687.5 406 687.5zM594 687.5C577 687.5 563 701.5 563 718.5S576 749.5 594 750.5C611 749.5 625 736.5 625 718.5S611 687.5 594 687.5z" />
+    <glyph glyph-name="platform--chromeos"
+      unicode="&#xEA36;"
+      horiz-adv-x="1000" d="M252 501.5L109 749.5C201 864.5 342 937.5 500 937.5C683 937.5 843 839.5 930 692.5H522C515 693.5 508 693.5 500 693.5C381 693.5 281 611.5 252 501.5zM679 620.5H966C988 563.5 1000 501.5 1000 437.5C1000 163.5 779 -59.5 506 -62.5L710 291.5C739 333.5 756 383.5 756 437.5C756 509.5 726 573.5 679 620.5zM318 437.5C318 537.5 400 619.5 500 619.5S682 537.5 682 437.5S600 255.5 500 255.5S318 337.5 318 437.5zM569 191.5L425 -56.5C185 -20.5 0 186.5 0 437.5C0 526.5 23 610.5 64 682.5L268 329.5C309 242.5 398 181.5 500 181.5C524 181.5 547 184.5 569 190.5z" />
+    <glyph glyph-name="platform--ios"
+      unicode="&#xEA37;"
+      horiz-adv-x="1000" d="M780 125.5C745 73.5 708 22.5 653 22.5C597 20.5 579 54.5 515 54.5C452 54.5 432 22.5 379 20.5C325 18.5 283 75.5 248 126.5C177 229.5 123 418.5 196 546.5C232 609.5 297 649.5 368 650.5C421 651.5 472 614.5 505 614.5C537 614.5 599 659.5 663 652.5C690 651.5 766 641.5 815 570.5C811 567.5 725 516.5 725 411.5C727 285.5 836 243.5 837 242.5C836 240.5 820 182.5 780 125.5zM542 791.5C572 826.5 623 852.5 664 854.5C670 805.5 650 756.5 621 721.5C592 685.5 545 658.5 498 662.5C492 710.5 515 760.5 542 791.5z" />
+    <glyph glyph-name="platform--linux"
+      unicode="&#xEA38;"
+      horiz-adv-x="1000" d="M554 217.5C474 180.5 400 181.5 350 184.5C290 189.5 242 205.5 221 219.5C208 228.5 191 225.5 182 212.5S176 181.5 190 172.5C223 149.5 283 132.5 346 128.5C357 127.5 368 126.5 381 126.5C435 126.5 504 132.5 578 166.5C593 173.5 599 190.5 592 204.5S569 224.5 554 218.5zM870 259.5C873 506.5 898 973.5 426 935.5C-41 897.5 83 405.5 76 240.5C70 152.5 41 46.5 0 -62.5H126C139 -16.5 149 28.5 153 72.5C160 67.5 168 61.5 177 57.5C191 48.5 203 37.5 216 25.5C246 -1.5 280 -32.5 347 -36.5H360C427 -36.5 473 -7.5 510 16.5C528 27.5 543 37.5 558 42.5C599 55.5 634 75.5 661 102.5L673 114.5C688 60.5 708 -1.5 731 -62.5H1000C935 37.5 869 135.5 870 260.5zM121 394.5C117 474.5 155 542.5 207 545.5S305 485.5 310 405.5C310 400.5 310 396.5 311 392.5C294 388.5 279 382.5 266 375.5V376.5C261 422.5 237 457.5 211 454.5S168 411.5 173 365.5C175 345.5 180 327.5 188 314.5C186 312.5 181 308.5 174 303.5C169 300.5 163 296.5 156 290.5C137 316.5 124 352.5 121 394.5zM650 195.5C648 152.5 592 112.5 541 96.5H540C519 89.5 500 77.5 480 64.5C446 42.5 411 20.5 360 20.5H350C304 23.5 282 42.5 254 67.5C240 81.5 225 94.5 206 106.5H205C163 129.5 138 159.5 136 184.5C135 197.5 141 208.5 153 217.5C179 236.5 196 249.5 208 258.5S224 270.5 227 272.5C229 274.5 231 277.5 234 279.5C258 302.5 298 341.5 359 341.5C396 341.5 438 326.5 482 298.5C503 284.5 521 278.5 544 270.5C560 265.5 578 259.5 602 248.5C624 239.5 651 222.5 650 195.5zM637 295.5C633 297.5 629 299.5 624 301.5C602 310.5 585 316.5 571 321.5C579 337.5 584 356.5 584 377.5C585 428.5 559 470.5 526 470.5S466 429.5 465 378.5V373.5C444 382.5 424 389.5 405 393.5V399.5C403 492.5 460 569.5 532 571.5S665 499.5 667 406.5C668 364.5 657 325.5 637 295.5z" />
+    <glyph glyph-name="platform--mac"
+      unicode="&#xEA39;"
+      horiz-adv-x="1000" d="M556 159.5zM938 937.5H63C28 937.5 0 909.5 0 875.5V-0.5C0 -34.5 28 -62.5 63 -62.5H938C972 -62.5 1000 -34.5 1000 -0.5V875.5C1000 909.5 972 937.5 938 937.5zM188 718.5C188 736.5 202 750.5 219 750.5S250 736.5 250 718.5V656.5C250 639.5 236 625.5 219 625.5S188 639.5 188 656.5V718.5zM938 -0.5H571C565 41.5 561 83.5 558 124.5C539 122.5 520 121.5 500 121.5C370 121.5 244 168.5 146 254.5C131 267.5 130 289.5 143 304.5S178 320.5 193 307.5C277 232.5 387 191.5 500 191.5C519 191.5 537 192.5 555 194.5C553 310.5 562 401.5 562 403.5C563 411.5 560 420.5 554 427.5S540 437.5 531 437.5H438C440 471.5 443 529.5 453 594.5C471 717.5 504 814.5 547 875.5H938V0.5zM781 625.5C764 625.5 750 639.5 750 656.5V718.5C750 736.5 764 750.5 781 750.5S813 736.5 813 718.5V656.5C813 639.5 799 625.5 781 625.5zM528 121.5zM500 121.5zM526 192.5zM513 191.5zM857 304.5C844 319.5 822 320.5 807 307.5C737 245.5 649 205.5 555 194.5C556 172.5 557 148.5 558 124.5C667 136.5 771 181.5 854 254.5C869 267.5 870 290.5 857 304.5zM558 124.5C554 123.5 549 123.5 545 123.5C549 123.5 554 123.5 558 124.5zM543 122.5z" />
+    <glyph glyph-name="platform--mobile"
+      unicode="&#xEA3A;"
+      horiz-adv-x="1000" d="M667 187.5H292V770.5H667zM479 20.5C445 20.5 417 48.5 417 83.5C417 117.5 445 145.5 479 145.5C514 145.5 542 117.5 542 83.5C542 48.5 514 20.5 479 20.5zM646 895.5H313C255 895.5 208 849.5 208 791.5V83.5C208 25.5 255 -20.5 313 -20.5H646C703 -20.5 750 25.5 750 83.5V791.5C750 849.5 703 895.5 646 895.5z" />
+    <glyph glyph-name="platform--unknown"
+      unicode="&#xEA3B;"
+      horiz-adv-x="1000" d="M500 -62.5C776 -62.5 1000 161.5 1000 437.5S776 937.5 500 937.5S0 713.5 0 437.5S224 -62.5 500 -62.5zM500 843.5C724 843.5 906 661.5 906 437.5S724 31.5 500 31.5S94 213.5 94 437.5S276 843.5 500 843.5zM728 350.5L750 275.5L323 150.5L302 225.5zM250 625.5C250 659.5 278 687.5 313 687.5S375 659.5 375 625.5C375 590.5 347 562.5 313 562.5S250 590.5 250 625.5zM625 625.5C625 659.5 653 687.5 688 687.5S750 659.5 750 625.5C750 590.5 722 562.5 688 562.5S625 590.5 625 625.5z" />
+    <glyph glyph-name="platform--windows"
+      unicode="&#xEA3C;"
+      horiz-adv-x="1000" d="M125 437.5V656.5L375 712.5V443.5L125 437.5zM813 812.5V450.5L438 443.5V718.5L813 812.5zM125 393.5H375V112.5L125 162.5V393.5zM813 387.5V24.5L438 106.5V393.5L813 387.5z" />
+    <glyph glyph-name="play"
+      unicode="&#xEA3D;"
+      horiz-adv-x="1000" d="M375 250.5V625.5L688 437.5L375 250.5zM500 881.5C256 881.5 56 681.5 56 437.5S256 -6.5 500 -6.5S944 193.5 944 437.5S744 881.5 500 881.5z" />
+    <glyph glyph-name="preview"
+      unicode="&#xEA3E;"
+      horiz-adv-x="1000" d="M500 562.5C533 562.5 563 550.5 588 525.5S625 470.5 625 437.5S613 375.5 588 350.5S533 312.5 500 312.5S438 325.5 413 350.5S375 404.5 375 437.5S388 500.5 413 525.5S467 562.5 500 562.5zM500 229.5C558 229.5 608 250.5 646 291.5C688 333.5 708 383.5 708 437.5S688 545.5 646 583.5C604 625.5 554 645.5 500 645.5S392 625.5 354 583.5C313 541.5 292 491.5 292 437.5S313 329.5 354 291.5C392 250.5 442 229.5 500 229.5zM500 750.5C604 750.5 696 720.5 779 662.5S921 529.5 958 437.5C921 345.5 863 266.5 779 212.5S604 125.5 500 125.5S304 154.5 221 212.5S79 345.5 42 437.5C79 529.5 137 608.5 221 662.5S396 750.5 500 750.5z" />
+    <glyph glyph-name="qq"
+      unicode="&#xEA3F;"
+      horiz-adv-x="1000" d="M133 373.5C157 430.5 190 473.5 215 482.5C215 515.5 221 536.5 232 553.5C232 554.5 229 568.5 238 585.5C245 735.5 342 854.5 500 854.5S755 735.5 762 585.5C771 568.5 768 554.5 768 553.5C779 536.5 785 515.5 785 482.5C810 473.5 843 430.5 868 372.5C899 299.5 904 229.5 879 216.5C862 208.5 835 229.5 809 265.5C799 225.5 774 187.5 739 157.5C776 144.5 800 121.5 800 96.5C800 54.5 735 20.5 654 20.5C580 20.5 521 48.5 509 83.5H491C479 48.5 420 20.5 346 20.5C265 20.5 200 54.5 200 96.5C200 121.5 224 144.5 261 157.5C226 187.5 201 225.5 191 265.5C165 229.5 138 208.5 121 216.5C96 229.5 101 299.5 133 373.5z" />
+    <glyph glyph-name="quote"
+      unicode="&#xEA40;"
+      horiz-adv-x="1000" d="M625 187.5L688 375.5H563V687.5H813V375.5L750 187.5H625zM250 187.5L313 375.5H188V687.5H438V375.5L375 187.5H250z" />
+    <glyph glyph-name="refresh"
+      unicode="&#xEA41;"
+      horiz-adv-x="1000" d="M875 531.5H594L699 636.5C646 689.5 575 718.5 500 718.5S354 689.5 301 636.5S219 512.5 219 437.5S248 291.5 301 238.5S425 156.5 500 156.5S646 185.5 699 238.5L712 252.5L782 190.5C714 112.5 613 62.5 500 62.5C293 62.5 125 230.5 125 437.5S293 812.5 500 812.5C604 812.5 697 770.5 765 702.5L875 812.5V531.5z" />
+    <glyph glyph-name="reply"
+      unicode="&#xEA42;"
+      horiz-adv-x="1000" d="M417 583.5C542 562.5 658 512.5 729 429.5C804 345.5 850 245.5 875 124.5C775 266.5 625 337.5 417 337.5V166.5L125 458.5L417 750.5V583.5z" />
+    <glyph glyph-name="schedule--fill"
+      unicode="&#xEA43;"
+      horiz-adv-x="1000" d="M794 731.5C713 812.5 613 850.5 500 850.5S281 812.5 206 731.5C125 650.5 88 550.5 88 437.5S125 218.5 206 143.5C288 62.5 388 24.5 500 24.5S719 62.5 794 143.5C875 225.5 913 325.5 913 437.5S881 656.5 794 731.5zM719 225.5L450 406.5V725.5H531V456.5L769 293.5C775 293.5 719 225.5 719 225.5z" />
+    <glyph glyph-name="schedule"
+      unicode="&#xEA44;"
+      horiz-adv-x="1000" d="M521 645.5V425.5L708 312.5L675 258.5L458 391.5V641.5H521zM500 104.5C592 104.5 671 137.5 733 204.5C800 270.5 833 350.5 833 437.5C833 529.5 800 608.5 733 670.5S588 770.5 500 770.5S329 737.5 267 670.5S167 525.5 167 437.5C167 345.5 200 266.5 267 204.5C329 137.5 408 104.5 500 104.5zM500 854.5C617 854.5 713 812.5 796 733.5S917 554.5 917 437.5S875 225.5 796 141.5S617 20.5 500 20.5S288 62.5 204 141.5S83 320.5 83 437.5S125 650.5 204 733.5S383 854.5 500 854.5z" />
+    <glyph glyph-name="search"
+      unicode="&#xEA45;"
+      horiz-adv-x="1000" d="M408 341.5C458 341.5 504 358.5 542 395.5S596 475.5 596 529.5C596 579.5 579 625.5 542 662.5S462 716.5 408 716.5S313 700.5 275 662.5S221 583.5 221 529.5C221 479.5 238 433.5 275 395.5S354 341.5 408 341.5zM658 354.5L867 141.5L800 74.5L587 279.5V312.5L583 325.5C533 283.5 479 262.5 408 262.5C333 262.5 271 287.5 217 341.5S137 458.5 137 533.5S162 675.5 217 725.5S333 804.5 408 804.5S546 779.5 600 725.5S679 608.5 679 533.5C679 466.5 658 412.5 617 362.5L629 358.5H658z" />
+    <glyph glyph-name="security"
+      unicode="&#xEA46;"
+      horiz-adv-x="1000" d="M500 854.5L833 687.5V475.5C833 270.5 692 66.5 500 20.5C308 66.5 167 270.5 167 475.5V687.5L500 854.5zM500 437.5V108.5C638 150.5 729 270.5 750 437.5H500zM500 437.5V770.5L250 650.5V437.5H500z" />
+    <glyph glyph-name="send"
+      unicode="&#xEA47;"
+      horiz-adv-x="1000" d="M125 62.5L875 437.5L125 812.5V518.5L656 437.5L125 356.5V62.5z" />
+    <glyph glyph-name="settings"
+      unicode="&#xEA48;"
+      horiz-adv-x="1000" d="M500 291.5C500 372.5 435 437.5 354 437.5C435 437.5 500 502.5 500 583.5C500 502.5 565 437.5 646 437.5C565 437.5 500 372.5 500 291.5zM810 397.5C811 410.5 813 423.5 813 437.5L810 479.5L898 547.5C905 553.5 908 564.5 903 573.5L819 717.5C814 727.5 803 730.5 794 727.5L690 685.5C668 701.5 646 715.5 620 726.5L604 836.5C603 846.5 594 854.5 583 854.5H417C406 854.5 398 846.5 396 836.5L380 726.5C354 715.5 332 701.5 310 685.5L206 727.5C197 730.5 186 727.5 181 717.5L98 573.5C92 564.5 95 553.5 103 547.5L190 479.5C189 465.5 188 451.5 188 437.5S189 410.5 190 397.5L103 327.5C95 321.5 92 310.5 98 301.5L181 157.5C186 147.5 197 144.5 206 147.5L310 190.5C332 173.5 354 159.5 380 148.5L396 38.5C398 28.5 406 20.5 417 20.5H583C594 20.5 603 28.5 604 38.5L620 148.5C646 159.5 668 173.5 690 190.5L794 147.5C803 144.5 814 147.5 819 157.5L903 301.5C908 310.5 905 321.5 898 327.5L810 397.5z" />
+    <glyph glyph-name="shrink"
+      unicode="&#xEA49;"
+      horiz-adv-x="1000" d="M563 500.5H875L750 612.5L919 775.5L838 856.5L675 687.5L563 812.5V500.5zM563 375.5V62.5L675 187.5L838 18.5L919 100.5L750 262.5L875 375.5H563zM438 375.5H125L250 262.5L81 100.5L163 18.5L325 187.5L438 62.5V375.5zM438 500.5V812.5L325 687.5L163 856.5L81 775.5L250 612.5L125 500.5H438z" />
+    <glyph glyph-name="sliders"
+      unicode="&#xEA4A;"
+      horiz-adv-x="1000" d="M938 687.5V625.5H438V593.5C438 575.5 425 562.5 406 562.5H219C200 562.5 188 575.5 188 593.5V625.5H63V687.5H188V718.5C188 737.5 200 750.5 219 750.5H406C425 750.5 438 737.5 438 718.5V687.5H938zM813 468.5C813 487.5 800 500.5 781 500.5H594C575 500.5 563 487.5 563 468.5V437.5H63V375.5H563V343.5C563 325.5 575 312.5 594 312.5H781C800 312.5 813 325.5 813 343.5V375.5H938V437.5H813V468.5zM500 218.5C500 237.5 488 250.5 469 250.5H281C263 250.5 250 237.5 250 218.5V187.5H63V125.5H250V93.5C250 74.5 263 62.5 281 62.5H469C488 62.5 500 74.5 500 93.5V125.5H938V187.5H500V218.5z" />
+    <glyph glyph-name="stack"
+      unicode="&#xEA4B;"
+      horiz-adv-x="1000" d="M1000 625.5L500 875.5L0 625.5L500 375.5L1000 625.5zM500 792.5L834 625.5L500 458.5L166 625.5L500 792.5zM900 487.5L1000 437.5L500 187.5L0 437.5L100 487.5L500 287.5zM900 300.5L1000 250.5L500 -0.5L0 250.5L100 300.5L500 100.5z" />
+    <glyph glyph-name="star--outline"
+      unicode="&#xEA4C;"
+      horiz-adv-x="1000" d="M969 543.5L644 587.5L500 881.5L356 587.5L31 543.5L263 312.5L206 -6.5L494 143.5L781 -6.5L725 312.5L969 543.5zM500 218.5L294 106.5L331 337.5L169 500.5L400 531.5L500 737.5L600 531.5L831 500.5L669 337.5L706 106.5L500 218.5z" />
+    <glyph glyph-name="star"
+      unicode="&#xEA4D;"
+      horiz-adv-x="1000" d="M969 543.5L644 587.5L500 881.5L356 587.5L31 543.5L263 312.5L206 -6.5L494 143.5L781 -6.5L725 312.5L969 543.5z" />
+    <glyph glyph-name="statistics"
+      unicode="&#xEA4E;"
+      horiz-adv-x="1000" d="M938 62.5H63V812.5H125V125.5H250V500.5H438V125.5H500V687.5H688V125.5H750V375.5H938V62.5z" />
+    <glyph glyph-name="tag"
+      unicode="&#xEA4F;"
+      horiz-adv-x="1000" d="M219 656.5C181 656.5 156 687.5 156 725.5S188 787.5 219 787.5C256 787.5 288 756.5 288 725.5C281 681.5 256 656.5 219 656.5zM906 456.5L519 850.5C500 862.5 481 875.5 456 875.5H150C106 875.5 63 831.5 63 787.5V481.5C63 456.5 75 437.5 88 418.5L481 24.5C500 12.5 519 -0.5 544 -0.5S588 12.5 606 24.5L913 331.5C931 350.5 938 368.5 938 393.5S925 443.5 906 456.5z" />
+    <glyph glyph-name="twitter"
+      unicode="&#xEA50;"
+      horiz-adv-x="1000" d="M936 687.5C904 672.5 869 663.5 833 658.5C870 680.5 898 715.5 912 757.5C877 737.5 839 722.5 798 714.5C765 750.5 719 770.5 667 770.5C569 770.5 489 690.5 489 592.5C489 577.5 490 564.5 493 551.5C345 558.5 213 630.5 125 737.5C110 711.5 101 680.5 101 648.5C101 586.5 132 531.5 180 500.5C151 500.5 123 508.5 99 520.5V519.5C99 432.5 161 360.5 243 344.5C228 340.5 212 337.5 195 337.5C184 337.5 173 339.5 162 341.5C185 270.5 250 218.5 329 217.5C268 168.5 191 140.5 107 140.5C93 140.5 78 141.5 64 142.5C143 92.5 238 62.5 338 62.5C667 62.5 847 335.5 847 571.5V594.5C882 619.5 912 651.5 936 687.5z" />
+    <glyph glyph-name="unordered_list"
+      unicode="&#xEA51;"
+      horiz-adv-x="1000" d="M313 750.5H938V625.5H313V750.5zM313 375.5V500.5H938V375.5H313zM313 125.5V250.5H938V125.5H313zM144 250.5C163 250.5 175 243.5 188 231.5S206 206.5 206 187.5S200 156.5 188 143.5C175 131.5 156 125.5 144 125.5C125 125.5 113 131.5 100 143.5S81 168.5 81 187.5S88 218.5 100 231.5C113 243.5 131 250.5 144 250.5zM144 750.5C163 750.5 175 743.5 188 731.5S206 706.5 206 687.5S200 656.5 188 643.5S156 625.5 144 625.5C125 625.5 113 631.5 100 643.5S81 668.5 81 687.5S88 718.5 100 731.5S131 750.5 144 750.5zM144 500.5C163 500.5 175 493.5 188 481.5S206 456.5 206 437.5S200 406.5 188 393.5C175 381.5 156 375.5 144 375.5C125 375.5 113 381.5 100 393.5S81 418.5 81 437.5S88 468.5 100 481.5C113 493.5 131 500.5 144 500.5z" />
+    <glyph glyph-name="upload"
+      unicode="&#xEA52;"
+      horiz-adv-x="1000" d="M375 187.5V500.5H188L500 812.5L813 500.5H625V187.5H375zM188 62.5V125.5H813V62.5H188z" />
+    <glyph glyph-name="user--multiple"
+      unicode="&#xEA53;"
+      horiz-adv-x="1000" d="M667 395.5C655 395.5 641 395.5 626 393.5C675 358.5 708 312.5 708 250.5V145.5H958V250.5C958 347.5 764 395.5 667 395.5zM333 395.5C236 395.5 42 347.5 42 250.5V145.5H625V250.5C625 347.5 430 395.5 333 395.5zM333 479.5C403 479.5 458 535.5 458 604.5S403 729.5 333 729.5C264 729.5 208 673.5 208 604.5S264 479.5 333 479.5zM667 479.5C736 479.5 792 535.5 792 604.5S736 729.5 667 729.5S542 673.5 542 604.5S598 479.5 667 479.5z" />
+    <glyph glyph-name="user"
+      unicode="&#xEA54;"
+      horiz-adv-x="1000" d="M500 750.5C588 750.5 656 681.5 656 593.5S588 437.5 500 437.5S344 506.5 344 593.5S413 750.5 500 750.5zM500 362.5C675 362.5 813 293.5 813 206.5V125.5H188V206.5C188 287.5 325 362.5 500 362.5z" />
+    <glyph glyph-name="vote--down"
+      unicode="&#xEA55;"
+      horiz-adv-x="1000" d="M750 375.5H875V750.5H750V375.5zM600 750.5H294C263 750.5 244 750.5 231 725.5L131 487.5C125 481.5 125 481.5 125 468.5V400.5C125 368.5 156 312.5 194 312.5H406L375 168.5V162.5C375 150.5 381 137.5 388 131.5L425 93.5L656 318.5C669 331.5 688 350.5 688 368.5V712.5C688 750.5 638 750.5 600 750.5z" />
+    <glyph glyph-name="vote--up"
+      unicode="&#xEA56;"
+      horiz-adv-x="1000" d="M875 468.5C875 512.5 844 562.5 806 562.5H594L625 706.5V712.5C625 725.5 619 737.5 613 743.5L575 781.5L344 556.5C331 543.5 313 525.5 313 506.5V162.5C313 125.5 363 125.5 400 125.5H706C738 125.5 756 125.5 769 150.5L875 381.5V468.5zM125 125.5H250V500.5H125V125.5z" />
+    <glyph glyph-name="warning"
+      unicode="&#xEA57;"
+      horiz-adv-x="1000" d="M542 354.5V520.5H458V354.5H542zM542 187.5V270.5H458V187.5H542zM42 20.5L500 854.5L958 20.5H42z" />
+    <glyph glyph-name="web"
+      unicode="&#xEA58;"
+      horiz-adv-x="1000" d="M694 375.5C700 375.5 700 406.5 700 437.5L694 500.5H844C850 500.5 856 468.5 856 437.5S850 375.5 844 375.5H694zM613 93.5C638 143.5 656 187.5 675 250.5H806C763 187.5 694 125.5 613 93.5zM600 375.5H400C394 375.5 394 406.5 394 437.5S394 500.5 400 500.5H606C613 500.5 613 468.5 613 437.5S606 375.5 600 375.5zM500 74.5C463 131.5 438 187.5 419 250.5H588C569 187.5 538 131.5 500 74.5zM325 625.5H200C244 687.5 306 750.5 388 781.5C363 731.5 338 687.5 325 625.5zM200 250.5H325C344 187.5 363 143.5 388 93.5C306 125.5 238 187.5 200 250.5zM163 375.5C156 375.5 150 406.5 150 437.5S156 500.5 163 500.5H306V437.5S306 375.5 313 375.5H163zM500 800.5C538 743.5 569 687.5 581 625.5H419C438 687.5 463 743.5 500 800.5zM800 625.5H669C656 687.5 638 731.5 606 781.5C694 750.5 763 687.5 800 625.5zM500 875.5C256 875.5 63 675.5 63 437.5C63 193.5 256 -0.5 500 -0.5S938 193.5 938 437.5S744 875.5 500 875.5z" />
+    <glyph glyph-name="wechat"
+      unicode="&#xEA59;"
+      horiz-adv-x="1000" d="M396 770.5C223 770.5 83 658.5 83 520.5C83 442.5 128 372.5 199 326.5L167 229.5L271 291.5C308 278.5 349 270.5 392 270.5C381 297.5 375 325.5 375 354.5C375 492.5 505 604.5 667 604.5C675 604.5 683 604.5 690 602.5C648 700.5 533 770.5 396 770.5zM271 666.5C294 666.5 313 647.5 313 625.5C313 602.5 294 583.5 271 583.5S229 602.5 229 625.5C229 647.5 248 666.5 271 666.5zM479 666.5C502 666.5 521 647.5 521 625.5C521 602.5 502 583.5 479 583.5S438 602.5 438 625.5C438 647.5 456 666.5 479 666.5zM667 562.5C529 562.5 417 469.5 417 354.5S529 145.5 667 145.5C695 145.5 721 149.5 746 156.5L833 104.5L808 182.5C873 220.5 917 282.5 917 354.5C917 469.5 805 562.5 667 562.5zM583 458.5C606 458.5 625 439.5 625 416.5S606 375.5 583 375.5S542 393.5 542 416.5S560 458.5 583 458.5zM750 458.5C773 458.5 792 439.5 792 416.5S773 375.5 750 375.5S708 393.5 708 416.5S727 458.5 750 458.5z" />
+    <glyph glyph-name="wrench"
+      unicode="&#xEA5A;"
+      horiz-adv-x="1000" d="M900 187.5L525 508.5C533 525.5 542 541.5 546 562.5C550 579.5 554 600.5 554 620.5C554 654.5 550 683.5 537 712.5S508 766.5 487 787.5C467 808.5 442 825.5 412 837.5S354 854.5 321 854.5C308 854.5 296 854.5 287 850.5S267 845.5 254 841.5L392 704.5C400 695.5 404 683.5 404 666.5S400 641.5 392 629.5L308 545.5C300 537.5 288 533.5 271 533.5S242 537.5 233 545.5L96 683.5C92 670.5 92 662.5 88 650.5S83 625.5 83 616.5C83 583.5 88 554.5 100 525.5S129 470.5 150 450.5S196 412.5 225 400.5C254 387.5 283 383.5 317 383.5C338 383.5 358 387.5 375 391.5S413 404.5 425 412.5L746 37.5C754 24.5 767 20.5 779 20.5S804 24.5 817 37.5L900 120.5C908 129.5 917 141.5 912 158.5C917 166.5 908 179.5 900 187.5z" />
+  </font>
+</defs>
+</svg>
diff --git a/vj4/ui/misc/.iconfont/vj4icon.ttf b/vj4/ui/misc/.iconfont/vj4icon.ttf
new file mode 100755
index 0000000..c832389
Binary files /dev/null and b/vj4/ui/misc/.iconfont/vj4icon.ttf differ
diff --git a/vj4/ui/misc/.iconfont/vj4icon.woff b/vj4/ui/misc/.iconfont/vj4icon.woff
new file mode 100755
index 0000000..1e807d3
Binary files /dev/null and b/vj4/ui/misc/.iconfont/vj4icon.woff differ
diff --git a/vj4/ui/misc/.iconfont/vj4icon.woff2 b/vj4/ui/misc/.iconfont/vj4icon.woff2
new file mode 100755
index 0000000..48ff5a2
Binary files /dev/null and b/vj4/ui/misc/.iconfont/vj4icon.woff2 differ
diff --git a/vj4/ui/misc/.iconfont/webicon.html b/vj4/ui/misc/.iconfont/webicon.html
new file mode 100755
index 0000000..011a33d
--- /dev/null
+++ b/vj4/ui/misc/.iconfont/webicon.html
@@ -0,0 +1,292 @@
+@font-face
+  font-family: $icon-font-name
+  src: url('./vj4icon.eot')
+  src: url('./vj4icon.eot#iefix') format('embedded-opentype'),
+    url('./vj4icon.woff2') format('woff2'),
+    url('./vj4icon.woff') format('woff'),
+    url('./vj4icon.ttf') format('truetype')
+  font-weight: normal
+  font-style: normal
+
+.icon
+  font-family: $icon-font-name !important
+  speak: none
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+
+.icon-account--circle:before
+  content: $icon-account--circle
+
+.icon-add:before
+  content: $icon-add
+
+.icon-award:before
+  content: $icon-award
+
+.icon-block:before
+  content: $icon-block
+
+.icon-bold:before
+  content: $icon-bold
+
+.icon-calendar:before
+  content: $icon-calendar
+
+.icon-check--circle:before
+  content: $icon-check--circle
+
+.icon-check:before
+  content: $icon-check
+
+.icon-chevron_left:before
+  content: $icon-chevron_left
+
+.icon-chevron_right:before
+  content: $icon-chevron_right
+
+.icon-close--circle:before
+  content: $icon-close--circle
+
+.icon-close:before
+  content: $icon-close
+
+.icon-code:before
+  content: $icon-code
+
+.icon-comment--multiple:before
+  content: $icon-comment--multiple
+
+.icon-comment--text:before
+  content: $icon-comment--text
+
+.icon-copy:before
+  content: $icon-copy
+
+.icon-crown:before
+  content: $icon-crown
+
+.icon-debug:before
+  content: $icon-debug
+
+.icon-delete:before
+  content: $icon-delete
+
+.icon-download:before
+  content: $icon-download
+
+.icon-edit:before
+  content: $icon-edit
+
+.icon-enlarge:before
+  content: $icon-enlarge
+
+.icon-erase:before
+  content: $icon-erase
+
+.icon-expand_less:before
+  content: $icon-expand_less
+
+.icon-expand_more:before
+  content: $icon-expand_more
+
+.icon-facebook:before
+  content: $icon-facebook
+
+.icon-feeling-lucky:before
+  content: $icon-feeling-lucky
+
+.icon-file:before
+  content: $icon-file
+
+.icon-filter:before
+  content: $icon-filter
+
+.icon-flag:before
+  content: $icon-flag
+
+.icon-formula:before
+  content: $icon-formula
+
+.icon-github:before
+  content: $icon-github
+
+.icon-global:before
+  content: $icon-global
+
+.icon-google_plus:before
+  content: $icon-google_plus
+
+.icon-heart--outline:before
+  content: $icon-heart--outline
+
+.icon-heart:before
+  content: $icon-heart
+
+.icon-help:before
+  content: $icon-help
+
+.icon-help2:before
+  content: $icon-help2
+
+.icon-homework:before
+  content: $icon-homework
+
+.icon-hourglass:before
+  content: $icon-hourglass
+
+.icon-info--circle:before
+  content: $icon-info--circle
+
+.icon-info:before
+  content: $icon-info
+
+.icon-insert--image:before
+  content: $icon-insert--image
+
+.icon-insert--link:before
+  content: $icon-insert--link
+
+.icon-italic:before
+  content: $icon-italic
+
+.icon-lab:before
+  content: $icon-lab
+
+.icon-link--external:before
+  content: $icon-link--external
+
+.icon-link:before
+  content: $icon-link
+
+.icon-linkedin:before
+  content: $icon-linkedin
+
+.icon-logout:before
+  content: $icon-logout
+
+.icon-mail:before
+  content: $icon-mail
+
+.icon-ordered_list:before
+  content: $icon-ordered_list
+
+.icon-platform--android:before
+  content: $icon-platform--android
+
+.icon-platform--chromeos:before
+  content: $icon-platform--chromeos
+
+.icon-platform--ios:before
+  content: $icon-platform--ios
+
+.icon-platform--linux:before
+  content: $icon-platform--linux
+
+.icon-platform--mac:before
+  content: $icon-platform--mac
+
+.icon-platform--mobile:before
+  content: $icon-platform--mobile
+
+.icon-platform--unknown:before
+  content: $icon-platform--unknown
+
+.icon-platform--windows:before
+  content: $icon-platform--windows
+
+.icon-play:before
+  content: $icon-play
+
+.icon-preview:before
+  content: $icon-preview
+
+.icon-qq:before
+  content: $icon-qq
+
+.icon-quote:before
+  content: $icon-quote
+
+.icon-refresh:before
+  content: $icon-refresh
+
+.icon-reply:before
+  content: $icon-reply
+
+.icon-schedule--fill:before
+  content: $icon-schedule--fill
+
+.icon-schedule:before
+  content: $icon-schedule
+
+.icon-search:before
+  content: $icon-search
+
+.icon-security:before
+  content: $icon-security
+
+.icon-send:before
+  content: $icon-send
+
+.icon-settings:before
+  content: $icon-settings
+
+.icon-shrink:before
+  content: $icon-shrink
+
+.icon-sliders:before
+  content: $icon-sliders
+
+.icon-stack:before
+  content: $icon-stack
+
+.icon-star--outline:before
+  content: $icon-star--outline
+
+.icon-star:before
+  content: $icon-star
+
+.icon-statistics:before
+  content: $icon-statistics
+
+.icon-tag:before
+  content: $icon-tag
+
+.icon-twitter:before
+  content: $icon-twitter
+
+.icon-unordered_list:before
+  content: $icon-unordered_list
+
+.icon-upload:before
+  content: $icon-upload
+
+.icon-user--multiple:before
+  content: $icon-user--multiple
+
+.icon-user:before
+  content: $icon-user
+
+.icon-vote--down:before
+  content: $icon-vote--down
+
+.icon-vote--up:before
+  content: $icon-vote--up
+
+.icon-warning:before
+  content: $icon-warning
+
+.icon-web:before
+  content: $icon-web
+
+.icon-wechat:before
+  content: $icon-wechat
+
+.icon-wrench:before
+  content: $icon-wrench
+
diff --git a/vj4/ui/misc/.iconfont/webicon.inc.html b/vj4/ui/misc/.iconfont/webicon.inc.html
new file mode 100755
index 0000000..c9df7d1
--- /dev/null
+++ b/vj4/ui/misc/.iconfont/webicon.inc.html
@@ -0,0 +1,273 @@
+$icon-font-name = 'vj4icon'
+
+
+$icon-account--circle = '\EA01'
+$icon-account--circle-file = 'account--circle.svg'
+
+$icon-add = '\EA02'
+$icon-add-file = 'add.svg'
+
+$icon-award = '\EA03'
+$icon-award-file = 'award.svg'
+
+$icon-block = '\EA04'
+$icon-block-file = 'block.svg'
+
+$icon-bold = '\EA05'
+$icon-bold-file = 'bold.svg'
+
+$icon-calendar = '\EA06'
+$icon-calendar-file = 'calendar.svg'
+
+$icon-check--circle = '\EA07'
+$icon-check--circle-file = 'check--circle.svg'
+
+$icon-check = '\EA08'
+$icon-check-file = 'check.svg'
+
+$icon-chevron_left = '\EA09'
+$icon-chevron_left-file = 'chevron_left.svg'
+
+$icon-chevron_right = '\EA0A'
+$icon-chevron_right-file = 'chevron_right.svg'
+
+$icon-close--circle = '\EA0B'
+$icon-close--circle-file = 'close--circle.svg'
+
+$icon-close = '\EA0C'
+$icon-close-file = 'close.svg'
+
+$icon-code = '\EA0D'
+$icon-code-file = 'code.svg'
+
+$icon-comment--multiple = '\EA0E'
+$icon-comment--multiple-file = 'comment--multiple.svg'
+
+$icon-comment--text = '\EA0F'
+$icon-comment--text-file = 'comment--text.svg'
+
+$icon-copy = '\EA10'
+$icon-copy-file = 'copy.svg'
+
+$icon-crown = '\EA11'
+$icon-crown-file = 'crown.svg'
+
+$icon-debug = '\EA12'
+$icon-debug-file = 'debug.svg'
+
+$icon-delete = '\EA13'
+$icon-delete-file = 'delete.svg'
+
+$icon-download = '\EA14'
+$icon-download-file = 'download.svg'
+
+$icon-edit = '\EA15'
+$icon-edit-file = 'edit.svg'
+
+$icon-enlarge = '\EA16'
+$icon-enlarge-file = 'enlarge.svg'
+
+$icon-erase = '\EA17'
+$icon-erase-file = 'erase.svg'
+
+$icon-expand_less = '\EA18'
+$icon-expand_less-file = 'expand_less.svg'
+
+$icon-expand_more = '\EA19'
+$icon-expand_more-file = 'expand_more.svg'
+
+$icon-facebook = '\EA1A'
+$icon-facebook-file = 'facebook.svg'
+
+$icon-feeling-lucky = '\EA1B'
+$icon-feeling-lucky-file = 'feeling-lucky.svg'
+
+$icon-file = '\EA1C'
+$icon-file-file = 'file.svg'
+
+$icon-filter = '\EA1D'
+$icon-filter-file = 'filter.svg'
+
+$icon-flag = '\EA1E'
+$icon-flag-file = 'flag.svg'
+
+$icon-formula = '\EA1F'
+$icon-formula-file = 'formula.svg'
+
+$icon-github = '\EA20'
+$icon-github-file = 'github.svg'
+
+$icon-global = '\EA21'
+$icon-global-file = 'global.svg'
+
+$icon-google_plus = '\EA22'
+$icon-google_plus-file = 'google_plus.svg'
+
+$icon-heart--outline = '\EA23'
+$icon-heart--outline-file = 'heart--outline.svg'
+
+$icon-heart = '\EA24'
+$icon-heart-file = 'heart.svg'
+
+$icon-help = '\EA25'
+$icon-help-file = 'help.svg'
+
+$icon-help2 = '\EA26'
+$icon-help2-file = 'help2.svg'
+
+$icon-homework = '\EA27'
+$icon-homework-file = 'homework.svg'
+
+$icon-hourglass = '\EA28'
+$icon-hourglass-file = 'hourglass.svg'
+
+$icon-info--circle = '\EA29'
+$icon-info--circle-file = 'info--circle.svg'
+
+$icon-info = '\EA2A'
+$icon-info-file = 'info.svg'
+
+$icon-insert--image = '\EA2B'
+$icon-insert--image-file = 'insert--image.svg'
+
+$icon-insert--link = '\EA2C'
+$icon-insert--link-file = 'insert--link.svg'
+
+$icon-italic = '\EA2D'
+$icon-italic-file = 'italic.svg'
+
+$icon-lab = '\EA2E'
+$icon-lab-file = 'lab.svg'
+
+$icon-link--external = '\EA2F'
+$icon-link--external-file = 'link--external.svg'
+
+$icon-link = '\EA30'
+$icon-link-file = 'link.svg'
+
+$icon-linkedin = '\EA31'
+$icon-linkedin-file = 'linkedin.svg'
+
+$icon-logout = '\EA32'
+$icon-logout-file = 'logout.svg'
+
+$icon-mail = '\EA33'
+$icon-mail-file = 'mail.svg'
+
+$icon-ordered_list = '\EA34'
+$icon-ordered_list-file = 'ordered_list.svg'
+
+$icon-platform--android = '\EA35'
+$icon-platform--android-file = 'platform--android.svg'
+
+$icon-platform--chromeos = '\EA36'
+$icon-platform--chromeos-file = 'platform--chromeos.svg'
+
+$icon-platform--ios = '\EA37'
+$icon-platform--ios-file = 'platform--ios.svg'
+
+$icon-platform--linux = '\EA38'
+$icon-platform--linux-file = 'platform--linux.svg'
+
+$icon-platform--mac = '\EA39'
+$icon-platform--mac-file = 'platform--mac.svg'
+
+$icon-platform--mobile = '\EA3A'
+$icon-platform--mobile-file = 'platform--mobile.svg'
+
+$icon-platform--unknown = '\EA3B'
+$icon-platform--unknown-file = 'platform--unknown.svg'
+
+$icon-platform--windows = '\EA3C'
+$icon-platform--windows-file = 'platform--windows.svg'
+
+$icon-play = '\EA3D'
+$icon-play-file = 'play.svg'
+
+$icon-preview = '\EA3E'
+$icon-preview-file = 'preview.svg'
+
+$icon-qq = '\EA3F'
+$icon-qq-file = 'qq.svg'
+
+$icon-quote = '\EA40'
+$icon-quote-file = 'quote.svg'
+
+$icon-refresh = '\EA41'
+$icon-refresh-file = 'refresh.svg'
+
+$icon-reply = '\EA42'
+$icon-reply-file = 'reply.svg'
+
+$icon-schedule--fill = '\EA43'
+$icon-schedule--fill-file = 'schedule--fill.svg'
+
+$icon-schedule = '\EA44'
+$icon-schedule-file = 'schedule.svg'
+
+$icon-search = '\EA45'
+$icon-search-file = 'search.svg'
+
+$icon-security = '\EA46'
+$icon-security-file = 'security.svg'
+
+$icon-send = '\EA47'
+$icon-send-file = 'send.svg'
+
+$icon-settings = '\EA48'
+$icon-settings-file = 'settings.svg'
+
+$icon-shrink = '\EA49'
+$icon-shrink-file = 'shrink.svg'
+
+$icon-sliders = '\EA4A'
+$icon-sliders-file = 'sliders.svg'
+
+$icon-stack = '\EA4B'
+$icon-stack-file = 'stack.svg'
+
+$icon-star--outline = '\EA4C'
+$icon-star--outline-file = 'star--outline.svg'
+
+$icon-star = '\EA4D'
+$icon-star-file = 'star.svg'
+
+$icon-statistics = '\EA4E'
+$icon-statistics-file = 'statistics.svg'
+
+$icon-tag = '\EA4F'
+$icon-tag-file = 'tag.svg'
+
+$icon-twitter = '\EA50'
+$icon-twitter-file = 'twitter.svg'
+
+$icon-unordered_list = '\EA51'
+$icon-unordered_list-file = 'unordered_list.svg'
+
+$icon-upload = '\EA52'
+$icon-upload-file = 'upload.svg'
+
+$icon-user--multiple = '\EA53'
+$icon-user--multiple-file = 'user--multiple.svg'
+
+$icon-user = '\EA54'
+$icon-user-file = 'user.svg'
+
+$icon-vote--down = '\EA55'
+$icon-vote--down-file = 'vote--down.svg'
+
+$icon-vote--up = '\EA56'
+$icon-vote--up-file = 'vote--up.svg'
+
+$icon-warning = '\EA57'
+$icon-warning-file = 'warning.svg'
+
+$icon-web = '\EA58'
+$icon-web-file = 'web.svg'
+
+$icon-wechat = '\EA59'
+$icon-wechat-file = 'wechat.svg'
+
+$icon-wrench = '\EA5A'
+$icon-wrench-file = 'wrench.svg'
+
diff --git a/vj4/ui/misc/.iconfont/webicon.inc.styl b/vj4/ui/misc/.iconfont/webicon.inc.styl
new file mode 100755
index 0000000..c9df7d1
--- /dev/null
+++ b/vj4/ui/misc/.iconfont/webicon.inc.styl
@@ -0,0 +1,273 @@
+$icon-font-name = 'vj4icon'
+
+
+$icon-account--circle = '\EA01'
+$icon-account--circle-file = 'account--circle.svg'
+
+$icon-add = '\EA02'
+$icon-add-file = 'add.svg'
+
+$icon-award = '\EA03'
+$icon-award-file = 'award.svg'
+
+$icon-block = '\EA04'
+$icon-block-file = 'block.svg'
+
+$icon-bold = '\EA05'
+$icon-bold-file = 'bold.svg'
+
+$icon-calendar = '\EA06'
+$icon-calendar-file = 'calendar.svg'
+
+$icon-check--circle = '\EA07'
+$icon-check--circle-file = 'check--circle.svg'
+
+$icon-check = '\EA08'
+$icon-check-file = 'check.svg'
+
+$icon-chevron_left = '\EA09'
+$icon-chevron_left-file = 'chevron_left.svg'
+
+$icon-chevron_right = '\EA0A'
+$icon-chevron_right-file = 'chevron_right.svg'
+
+$icon-close--circle = '\EA0B'
+$icon-close--circle-file = 'close--circle.svg'
+
+$icon-close = '\EA0C'
+$icon-close-file = 'close.svg'
+
+$icon-code = '\EA0D'
+$icon-code-file = 'code.svg'
+
+$icon-comment--multiple = '\EA0E'
+$icon-comment--multiple-file = 'comment--multiple.svg'
+
+$icon-comment--text = '\EA0F'
+$icon-comment--text-file = 'comment--text.svg'
+
+$icon-copy = '\EA10'
+$icon-copy-file = 'copy.svg'
+
+$icon-crown = '\EA11'
+$icon-crown-file = 'crown.svg'
+
+$icon-debug = '\EA12'
+$icon-debug-file = 'debug.svg'
+
+$icon-delete = '\EA13'
+$icon-delete-file = 'delete.svg'
+
+$icon-download = '\EA14'
+$icon-download-file = 'download.svg'
+
+$icon-edit = '\EA15'
+$icon-edit-file = 'edit.svg'
+
+$icon-enlarge = '\EA16'
+$icon-enlarge-file = 'enlarge.svg'
+
+$icon-erase = '\EA17'
+$icon-erase-file = 'erase.svg'
+
+$icon-expand_less = '\EA18'
+$icon-expand_less-file = 'expand_less.svg'
+
+$icon-expand_more = '\EA19'
+$icon-expand_more-file = 'expand_more.svg'
+
+$icon-facebook = '\EA1A'
+$icon-facebook-file = 'facebook.svg'
+
+$icon-feeling-lucky = '\EA1B'
+$icon-feeling-lucky-file = 'feeling-lucky.svg'
+
+$icon-file = '\EA1C'
+$icon-file-file = 'file.svg'
+
+$icon-filter = '\EA1D'
+$icon-filter-file = 'filter.svg'
+
+$icon-flag = '\EA1E'
+$icon-flag-file = 'flag.svg'
+
+$icon-formula = '\EA1F'
+$icon-formula-file = 'formula.svg'
+
+$icon-github = '\EA20'
+$icon-github-file = 'github.svg'
+
+$icon-global = '\EA21'
+$icon-global-file = 'global.svg'
+
+$icon-google_plus = '\EA22'
+$icon-google_plus-file = 'google_plus.svg'
+
+$icon-heart--outline = '\EA23'
+$icon-heart--outline-file = 'heart--outline.svg'
+
+$icon-heart = '\EA24'
+$icon-heart-file = 'heart.svg'
+
+$icon-help = '\EA25'
+$icon-help-file = 'help.svg'
+
+$icon-help2 = '\EA26'
+$icon-help2-file = 'help2.svg'
+
+$icon-homework = '\EA27'
+$icon-homework-file = 'homework.svg'
+
+$icon-hourglass = '\EA28'
+$icon-hourglass-file = 'hourglass.svg'
+
+$icon-info--circle = '\EA29'
+$icon-info--circle-file = 'info--circle.svg'
+
+$icon-info = '\EA2A'
+$icon-info-file = 'info.svg'
+
+$icon-insert--image = '\EA2B'
+$icon-insert--image-file = 'insert--image.svg'
+
+$icon-insert--link = '\EA2C'
+$icon-insert--link-file = 'insert--link.svg'
+
+$icon-italic = '\EA2D'
+$icon-italic-file = 'italic.svg'
+
+$icon-lab = '\EA2E'
+$icon-lab-file = 'lab.svg'
+
+$icon-link--external = '\EA2F'
+$icon-link--external-file = 'link--external.svg'
+
+$icon-link = '\EA30'
+$icon-link-file = 'link.svg'
+
+$icon-linkedin = '\EA31'
+$icon-linkedin-file = 'linkedin.svg'
+
+$icon-logout = '\EA32'
+$icon-logout-file = 'logout.svg'
+
+$icon-mail = '\EA33'
+$icon-mail-file = 'mail.svg'
+
+$icon-ordered_list = '\EA34'
+$icon-ordered_list-file = 'ordered_list.svg'
+
+$icon-platform--android = '\EA35'
+$icon-platform--android-file = 'platform--android.svg'
+
+$icon-platform--chromeos = '\EA36'
+$icon-platform--chromeos-file = 'platform--chromeos.svg'
+
+$icon-platform--ios = '\EA37'
+$icon-platform--ios-file = 'platform--ios.svg'
+
+$icon-platform--linux = '\EA38'
+$icon-platform--linux-file = 'platform--linux.svg'
+
+$icon-platform--mac = '\EA39'
+$icon-platform--mac-file = 'platform--mac.svg'
+
+$icon-platform--mobile = '\EA3A'
+$icon-platform--mobile-file = 'platform--mobile.svg'
+
+$icon-platform--unknown = '\EA3B'
+$icon-platform--unknown-file = 'platform--unknown.svg'
+
+$icon-platform--windows = '\EA3C'
+$icon-platform--windows-file = 'platform--windows.svg'
+
+$icon-play = '\EA3D'
+$icon-play-file = 'play.svg'
+
+$icon-preview = '\EA3E'
+$icon-preview-file = 'preview.svg'
+
+$icon-qq = '\EA3F'
+$icon-qq-file = 'qq.svg'
+
+$icon-quote = '\EA40'
+$icon-quote-file = 'quote.svg'
+
+$icon-refresh = '\EA41'
+$icon-refresh-file = 'refresh.svg'
+
+$icon-reply = '\EA42'
+$icon-reply-file = 'reply.svg'
+
+$icon-schedule--fill = '\EA43'
+$icon-schedule--fill-file = 'schedule--fill.svg'
+
+$icon-schedule = '\EA44'
+$icon-schedule-file = 'schedule.svg'
+
+$icon-search = '\EA45'
+$icon-search-file = 'search.svg'
+
+$icon-security = '\EA46'
+$icon-security-file = 'security.svg'
+
+$icon-send = '\EA47'
+$icon-send-file = 'send.svg'
+
+$icon-settings = '\EA48'
+$icon-settings-file = 'settings.svg'
+
+$icon-shrink = '\EA49'
+$icon-shrink-file = 'shrink.svg'
+
+$icon-sliders = '\EA4A'
+$icon-sliders-file = 'sliders.svg'
+
+$icon-stack = '\EA4B'
+$icon-stack-file = 'stack.svg'
+
+$icon-star--outline = '\EA4C'
+$icon-star--outline-file = 'star--outline.svg'
+
+$icon-star = '\EA4D'
+$icon-star-file = 'star.svg'
+
+$icon-statistics = '\EA4E'
+$icon-statistics-file = 'statistics.svg'
+
+$icon-tag = '\EA4F'
+$icon-tag-file = 'tag.svg'
+
+$icon-twitter = '\EA50'
+$icon-twitter-file = 'twitter.svg'
+
+$icon-unordered_list = '\EA51'
+$icon-unordered_list-file = 'unordered_list.svg'
+
+$icon-upload = '\EA52'
+$icon-upload-file = 'upload.svg'
+
+$icon-user--multiple = '\EA53'
+$icon-user--multiple-file = 'user--multiple.svg'
+
+$icon-user = '\EA54'
+$icon-user-file = 'user.svg'
+
+$icon-vote--down = '\EA55'
+$icon-vote--down-file = 'vote--down.svg'
+
+$icon-vote--up = '\EA56'
+$icon-vote--up-file = 'vote--up.svg'
+
+$icon-warning = '\EA57'
+$icon-warning-file = 'warning.svg'
+
+$icon-web = '\EA58'
+$icon-web-file = 'web.svg'
+
+$icon-wechat = '\EA59'
+$icon-wechat-file = 'wechat.svg'
+
+$icon-wrench = '\EA5A'
+$icon-wrench-file = 'wrench.svg'
+
diff --git a/vj4/ui/misc/.iconfont/webicon.styl b/vj4/ui/misc/.iconfont/webicon.styl
new file mode 100755
index 0000000..011a33d
--- /dev/null
+++ b/vj4/ui/misc/.iconfont/webicon.styl
@@ -0,0 +1,292 @@
+@font-face
+  font-family: $icon-font-name
+  src: url('./vj4icon.eot')
+  src: url('./vj4icon.eot#iefix') format('embedded-opentype'),
+    url('./vj4icon.woff2') format('woff2'),
+    url('./vj4icon.woff') format('woff'),
+    url('./vj4icon.ttf') format('truetype')
+  font-weight: normal
+  font-style: normal
+
+.icon
+  font-family: $icon-font-name !important
+  speak: none
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+
+.icon-account--circle:before
+  content: $icon-account--circle
+
+.icon-add:before
+  content: $icon-add
+
+.icon-award:before
+  content: $icon-award
+
+.icon-block:before
+  content: $icon-block
+
+.icon-bold:before
+  content: $icon-bold
+
+.icon-calendar:before
+  content: $icon-calendar
+
+.icon-check--circle:before
+  content: $icon-check--circle
+
+.icon-check:before
+  content: $icon-check
+
+.icon-chevron_left:before
+  content: $icon-chevron_left
+
+.icon-chevron_right:before
+  content: $icon-chevron_right
+
+.icon-close--circle:before
+  content: $icon-close--circle
+
+.icon-close:before
+  content: $icon-close
+
+.icon-code:before
+  content: $icon-code
+
+.icon-comment--multiple:before
+  content: $icon-comment--multiple
+
+.icon-comment--text:before
+  content: $icon-comment--text
+
+.icon-copy:before
+  content: $icon-copy
+
+.icon-crown:before
+  content: $icon-crown
+
+.icon-debug:before
+  content: $icon-debug
+
+.icon-delete:before
+  content: $icon-delete
+
+.icon-download:before
+  content: $icon-download
+
+.icon-edit:before
+  content: $icon-edit
+
+.icon-enlarge:before
+  content: $icon-enlarge
+
+.icon-erase:before
+  content: $icon-erase
+
+.icon-expand_less:before
+  content: $icon-expand_less
+
+.icon-expand_more:before
+  content: $icon-expand_more
+
+.icon-facebook:before
+  content: $icon-facebook
+
+.icon-feeling-lucky:before
+  content: $icon-feeling-lucky
+
+.icon-file:before
+  content: $icon-file
+
+.icon-filter:before
+  content: $icon-filter
+
+.icon-flag:before
+  content: $icon-flag
+
+.icon-formula:before
+  content: $icon-formula
+
+.icon-github:before
+  content: $icon-github
+
+.icon-global:before
+  content: $icon-global
+
+.icon-google_plus:before
+  content: $icon-google_plus
+
+.icon-heart--outline:before
+  content: $icon-heart--outline
+
+.icon-heart:before
+  content: $icon-heart
+
+.icon-help:before
+  content: $icon-help
+
+.icon-help2:before
+  content: $icon-help2
+
+.icon-homework:before
+  content: $icon-homework
+
+.icon-hourglass:before
+  content: $icon-hourglass
+
+.icon-info--circle:before
+  content: $icon-info--circle
+
+.icon-info:before
+  content: $icon-info
+
+.icon-insert--image:before
+  content: $icon-insert--image
+
+.icon-insert--link:before
+  content: $icon-insert--link
+
+.icon-italic:before
+  content: $icon-italic
+
+.icon-lab:before
+  content: $icon-lab
+
+.icon-link--external:before
+  content: $icon-link--external
+
+.icon-link:before
+  content: $icon-link
+
+.icon-linkedin:before
+  content: $icon-linkedin
+
+.icon-logout:before
+  content: $icon-logout
+
+.icon-mail:before
+  content: $icon-mail
+
+.icon-ordered_list:before
+  content: $icon-ordered_list
+
+.icon-platform--android:before
+  content: $icon-platform--android
+
+.icon-platform--chromeos:before
+  content: $icon-platform--chromeos
+
+.icon-platform--ios:before
+  content: $icon-platform--ios
+
+.icon-platform--linux:before
+  content: $icon-platform--linux
+
+.icon-platform--mac:before
+  content: $icon-platform--mac
+
+.icon-platform--mobile:before
+  content: $icon-platform--mobile
+
+.icon-platform--unknown:before
+  content: $icon-platform--unknown
+
+.icon-platform--windows:before
+  content: $icon-platform--windows
+
+.icon-play:before
+  content: $icon-play
+
+.icon-preview:before
+  content: $icon-preview
+
+.icon-qq:before
+  content: $icon-qq
+
+.icon-quote:before
+  content: $icon-quote
+
+.icon-refresh:before
+  content: $icon-refresh
+
+.icon-reply:before
+  content: $icon-reply
+
+.icon-schedule--fill:before
+  content: $icon-schedule--fill
+
+.icon-schedule:before
+  content: $icon-schedule
+
+.icon-search:before
+  content: $icon-search
+
+.icon-security:before
+  content: $icon-security
+
+.icon-send:before
+  content: $icon-send
+
+.icon-settings:before
+  content: $icon-settings
+
+.icon-shrink:before
+  content: $icon-shrink
+
+.icon-sliders:before
+  content: $icon-sliders
+
+.icon-stack:before
+  content: $icon-stack
+
+.icon-star--outline:before
+  content: $icon-star--outline
+
+.icon-star:before
+  content: $icon-star
+
+.icon-statistics:before
+  content: $icon-statistics
+
+.icon-tag:before
+  content: $icon-tag
+
+.icon-twitter:before
+  content: $icon-twitter
+
+.icon-unordered_list:before
+  content: $icon-unordered_list
+
+.icon-upload:before
+  content: $icon-upload
+
+.icon-user--multiple:before
+  content: $icon-user--multiple
+
+.icon-user:before
+  content: $icon-user
+
+.icon-vote--down:before
+  content: $icon-vote--down
+
+.icon-vote--up:before
+  content: $icon-vote--up
+
+.icon-warning:before
+  content: $icon-warning
+
+.icon-web:before
+  content: $icon-web
+
+.icon-wechat:before
+  content: $icon-wechat
+
+.icon-wrench:before
+  content: $icon-wrench
+