首页 探索 帮助
注册 登录
avalanche
/
avalanche2
关注 2
点赞 0
派生 0

浏览代码
New icons and task checkbox styles

James Peret 10 年之前
父节点
cd5a41253a
当前提交
70258b2b03
共有 12 个文件被更改，包括 376 次插入 和 43 次删除
显示文件统计
  1. 45 17
      .fontcustom-manifest.json
  2. 二进制
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot
  3. 70 10
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg
  4. 二进制
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf
  5. 二进制
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff
  6. 二进制
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot
  7. 二进制
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf
  8. 二进制
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff
  9. 21 7
      app/assets/stylesheets/avalanche_icons.css
  10. 78 0
      app/assets/stylesheets/avl2_theme/task_checkbox.less
  11. 113 8
      public/avalanche_icons.html
  12. 49 1
      public/styleguide.html

+ 45 - 17
.fontcustom-manifest.json
查看文件 

@@ -1,42 +1,70 @@
1 1 
 {
2 2 
   "checksum": {
3 
-    "previous": "602eb5bbab87ae7510f80c03aed8da5ad1a7f15407ae3f96abc98706e4698a4b",
4 
-    "current": "602eb5bbab87ae7510f80c03aed8da5ad1a7f15407ae3f96abc98706e4698a4b"
3 
+    "previous": "3d245f25153d8fe510efd22ff8197c7bfed9e3ada9607d51a942166c9153570a",
4 
+    "current": "3d245f25153d8fe510efd22ff8197c7bfed9e3ada9607d51a942166c9153570a"
5 5 
   },
6 6 
   "fonts": [
7 
-    "app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf",
8 
-    "app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg",
9 
-    "app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff",
10 
-    "app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot"
7 
+    "app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf",
8 
+    "app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg",
9 
+    "app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff",
10 
+    "app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot"
11 11 
   ],
12 12 
   "glyphs": {
13 13 
     "agent": {
14 14 
       "codepoint": 61696,
15 
-      "source": "app/assets/images/svg/icons/agent.svg"
15 
+      "source": "public/svg/icons/agent.svg"
16 
+    },
17 
+    "agent-circle": {
18 
+      "codepoint": 61703,
19 
+      "source": "public/svg/icons/agent-circle.svg"
16 20 
     },
17 21 
     "avalanche": {
18 22 
       "codepoint": 61697,
19 
-      "source": "app/assets/images/svg/icons/avalanche.svg"
23 
+      "source": "public/svg/icons/avalanche.svg"
24 
+    },
25 
+    "bullet": {
26 
+      "codepoint": 61704,
27 
+      "source": "public/svg/icons/bullet.svg"
20 28 
     },
21 29 
     "chat": {
22 30 
       "codepoint": 61698,
23 
-      "source": "app/assets/images/svg/icons/chat.svg"
31 
+      "source": "public/svg/icons/chat.svg"
32 
+    },
33 
+    "flaged": {
34 
+      "codepoint": 61710,
35 
+      "source": "public/svg/icons/flaged.svg"
36 
+    },
37 
+    "lab": {
38 
+      "codepoint": 61706,
39 
+      "source": "public/svg/icons/lab.svg"
40 
+    },
41 
+    "message": {
42 
+      "codepoint": 61707,
43 
+      "source": "public/svg/icons/message.svg"
24 44 
     },
25 45 
     "mission": {
26 46 
       "codepoint": 61699,
27 
-      "source": "app/assets/images/svg/icons/mission.svg"
47 
+      "source": "public/svg/icons/mission.svg"
48 
+    },
49 
+    "objective": {
50 
+      "codepoint": 61708,
51 
+      "source": "public/svg/icons/objective.svg"
28 52 
     },
29 53 
     "radar": {
30 54 
       "codepoint": 61700,
31 
-      "source": "app/assets/images/svg/icons/radar.svg"
55 
+      "source": "public/svg/icons/radar.svg"
32 56 
     },
33 57 
     "reward": {
34 58 
       "codepoint": 61701,
35 
-      "source": "app/assets/images/svg/icons/reward.svg"
59 
+      "source": "public/svg/icons/reward.svg"
36 60 
     },
37 61 
     "task": {
38 62 
       "codepoint": 61702,
39 
-      "source": "app/assets/images/svg/icons/task.svg"
63 
+      "source": "public/svg/icons/task.svg"
64 
+    },
65 
+    "validation": {
66 
+      "codepoint": 61709,
67 
+      "source": "public/svg/icons/validation.svg"
40 68 
     }
41 69 
   },
42 70 
   "options": {
 
@@ -51,14 +79,14 @@
51 79 
     "font_name": "avalanche_icons",
52 80 
     "force": false,
53 81 
     "input": {
54 
-      "templates": "app/assets/images/svg/icons",
55 
-      "vectors": "app/assets/images/svg/icons"
82 
+      "templates": "public/svg/icons",
83 
+      "vectors": "public/svg/icons"
56 84 
     },
57 85 
     "no_hash": false,
58 86 
     "output": {
59 87 
       "css": "app/assets/stylesheets",
60 88 
       "fonts": "app/assets/fonts",
61 
-      "preview": "app/views/styleguide"
89 
+      "preview": "public/"
62 90 
     },
63 91 
     "preprocessor_path": null,
64 92 
     "quiet": false,
 
@@ -68,7 +96,7 @@
68 96 
     ]
69 97 
   },
70 98 
   "templates": [
71 
-    "app/views/styleguide/avalanche_icons-preview.html",
99 
+    "public/avalanche_icons-preview.html",
72 100 
     "app/assets/stylesheets/avalanche_icons.css"
73 101 
   ]
74 102 
 }

二进制
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot
查看文件


+ 70 - 10
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg
查看文件 

@@ -1,11 +1,11 @@
1 1 
 <?xml version="1.0" standalone="no"?>
2 2 
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 3 
 <!--
4 
-2015-2-8: Created with FontForge (http://fontforge.org)
4 
+2015-4-14: Created with FontForge (http://fontforge.org)
5 5 
 -->
6 6 
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
7 7 
 <metadata>
8 
-Created by FontForge 20141024 at Sun Feb  8 20:27:46 2015
8 
+Created by FontForge 20141024 at Tue Apr 14 23:45:31 2015
9 9 
  By V
10 10 
 Copyright (c) 2015, V
11 11 
 </metadata>
 
@@ -22,19 +22,17 @@ Copyright (c) 2015, V
22 22 
     bbox="25.5996 -22.751 488.076 401.643"
23 23 
     underline-thickness="25.6"
24 24 
     underline-position="-51.2"
25 
-    unicode-range="U+0020-F106"
25 
+    unicode-range="U+0020-F10E"
26 26 
   />
27 27 
     <missing-glyph />
28 28 
     <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
29 29 
  />
30 30 
     <glyph glyph-name="uniF106" unicode="&#xf106;"
31 
-d="M84.6963 -5.99902c-13.7783 0 -24.9883 11.21 -24.9883 24.9893v344.313c0 13.7783 11.21 24.9883 24.9883 24.9883h344.313c13.7793 0 24.9893 -11.21 24.9893 -24.9883v-344.313c0 -13.7793 -11.21 -24.9893 -24.9893 -24.9893h-344.313v0zM121.228 355.035
32 
-c-15.584 0 -28.2627 -12.6787 -28.2627 -28.2627v-272.49c0 -15.584 12.6787 -28.2627 28.2627 -28.2627h272.49c15.584 0 28.2627 12.6787 28.2627 28.2627v272.49c0 15.584 -12.6787 28.2627 -28.2627 28.2627h-272.49v0zM429.01 383.556v0h-344.313
33 
-c-11.167 0 -20.252 -9.08496 -20.252 -20.252v-344.313c0 -11.168 9.08496 -20.2529 20.252 -20.2529h344.313c11.168 0 20.2529 9.08496 20.2529 20.2529v344.313c0 11.167 -9.08496 20.252 -20.2529 20.252zM121.228 21.2832v0c-18.1963 0 -32.999 14.8027 -32.999 32.999
34 
-v272.49c0 18.1963 14.8027 32.999 32.999 32.999h272.49c18.1963 0 32.999 -14.8027 32.999 -32.999v-272.49c0 -18.1963 -14.8027 -32.999 -32.999 -32.999h-272.49zM429.01 393.028v0c16.417 0 29.7256 -13.3076 29.7256 -29.7246v-344.313
35 
-c0 -16.417 -13.3086 -29.7256 -29.7256 -29.7256h-344.313c-16.416 0 -29.7246 13.3086 -29.7246 29.7256v344.313c0 16.417 13.3086 29.7246 29.7246 29.7246h344.313zM121.228 30.7559v0h272.49c12.9922 0 23.5264 10.5342 23.5264 23.5264v272.49
36 
-c0 12.9941 -10.5342 23.5264 -23.5264 23.5264h-272.49c-12.9941 0 -23.5264 -10.5322 -23.5264 -23.5264v-272.49c0 -12.9922 10.5322 -23.5264 23.5264 -23.5264zM183.16 206.628l-30.3447 -31.582l73.6943 -74.9316l143.67 144.909l-31.583 30.9629l-111.469 -111.469
37 
-l-43.9678 42.1104z" />
31 
+d="M429.01 393.028c16.417 0 29.7256 -13.3076 29.7256 -29.7246v-344.313c0 -16.417 -13.3086 -29.7256 -29.7256 -29.7256h-344.313c-16.416 0 -29.7246 13.3086 -29.7246 29.7256v344.313c0 16.417 13.3086 29.7246 29.7246 29.7246h344.313zM121.228 355.035
32 
+c-15.584 0 -28.2627 -12.6787 -28.2627 -28.2627v-272.49c0 -15.584 12.6787 -28.2627 28.2627 -28.2627h272.49c15.584 0 28.2627 12.6787 28.2627 28.2627v272.49c0 15.584 -12.6787 28.2627 -28.2627 28.2627h-272.49zM183.16 206.628l-30.3447 -31.582l73.6943 -74.9316
33 
+l143.67 144.909l-31.583 30.9629l-111.469 -111.469l-43.9678 42.1104z" />
34 
+    <glyph glyph-name="uniF108" unicode="&#xf108;"
35 
+d="M48.0781 191.146l208.775 208.775l208.775 -208.775l-208.775 -208.775zM108.771 192l147.229 -147.229l147.229 147.229l-147.229 147.229zM186.006 192l69.9941 69.9941l69.9941 -69.9941l-69.9941 -69.9941z" />
38 36 
     <glyph glyph-name="uniF103" unicode="&#xf103;"
39 37 
 d="M232.426 216.875l91.0576 51.1494l32.1064 45.3486l77.8984 41.1299l-13.6846 -52.2031l52.6338 -15.292l-73.1611 -41.6582l-47.8965 -2.63574l-102.637 -55.3682l-16.3174 29.5293zM350.962 202.014c0.615234 -5.33105 0.943359 -10.752 0.943359 -16.25
40 38 
 c0 -77.1748 -62.4463 -139.737 -139.479 -139.737s-139.48 62.5625 -139.48 139.737c0 77.1758 62.4473 139.737 139.48 139.737c32.4766 0 62.3584 -11.1201 86.0645 -29.7666l27.7188 20.4785c-30.4395 26.7871 -70.3477 43.0361 -114.047 43.0361
 
@@ -70,6 +68,10 @@ c-11.9766 -11.5996 -24.4385 -22.5332 -40.3223 -28.6553c-4.17285 -1.61133 -10.150
70 68 
 c2.0791 0.327148 4.02148 0.892578 5.96484 0.900391c18.3516 0.0673828 36.7031 0.00683594 55.0518 0.0722656c2.96484 0.0126953 5.07324 -0.854492 6.56738 -3.58887c1.39355 -2.54883 15.3613 -2.48535 16.7568 0.0625c1.50195 2.7373 3.64844 3.55176 6.60254 3.53906
71 69 
 c17.1445 -0.0722656 34.2881 -0.0146484 51.4346 -0.0673828c3.14844 -0.0126953 6.2959 -0.336914 9.52734 -0.525391c4.4209 16.7549 -4.78516 42.6807 -17.1992 48.6123c-28.25 -22.875 -60.8389 -33.0264 -97.6543 -35.2939
72 70 
 c8.24707 14.5234 21.6855 25.2148 21.5225 43.1182z" />
71 
+    <glyph glyph-name="uniF10D" unicode="&#xf10d;"
72 
+d="M92.8291 127.906l-28.2832 20.2637v83.1514l27.9922 20.7832c17.623 47.0449 54.8096 84.5342 101.656 102.561h-0.736328l21.291 30.0586h82.207l21.4814 -29.2656v0c47.2109 -17.4736 84.8779 -54.6221 103.047 -101.49l27.6768 -19.8291v-83.1514l-25.8242 -19.1729v0
73 
+c-17.2461 -48.8643 -55.46 -87.8311 -103.835 -106.094l-20.1689 -28.1514h-83.1514l-20.8818 28.125c-47.1094 17.7627 -84.5918 55.1582 -102.471 102.212zM257.367 45.1289c80.2256 0 145.261 65.0352 145.261 145.261c0 80.2266 -65.0352 145.262 -145.261 145.262
74 
+s-145.262 -65.0352 -145.262 -145.262c0 -80.2256 65.0361 -145.261 145.262 -145.261zM183.466 208.13l-28.5645 -29.7305l69.3711 -70.5361l135.244 136.41l-29.7305 29.1475l-104.931 -104.932l-41.3896 39.6406z" />
73 75 
     <glyph glyph-name="uniF104" unicode="&#xf104;"
74 76 
 d="M256.765 373.793c25.4346 0 50.0898 -4.89355 73.2783 -14.5439c22.3818 -9.31445 42.4785 -22.6465 59.7363 -39.627c35.3662 -34.7988 54.8438 -81.0303 54.8438 -130.177c0 -49.1455 -19.4775 -95.377 -54.8438 -130.176
75 77 
 c-17.2578 -16.9805 -37.3545 -30.3125 -59.7363 -39.626c-23.1885 -9.65137 -47.8438 -14.5449 -73.2783 -14.5449c-25.4355 0 -50.0898 4.89355 -73.2803 14.5449c-22.3809 9.31445 -42.4785 22.6455 -59.7344 39.626c-35.3672 34.7988 -54.8457 81.0303 -54.8457 130.176
 
@@ -96,6 +98,50 @@ c0 -19.4121 15.9932 -35.1475 35.7217 -35.1475c19.7266 0 35.7197 15.7354 35.7197
96 98 
     <glyph glyph-name="uniF101" unicode="&#xf101;"
97 99 
 d="M347.476 348.612l-90.2002 -29.875l41.457 -51.7812l48.7432 81.6562zM279.237 36.6504h204.122l-125.506 257.995l-46.1201 -94.8027l-0.0224609 0.0478516l-78.376 -163.427h45.9902l-0.0878906 0.186523zM308.007 199.843l2.10938 4.33789l-30.4023 81.7891h-66.2852
98 100 
 l-24.0332 -64.6504l-0.0410156 0.0878906l-66.5391 -184.943h106.794l78.375 163.427l0.0224609 -0.0478516zM185.671 221.319l1.61328 4.34375l-33.4746 68.8086l-125.506 -258.008h90.7852l66.5391 184.943l0.0429688 -0.0878906z" />
101 
+    <glyph glyph-name="uniF107" unicode="&#xf107;"
102 
+d="M255.149 -12.9697c-113.672 0 -205.82 92.1484 -205.82 205.82s92.1484 205.82 205.82 205.82s205.82 -92.1484 205.82 -205.82s-92.1484 -205.82 -205.82 -205.82zM255.149 2.33887c105.217 0 190.512 85.2949 190.512 190.512s-85.2949 190.512 -190.512 190.512
103 
+s-190.512 -85.2949 -190.512 -190.512s85.2949 -190.512 190.512 -190.512zM333.191 2.34082h-156.084c-28.4014 11.6475 -53.6221 29.4609 -73.9951 51.7754c1.68555 6.37305 3.66113 12.6807 5.58301 18.9893c1.33203 4.37891 4.47754 7.5293 8.01953 10.3516
104 
+c10.6777 8.51562 23.0391 13.6445 35.873 17.6963c16.1729 5.10547 32.4482 9.8916 48.6836 14.8037c0.480469 0.143555 1.00586 0.154297 1.0752 0.162109c0 -5.17383 -0.0341797 -10.2324 0.0078125 -15.2881c0.0654297 -7.71582 2.09961 -14.9385 5.46973 -21.8438
105 
+c10.4268 -21.3525 24.3037 -39.8438 43.9668 -53.6426c2.5332 -1.77734 4.29688 -1.77734 6.82812 0.0078125c21.5205 15.1934 36.3848 35.584 46.4795 59.6123c3.87598 9.22559 3.39258 19.0723 2.54883 28.835c-0.0546875 0.647461 -0.145508 1.28809 -0.202148 1.93164
106 
+c-0.00878906 0.0898438 0.0947266 0.186523 0.330078 0.615234c1.61621 -0.517578 3.31055 -1.08008 5.01562 -1.60156c16.9434 -5.1875 33.957 -10.1504 50.8047 -15.624c11.8877 -3.86133 23.1318 -9.22949 32.4688 -17.8184
107 
+c1.93066 -1.77734 3.57617 -4.06641 4.7627 -6.41797c3.24902 -6.45117 5.49805 -13.165 7.01172 -20.0508c-20.4863 -22.6504 -45.9424 -40.7217 -74.6475 -52.4932zM255.419 116.646c1.40723 0.00195312 2.8457 -0.188477 4.2168 0.0341797
108 
+c7.74121 1.25586 11.5059 -4.14258 15.3691 -9.23145c0.452148 -0.59668 0.15625 -2.36719 -0.427734 -3.04492c-3.5918 -4.16797 -7.23828 -8.30469 -11.1426 -12.1738c-1.49316 -1.47754 -1.76465 -2.53418 -0.998047 -4.40527
109 
+c4.2168 -10.3027 8.26855 -20.6738 12.5059 -30.9688c0.748047 -1.81641 0.6875 -3.11914 -0.462891 -4.71777c-4.92676 -6.85156 -11.0254 -12.4814 -17.8516 -17.3428c-0.642578 -0.460938 -2.13379 -0.519531 -2.7627 -0.0859375
110 
+c-6.98047 4.83105 -13.4688 10.2363 -17.9795 17.5645c-0.691406 1.12598 -0.836914 3.10254 -0.358398 4.35059c3.99707 10.3877 8.15723 20.7148 12.3818 31.0156c0.768555 1.87109 0.500977 2.82715 -1.0166 4.32227c-3.97949 3.91797 -7.65039 8.16406 -11.2109 12.4736
111 
+c-0.576172 0.698242 -0.436523 2.7832 0.194336 3.54004c2.13379 2.5625 4.50879 4.97168 7.06348 7.11133c1.10938 0.929688 2.8623 1.35938 4.36719 1.48926c2.6875 0.233398 5.40723 0.0673828 8.1123 0.0693359zM262.367 335.085
112 
+c5.09277 -0.886719 10.2568 -1.49512 15.2705 -2.71094c18.0908 -4.38379 33.3096 -13.2773 43.6172 -29.2344c6.6543 -10.3027 9.16113 -22.0137 9.09766 -34.0332c-0.0527344 -10.6768 -1.38477 -21.3447 -2.15723 -32.0146
113 
+c-0.046875 -0.634766 -0.125977 -1.26758 -0.189453 -1.88672c7.09863 -1.48926 9.84277 -4.47363 10.1553 -12.3564c0.448242 -11.498 -3.00781 -21.7295 -11.0635 -30.2148c-1.00977 -1.06543 -1.85352 -2.37988 -2.46191 -3.7207
114 
+c-6.0459 -13.3486 -12.9336 -26.1934 -22.4092 -37.4766c-9.4082 -11.2012 -20.5693 -19.8789 -35.2227 -22.9209c-19.0566 -3.9541 -35.7578 1.14062 -50.1787 13.9717c-11.8506 10.542 -19.9521 23.8154 -26.9863 37.8164
115 
+c-2.79492 5.56348 -5.54688 10.9951 -9.50391 16.0186c-6.78223 8.61133 -9.54395 18.8486 -7.56641 29.9209c1.03027 5.75977 3.54688 7.95508 9.4834 8.78125c-0.666992 6.39355 -1.49707 12.7881 -1.97168 19.21c-0.943359 12.6953 -0.59375 25.2822 3.54102 37.5352
116 
+c5.58789 16.5479 17.3223 27.3193 32.5029 34.8389c9.10645 4.51172 18.8232 6.94434 28.9355 7.85156c0.949219 0.0849609 1.87598 0.410156 2.81543 0.625h14.292zM248.213 231.021c-1.6123 -8.91504 -6.56738 -14.7178 -14.7988 -17.6943
117 
+c-7.03418 -2.54199 -14.3633 -3.46973 -21.7344 -2.7207c-7.42871 0.754883 -13.5967 3.83691 -16.5225 11.4961c-0.833984 2.17676 -2.18066 4.25391 -3.66895 6.06641c-2.31641 2.82227 -4.81543 2.74707 -6.99316 -0.125977
118 
+c-0.945312 -1.24609 -1.85352 -2.85059 -1.95898 -4.35254c-0.641602 -9.1416 1.72949 -17.3047 8.22754 -24.0889c1.5332 -1.60156 2.91699 -3.50586 3.82324 -5.5166c5.66016 -12.5332 11.4141 -24.9785 19.5996 -36.1582
119 
+c14.9541 -20.4229 37.4805 -23.9287 57.8936 -17.9883c12.1914 3.54688 20.8555 11.9629 27.1309 22.4932c6.07227 10.1895 11.0391 21.0352 16.5391 31.5703c0.890625 1.7041 1.73828 3.58691 3.09473 4.86914c6.78711 6.39746 9.38477 14.4131 9.08008 23.4238
120 
+c-0.0722656 2.16504 -1.34668 4.5127 -2.6582 6.35645c-1.60254 2.25195 -4.06836 2.24609 -5.79102 0.0810547c-1.79297 -2.25586 -3.16797 -4.85742 -4.59766 -7.37891c-0.792969 -1.40039 -0.932617 -3.45117 -2.05469 -4.34375
121 
+c-4.54688 -3.61133 -9.42871 -6.77246 -15.6045 -6.58594c-3.67285 0.113281 -7.37793 0.147461 -11.0068 0.661133c-11.998 1.69824 -21.5771 6.51855 -24.0615 19.9365h-13.9375zM241.157 286.535c-1.93652 -2.16699 -3.75 -4.46191 -5.83301 -6.47852
122 
+c-9.67578 -9.36328 -19.7441 -18.1895 -32.5762 -23.1318c-3.37109 -1.30078 -8.19922 -1.97461 -9.57031 -4.46973c-1.5332 -2.79004 0.0966797 -7.32422 0.373047 -11.0986c0.0205078 -0.282227 0.222656 -0.551758 0.286133 -0.695312
123 
+c1.67871 0.263672 3.24902 0.719727 4.81836 0.725586c14.8262 0.0546875 29.6514 0.00683594 44.4756 0.0595703c2.39453 0.00976562 4.09863 -0.69043 5.30566 -2.89746c1.125 -2.05762 12.4102 -2.00684 13.5371 0.0507812
124 
+c1.21289 2.20898 2.94727 2.86621 5.33398 2.85645c13.8506 -0.0585938 27.7012 -0.0117188 41.5527 -0.0546875c2.54395 -0.00976562 5.08691 -0.272461 7.69727 -0.423828c3.57129 13.5244 -3.86621 34.4531 -13.8945 39.2412
125 
+c-22.8232 -18.4648 -49.1504 -26.6602 -78.8936 -28.4902c6.66309 11.7227 17.5195 20.3545 17.3877 34.8066z" />
126 
+    <glyph glyph-name="uniF10A" unicode="&#xf10a;"
127 
+d="M256.911 -11.1191c-41.9004 0 -83.7998 -0.078125 -125.699 0.0351562c-18.4912 0.0498047 -33.8125 6.81934 -44.1074 22.6924c-7.79492 12.0195 -9.62988 25.4375 -7.85059 39.4287c1.79297 14.0947 6.97461 26.957 14.8398 38.7314
128 
+c33.9639 50.8408 67.9863 101.643 101.938 152.491c0.896484 1.34277 1.75488 3.06445 1.74609 4.60449c-0.186523 33.1182 -0.53125 66.2354 -0.770508 99.3535c-0.0957031 13.2676 -5.13379 24.3271 -14.6104 33.4707c-2.70605 2.6123 -4.58691 5.54883 -4.0957 9.46094
129 
+c0.704102 5.60645 4.91504 9.01855 11.1523 9.03418c15.8799 0.0410156 31.7617 0.0351562 47.6416 0.0429688c27.6348 0.0136719 55.2695 0.0273438 82.9033 0.0205078c1.33887 0 2.70508 -0.0371094 4.01172 -0.297852
130 
+c7.52734 -1.49512 10.6797 -10.0049 5.94434 -16.0684c-1.26465 -1.61816 -2.75488 -3.05957 -4.12988 -4.59277c-7.47266 -8.33594 -11.6553 -18.0537 -11.5098 -29.2773c0.314453 -24.3428 0.857422 -48.6816 1.33984 -73.0225
131 
+c0.183594 -9.30664 0.392578 -18.6152 0.748047 -27.917c0.0615234 -1.5918 0.580078 -3.37012 1.44629 -4.69922c32.1387 -49.251 64.3633 -98.4463 96.5186 -147.687c5.27148 -8.07422 10.8594 -16.0234 15.2627 -24.5635
132 
+c6.08203 -11.8027 8.87012 -24.5586 6.96387 -37.9434c-2.88477 -20.2578 -14.5898 -33.2461 -33.6523 -39.9912c-7.79297 -2.75781 -15.9023 -3.51172 -24.1016 -3.51367c-40.6426 -0.0146484 -81.2861 -0.00585938 -121.929 -0.00585938v0.212891v0zM331.229 185.039
133 
+c-2.28516 -0.582031 -4.08691 -1.42188 -5.89551 -1.44043c-12.3799 -0.119141 -24.7607 -0.147461 -37.1406 -0.0253906c-4.59961 0.0449219 -8.17285 2.97461 -9.43262 7.10254c-2.07227 6.78906 2.78613 12.9443 10.4355 13.0254
134 
+c8.79199 0.0927734 17.585 0.0234375 26.3789 0.0234375c0.939453 0.000976562 1.87891 0 3.26074 0c-0.62207 1.0293 -0.958008 1.62891 -1.33301 2.20312c-6.2207 9.51562 -12.5713 18.9492 -18.583 28.5947c-1.48535 2.38477 -2.16602 5.39941 -2.6748 8.22266
135 
+c-0.43457 2.40332 -0.0908203 4.94629 -0.0908203 7.7168h-3.31641c-7.89551 0 -15.791 -0.0185547 -23.6865 0.0166016c-1.4248 0.00683594 -2.90039 0.0322266 -4.26367 0.387695c-4.84082 1.26172 -7.85059 5.83301 -7.27148 10.8018
136 
+c0.581055 4.98242 4.48047 8.72754 9.57715 8.80566c8.43164 0.128906 16.8662 0.0517578 25.3008 0.0615234c0.948242 0.000976562 1.89648 0 3.06738 0c-0.356445 15.0342 -0.704102 29.665 -1.05566 44.5059c-8.69629 0 -17.0225 -0.00878906 -25.3506 0.00878906
137 
+c-1.25 0.00292969 -2.53711 -0.0302734 -3.74609 0.234375c-4.91113 1.07617 -8.21484 5.51953 -7.86328 10.416c0.369141 5.16504 4.15527 9.14355 9.37402 9.29395c7.35059 0.211914 14.7109 0.0957031 22.0684 0.119141c1.58887 0.00390625 3.17969 0 5.04102 0
138 
+c-0.462891 14.9014 0.146484 29.3115 7.61133 42.6846h-92.2393c6.74121 -17.0322 7.86523 -22.1738 7.9502 -35.6865c0.207031 -32.8516 0.407227 -65.7031 0.679688 -98.5537c0.0273438 -3.27344 -0.826172 -6.07617 -2.64355 -8.79297
139 
+c-17.5703 -26.2627 -35.0703 -52.5723 -52.6064 -78.8574c-17.8379 -26.7354 -35.9297 -53.3057 -53.4365 -80.2549c-7.91699 -12.1875 -11.9229 -25.7695 -9.78613 -40.5957c1.81641 -12.5957 9.97754 -22.0205 22.2129 -24.7012
140 
+c4.74316 -1.03809 9.77441 -0.993164 14.6768 -1.03516c19.1094 -0.160156 38.2197 -0.189453 57.3301 -0.209961c61.8184 -0.0664062 123.638 -0.124023 185.457 -0.111328c3.92285 0.000976562 7.89453 0.357422 11.7578 1.03223
141 
+c17.4346 3.04199 26.9268 15.0576 25.6035 32.626c-1.05469 14.0205 -7.86719 25.626 -16.2549 36.4531c-0.329102 0.425781 -1.20996 0.598633 -1.83301 0.599609c-12.8291 0.00585938 -25.6582 -0.0625 -38.4883 -0.0429688
142 
+c-4.61035 0.00683594 -8.38184 2.84668 -9.72461 7.08398c-2.19727 6.93164 2.78711 13.2295 10.7041 13.3408c7.35547 0.102539 14.7139 0.0244141 22.0703 0.0253906h2.83496c0 0.49707 0.0673828 0.712891 -0.00976562 0.832031
143 
+c-6.58496 10.1299 -13.1758 20.2588 -19.8057 30.3584c-0.28418 0.43457 -0.962891 0.883789 -1.44922 0.875c-10.7373 -0.208984 -21.4756 -0.504883 -32.2119 -0.723633c-2.95703 -0.0605469 -5.93555 -0.119141 -8.87207 0.15918
144 
+c-5.92383 0.561523 -9.79492 4.98535 -9.52344 10.5791c0.271484 5.61328 4.55273 9.63379 10.4697 9.6748c8.34473 0.0576172 16.6885 0.0175781 25.0332 0.0175781h3.16309c-7.38281 11.3994 -14.459 22.3252 -21.4697 33.1494v0z" />
99 145 
     <glyph glyph-name="uniF102" unicode="&#xf102;"
100 146 
 d="M388.975 242.648c0 -23.8838 -8.08594 -45.9639 -24.2588 -66.2402c-16.1738 -20.2754 -38.2393 -36.2988 -66.1982 -48.0684c-27.958 -11.7705 -58.3682 -17.6562 -91.2305 -17.6562c-14.7959 0 -29.9375 1.375 -45.4219 4.12402
101 147 
 c-21.334 -15.1211 -45.249 -26.1182 -71.7451 -32.9912c-6.19434 -1.5459 -13.5928 -2.9209 -22.1953 -4.12402h-0.774414c-1.89258 0 -3.65625 0.6875 -5.29102 2.0625c-1.63379 1.37402 -2.62305 3.17871 -2.96777 5.41211
 
@@ -109,6 +155,20 @@ c0.258789 -0.257812 0.602539 -0.6875 1.0332 -1.28906c0.429688 -0.600586 0.730469
109 155 
 c-0.258789 -0.0859375 -0.34375 -0.644531 -0.258789 -1.67578c-0.515625 -2.40527 -1.63379 -4.29492 -3.35449 -5.66992s-3.61328 -1.97559 -5.67773 -1.80469c-8.60254 1.20312 -16.001 2.57812 -22.1953 4.12402c-26.4961 6.87305 -50.4102 17.8701 -71.7451 32.9912
110 156 
 c-15.4844 -2.74902 -30.625 -4.12402 -45.4219 -4.12402c-46.626 0 -87.2305 11.3408 -121.813 34.0225c9.97949 -0.6875 17.5498 -1.03125 22.7109 -1.03125c27.7012 0 54.2822 3.86719 79.7471 11.5986c25.4629 7.73242 48.1738 18.8154 68.1318 33.249
111 157 
 c21.5068 15.8086 38.0234 34.0225 49.5508 54.6416c11.5283 20.6201 17.292 42.4424 17.292 65.4678c0 13.2305 -1.97852 26.2891 -5.93555 39.1758c22.1943 -12.1992 39.7432 -27.4922 52.6475 -45.8779s19.3555 -38.1455 19.3555 -59.2812v0z" />
158 
+    <glyph glyph-name="uniF10E" unicode="&#xf10e;"
159 
+d="M72.2979 309.253c261.808 65.0947 77.9756 -105.743 364.799 -6.16211c2.31055 -126.727 1.97949 -155.178 2.6416 -219.679c-140.088 -85.667 -160.922 93.8057 -367.44 0c-0.353516 119.999 2.02051 144.334 0 225.841z" />
160 
+    <glyph glyph-name="uniF10C" unicode="&#xf10c;"
161 
+d="M89.5996 192c0 91.9023 74.498 166.4 166.4 166.4s166.4 -74.498 166.4 -166.4s-74.498 -166.4 -166.4 -166.4s-166.4 74.498 -166.4 166.4zM64 192c0 -106.037 85.9619 -192 192 -192c106.037 0 192 85.9619 192 192c0 106.037 -85.9619 192 -192 192
162 
+c-106.037 0 -192 -85.9619 -192 -192zM174.08 191.146c0 45.7158 37.0576 82.7734 82.7734 82.7734s82.7734 -37.0576 82.7734 -82.7734s-37.0576 -82.7734 -82.7734 -82.7734s-82.7734 37.0576 -82.7734 82.7734zM160.427 191.146
163 
+c0 -53.2539 43.1719 -96.4268 96.4268 -96.4268c53.2539 0 96.4268 43.1729 96.4268 96.4268c0 53.2549 -43.1729 96.4268 -96.4268 96.4268c-53.2549 0 -96.4268 -43.1719 -96.4268 -96.4268zM249.173 195.413v157.014v6.82617h13.6543v-6.82617v-157.014h155.307h6.82617
164 
+v-13.6533h-6.82617h-155.307v-150.187v-6.82617h-13.6543v6.82617v150.187h-153.6h-6.82617v13.6533h6.82617h153.6z" />
165 
+    <glyph glyph-name="uniF10B" unicode="&#xf10b;"
166 
+d="M449.722 130.812c-19.9023 -24.9404 -47.0547 -44.6494 -81.459 -59.1279c-34.4033 -14.4775 -71.8242 -21.7168 -112.263 -21.7168c-18.207 0 -36.8389 1.69141 -55.8936 5.07227c-26.2529 -18.5986 -55.6816 -32.126 -88.2861 -40.5801
167 
+c-7.62207 -1.90234 -16.7256 -3.59277 -27.3115 -5.07324c-3.28125 0 -5.45117 0.845703 -7.46289 2.53711c-2.01172 1.69043 -3.22852 3.91016 -3.65234 6.65723c-0.211914 0.634766 -0.317383 1.32129 -0.317383 2.06055c0 0.740234 0.0527344 1.42676 0.15918 2.06152
168 
+c0.105469 0.633789 0.317383 1.26758 0.634766 1.90234l0.793945 1.58496s0.370117 0.581055 1.11133 1.74316c0.741211 1.16309 1.16504 1.69141 1.27051 1.58594c0.106445 -0.106445 0.582031 0.421875 1.42969 1.58496c0.845703 1.16211 1.26953 1.6377 1.26953 1.42676
169 
+c1.05859 1.26758 3.49316 3.91016 7.30469 7.92578c3.81055 4.01465 6.56348 7.13281 8.25684 9.35254c1.69336 2.21875 4.0752 5.28418 7.14551 9.19434c3.07031 3.90918 5.7168 7.97852 7.93848 12.2051c2.22363 4.22656 4.39453 8.87695 6.51172 13.9502
170 
+c-26.2529 15.2178 -46.8965 33.9229 -61.9277 56.1143c-15.0322 22.1934 -22.5479 45.8652 -22.5479 71.0176c0 29.3779 9.9502 56.5381 29.8525 81.4775c19.9014 24.9404 47.0537 44.6494 81.458 59.1279c34.4033 14.4775 71.8242 21.7168 112.263 21.7168
171 
+s77.8594 -7.23926 112.263 -21.7168c34.4043 -14.4785 61.5566 -34.1875 81.459 -59.1279c19.9014 -24.9395 29.8516 -52.0996 29.8516 -81.4775c0 -29.3789 -9.9502 -56.5391 -29.8516 -81.4785z" />
112 172 
     <glyph glyph-name="uniF105" unicode="&#xf105;"
113 173 
 d="M137.201 336.466l-27.6934 0.400391l-35.9209 -59.9316l96.9258 0.401367l-33.3115 59.1299zM152.252 336.666l28.4951 -50.1104l23.8809 49.9102l-52.376 0.200195zM219.879 336.666l-28.0947 -59.2305l125.021 -0.651367l-33.5127 59.8818h-63.4131zM299.145 336.265
114 174 
 l27.8945 -50.3105l23.6787 50.5117l-51.5732 -0.201172zM365.97 336.666l-27.6934 -58.7295l100.137 -0.600586l-35.5195 59.5303l-36.9238 -0.200195zM336.471 263.706l99.9355 -0.401367l-176.995 -215.473l-2.20703 5.41211l79.2666 210.462zM256.401 52.4424

二进制
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf
查看文件


二进制
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff
查看文件


二进制
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot
查看文件


二进制
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf
查看文件


二进制
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff
查看文件


+ 21 - 7
app/assets/stylesheets/avalanche_icons.css
查看文件 

@@ -4,11 +4,11 @@
4 4
5 5 
 @font-face {
6 6 
   font-family: "avalanche_icons";
7 
-  src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot");
8 
-  src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot?#iefix") format("embedded-opentype"),
9 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff") format("woff"),
10 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf") format("truetype"),
11 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg#avalanche_icons") format("svg");
7 
+  src: url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
8 
+  src: url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot?#iefix") format("embedded-opentype"),
9 
+       url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff") format("woff"),
10 
+       url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf") format("truetype"),
11 
+       url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
12 12 
   font-weight: normal;
13 13 
   font-style: normal;
14 14 
 }
 
@@ -16,7 +16,7 @@
16 16 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
17 17 
   @font-face {
18 18 
     font-family: "avalanche_icons";
19 
-    src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg#avalanche_icons") format("svg");
19 
+    src: url("avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
20 20 
   }
21 21 
 }
22 22 
 
@@ -24,12 +24,19 @@
24 24
25 25 
 [data-icon]:before,
26 26 
 .icon-agent:before,
27 
+.icon-agent-circle:before,
27 28 
 .icon-avalanche:before,
29 
+.icon-bullet:before,
28 30 
 .icon-chat:before,
31 
+.icon-flaged:before,
32 
+.icon-lab:before,
33 
+.icon-message:before,
29 34 
 .icon-mission:before,
35 
+.icon-objective:before,
30 36 
 .icon-radar:before,
31 37 
 .icon-reward:before,
32 
-.icon-task:before {
38 
+.icon-task:before,
39 
+.icon-validation:before {
33 40 
   display: inline-block;
34 41 
   font-family: "avalanche_icons";
35 42 
   font-style: normal;
 
@@ -45,9 +52,16 @@
45 52 
 }
46 53
47 54 
 .icon-agent:before { content: "\f100"; }
55 
+.icon-agent-circle:before { content: "\f107"; }
48 56 
 .icon-avalanche:before { content: "\f101"; }
57 
+.icon-bullet:before { content: "\f108"; }
49 58 
 .icon-chat:before { content: "\f102"; }
59 
+.icon-flaged:before { content: "\f10e"; }
60 
+.icon-lab:before { content: "\f10a"; }
61 
+.icon-message:before { content: "\f10b"; }
50 62 
 .icon-mission:before { content: "\f103"; }
63 
+.icon-objective:before { content: "\f10c"; }
51 64 
 .icon-radar:before { content: "\f104"; }
52 65 
 .icon-reward:before { content: "\f105"; }
53 66 
 .icon-task:before { content: "\f106"; }
67 
+.icon-validation:before { content: "\f10d"; }

+ 78 - 0
app/assets/stylesheets/avl2_theme/task_checkbox.less
查看文件 

@@ -0,0 +1,78 @@
1 
+// Task Checkbox
2 
+
3 
+@import "colors.less";
4 
+
5 
+.task-checkbox {
6 
+	width: 32px;
7 
+	height: 32px;
8 
+     float: right;
9 
+     margin-left: 15px;
10 
+	.circle {
11 
+		width: 28px;
12 
+		height: 28px;
13 
+		border: 4px solid @medium-gray;
14 
+		border-radius: 32px;
15 
+		i {
16 
+			font-size: 24px;
17 
+			margin-top: 3px;
18 
+			color: @medium-gray;
19 
+		}
20 
+	}
21 
+	.half-circle {
22 
+		width: 28px;
23 
+		height: 14px;
24 
+		border: 4px solid @medium-gray;
25 
+	}
26 
+	.half-circle.top {
27 
+		border-top-left-radius: 110px;
28 
+		border-top-right-radius: 110px;
29 
+		border-bottom: 0;
30 
+	}
31 
+	.half-circle.bottom {
32 
+		border-bottom-left-radius: 110px;
33 
+		border-bottom-right-radius: 110px;
34 
+		border-top: 0;
35 
+	}
36 
+	.mixed-circle i {
37 
+		position: relative;
38 
+		font-size: 24px;
39 
+	}
40 
+	.mixed-circle.task-accepted i { top: -28px; left: 3px; }
41 
+	.mixed-circle.task-failed i { top: -29px; left: 3px; }
42 
+	.flag {
43 
+		position: relative;
44 
+		top: -45px;
45 
+		left: 20px;
46 
+		color: @yellow;
47 
+		font-size: 14px;
48 
+	}
49 
+
50 
+	a { display: block; }
51 
+	a.mixed-circle { height: 36px; color: @medium-gray; }
52 
+	a:hover { background-color: @light-gray; cursor: pointer;}
53 
+	a.mixed-circle:hover { border-radius: 300px; }
54 
+
55 
+	.circle.task-done.task-accepted {
56 
+		border: 4px solid @green;
57 
+		i { color: @green; }
58 
+	}
59 
+	.half-circle.task-accepted { border-color: @green; }
60 
+	a.task-accepted:hover { background-color: lighten(@green, 20%); }
61 
+
62 
+	.circle.task-failed {
63 
+		border: 4px solid @red;
64 
+		i { color: @red; margin-top: 2px;}
65 
+	}
66 
+	.half-circle.task-failed { border-color: @red; }
67 
+	a.task-failed:hover { background-color: lighten(@red, 20%); }
68 
+	a.mixed-circle.task-failed { color: @red; }
69 
+
70 
+	.circle.task-flaged {
71 
+		border: 4px solid @yellow;
72 
+		i { color: @yellow; }
73 
+	}
74 
+	.half-circle.task-flaged { border-color: @yellow; }
75 
+	a.task-flaged:hover { background-color: lighten(@yellow, 20%); }
76 
+
77 
+}
78 
+

+ 113 - 8
public/avalanche_icons.html
查看文件 

@@ -141,11 +141,11 @@
141 141
142 142 
       @font-face {
143 143 
   font-family: "avalanche_icons";
144 
-  src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot");
145 
-  src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot?#iefix") format("embedded-opentype"),
146 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff") format("woff"),
147 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf") format("truetype"),
148 
-       url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg#avalanche_icons") format("svg");
144 
+  src: url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
145 
+  src: url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot?#iefix") format("embedded-opentype"),
146 
+       url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff") format("woff"),
147 
+       url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf") format("truetype"),
148 
+       url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
149 149 
   font-weight: normal;
150 150 
   font-style: normal;
151 151 
 }
 
@@ -153,7 +153,7 @@
153 153 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
154 154 
   @font-face {
155 155 
     font-family: "avalanche_icons";
156 
-    src: url("../assets/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg#avalanche_icons") format("svg");
156 
+    src: url("../assets/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
157 157 
   }
158 158 
 }
159 159 
 
@@ -161,12 +161,19 @@
161 161
162 162 
       [data-icon]:before,
163 163 
       .icon-agent:before,
164 
+.icon-agent-circle:before,
164 165 
 .icon-avalanche:before,
166 
+.icon-bullet:before,
165 167 
 .icon-chat:before,
168 
+.icon-flaged:before,
169 
+.icon-lab:before,
170 
+.icon-message:before,
166 171 
 .icon-mission:before,
172 
+.icon-objective:before,
167 173 
 .icon-radar:before,
168 174 
 .icon-reward:before,
169 
-.icon-task:before {
175 
+.icon-task:before,
176 
+.icon-validation:before {
170 177 
         display: inline-block;
171 178 
   font-family: "avalanche_icons";
172 179 
   font-style: normal;
 
@@ -182,12 +189,19 @@
182 189 
       }
183 190
184 191 
       .icon-agent:before { content: "\f100"; }
192 
+.icon-agent-circle:before { content: "\f107"; }
185 193 
 .icon-avalanche:before { content: "\f101"; }
194 
+.icon-bullet:before { content: "\f108"; }
186 195 
 .icon-chat:before { content: "\f102"; }
196 
+.icon-flaged:before { content: "\f10e"; }
197 
+.icon-lab:before { content: "\f10a"; }
198 
+.icon-message:before { content: "\f10b"; }
187 199 
 .icon-mission:before { content: "\f103"; }
200 
+.icon-objective:before { content: "\f10c"; }
188 201 
 .icon-radar:before { content: "\f104"; }
189 202 
 .icon-reward:before { content: "\f105"; }
190 203 
 .icon-task:before { content: "\f106"; }
204 
+.icon-validation:before { content: "\f10d"; }
191 205 
     </style>
192 206
193 207 
     <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
@@ -203,7 +217,7 @@
203 217 
   <body class="characters-off">
204 218 
     <div id="page" class="container">
205 219 
       <header>
206 
-        <h1>avalanche_icons contains 7 glyphs:</h1>
220 
+        <h1>avalanche_icons contains 14 glyphs:</h1>
207 221 
         <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
208 222 
       </header>
209 223 
 
@@ -223,6 +237,19 @@
223 237
224 238 
       <div class="glyph">
225 239 
         <div class="preview-glyphs">
240 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-agent-circle" class="icon-agent-circle"></i></span>
241 
+        </div>
242 
+        <div class="preview-scale">
243 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
244 
+        </div>
245 
+        <div class="usage">
246 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-agent-circle" />
247 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
248 
+        </div>
249 
+      </div>
250 
+
251 
+      <div class="glyph">
252 
+        <div class="preview-glyphs">
226 253 
           <span class="step size-12"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-avalanche" class="icon-avalanche"></i></span>
227 254 
         </div>
228 255 
         <div class="preview-scale">
 
@@ -236,6 +263,19 @@
236 263
237 264 
       <div class="glyph">
238 265 
         <div class="preview-glyphs">
266 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bullet" class="icon-bullet"></i></span>
267 
+        </div>
268 
+        <div class="preview-scale">
269 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
270 
+        </div>
271 
+        <div class="usage">
272 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-bullet" />
273 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
274 
+        </div>
275 
+      </div>
276 
+
277 
+      <div class="glyph">
278 
+        <div class="preview-glyphs">
239 279 
           <span class="step size-12"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chat" class="icon-chat"></i></span>
240 280 
         </div>
241 281 
         <div class="preview-scale">
 
@@ -249,6 +289,45 @@
249 289
250 290 
       <div class="glyph">
251 291 
         <div class="preview-glyphs">
292 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-flaged" class="icon-flaged"></i></span>
293 
+        </div>
294 
+        <div class="preview-scale">
295 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
296 
+        </div>
297 
+        <div class="usage">
298 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-flaged" />
299 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
300 
+        </div>
301 
+      </div>
302 
+
303 
+      <div class="glyph">
304 
+        <div class="preview-glyphs">
305 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-lab" class="icon-lab"></i></span>
306 
+        </div>
307 
+        <div class="preview-scale">
308 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
309 
+        </div>
310 
+        <div class="usage">
311 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-lab" />
312 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
313 
+        </div>
314 
+      </div>
315 
+
316 
+      <div class="glyph">
317 
+        <div class="preview-glyphs">
318 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-message" class="icon-message"></i></span>
319 
+        </div>
320 
+        <div class="preview-scale">
321 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
322 
+        </div>
323 
+        <div class="usage">
324 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-message" />
325 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
326 
+        </div>
327 
+      </div>
328 
+
329 
+      <div class="glyph">
330 
+        <div class="preview-glyphs">
252 331 
           <span class="step size-12"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-mission" class="icon-mission"></i></span>
253 332 
         </div>
254 333 
         <div class="preview-scale">
 
@@ -262,6 +341,19 @@
262 341
263 342 
       <div class="glyph">
264 343 
         <div class="preview-glyphs">
344 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-objective" class="icon-objective"></i></span>
345 
+        </div>
346 
+        <div class="preview-scale">
347 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
348 
+        </div>
349 
+        <div class="usage">
350 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-objective" />
351 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
352 
+        </div>
353 
+      </div>
354 
+
355 
+      <div class="glyph">
356 
+        <div class="preview-glyphs">
265 357 
           <span class="step size-12"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-radar" class="icon-radar"></i></span>
266 358 
         </div>
267 359 
         <div class="preview-scale">
 
@@ -299,6 +391,19 @@
299 391 
         </div>
300 392 
       </div>
301 393
394 
+      <div class="glyph">
395 
+        <div class="preview-glyphs">
396 
+          <span class="step size-12"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-validation" class="icon-validation"></i></span>
397 
+        </div>
398 
+        <div class="preview-scale">
399 
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
400 
+        </div>
401 
+        <div class="usage">
402 
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-validation" />
403 
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
404 
+        </div>
405 
+      </div>
406 
+
302 407
303 408 
       <footer>
304 409 
         Made with love using <a href="http://fontcustom.com">Font Custom</a>.

+ 49 - 1
public/styleguide.html
查看文件 

@@ -13,7 +13,7 @@
13 13 
 	 <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
14 14 
 	<![endif]-->
15 15
16 
-    <link href="/assets/application.css?body=1" media="all" rel="stylesheet">
16 
+     <link href="/assets/application.css?body=1" media="all" rel="stylesheet">
17 17 
 	<link href="/assets/flatstrap/bootstrap.css?body=1" media="all" rel="stylesheet">
18 18 
 	<link href="/assets/font-awesome.css?body=1" media="all" rel="stylesheet">
19 19 
 	<link href="/assets/rails_bootstrap_forms.css?body=1" media="all" rel="stylesheet">
 
@@ -32,6 +32,8 @@
32 32 
 	<link href="/assets/avl2_theme/forms.css?body=1" media="all" rel="stylesheet">
33 33 
 	<link href="/assets/avl2_theme/panel.css?body=1" media="all" rel="stylesheet">
34 34 
 	<link href="/assets/avl2_theme/typography.css?body=1" media="all" rel="stylesheet">
35 
+	<link href="/assets/avl2_theme/task_checkbox.css?body=1" media="all" rel="stylesheet">
36 
+	<link href="/assets/avl2_theme/flash_messages.css?body=1" media="all" rel="stylesheet">
35 37 
 	<link href="/assets/blog_posts.css?body=1" media="all" rel="stylesheet">
36 38 
 	<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet">
37 39 
 	<link href="/assets/checkbox.css?body=1" media="all" rel="stylesheet">
 
@@ -160,6 +162,52 @@
160 162 
 			</div>
161 163 
 		</div>
162 164 
 	</div>
165 
+	<div class="row" style="margin-top: 55px;" >
166 
+		<div class="span12">
167 
+			<div class="centered" ><h3>Task Checkbox</h3></div>
168 
+			<div class="centered" style="width: 188px; margin-top: 25px;">
169 
+				<div class="task-checkbox">
170 
+					<a class="circle task-failed"><i class="fa fa-times"></i></a>
171 
+				</div>
172 
+				<div class="task-checkbox">
173 
+					<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
174 
+				</div>
175 
+				<div class="task-checkbox">
176 
+					<a class="circle task-done"><i class="fa fa-check"></i></a>
177 
+				</div>
178 
+				<div class="task-checkbox">
179 
+					<a class="circle"></a>
180 
+				</div>
181 
+			</div>
182 
+			<br>
183 
+			<div class="centered" style="width: 188px; margin-top: 25px;">
184 
+				<div class="task-checkbox">
185 
+					<a class="task-failed mixed-circle">
186 
+						<div class="half-circle top task-flaged"></div>
187 
+						<div class="half-circle bottom task-failed"></div>
188 
+						<i class="fa fa-times"></i>
189 
+					</a>
190 
+					<div class="flag"><i class="icon-flaged"></i></div>
191 
+				</div>
192 
+
193 
+				<div class="task-checkbox">
194 
+					<a class="circle task-done task-accepted"><i class="fa fa-check"></i></a>
195 
+					<div class="flag"><i class="icon-flaged"></i></div>
196 
+				</div>
197 
+				<div class="task-checkbox">
198 
+					<a class="task-flaged mixed-circle">
199 
+						<div class="half-circle top task-flaged"></div>
200 
+						<div class="half-circle bottom"></div>
201 
+					</a>
202 
+					<div class="flag"><i class="icon-flaged"></i></div>
203 
+				</div>
204 
+				<div class="task-checkbox">
205 
+					<a class="circle task-flaged"></a>
206 
+					<div class="flag"><i class="icon-flaged"></i></div>
207 
+				</div>
208 
+			</div>
209 
+		</div>
210 
+	</div>
163 211 
 </div>
164 212
165 213 
 </body>