Home Explore Help
Register Sign In
avalanche
/
avalanche2
Watch 2
Star 0
Fork 0

Browse Source
New icons and task checkbox styles

James Peret 10 years ago
parent
cd5a41253a
commit
70258b2b03
12 changed files with 376 additions and 43 deletions
Show Diff Stats
  1. 45 17
      .fontcustom-manifest.json
  2. BIN
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot
  3. 70 10
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg
  4. BIN
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf
  5. BIN
      app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff
  6. BIN
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot
  7. BIN
      app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf
  8. BIN
      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
View File 

@@ -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 
 }

BIN
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot
View File


+ 70 - 10
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.svg
View File 

@@ -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

BIN
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf
View File


BIN
app/assets/fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff
View File


BIN
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.eot
View File


BIN
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.ttf
View File


BIN
app/assets/fonts/avalanche_icons_602eb5bbab87ae7510f80c03aed8da5a.woff
View File


+ 21 - 7
app/assets/stylesheets/avalanche_icons.css
View File 

@@ -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
View File 

@@ -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
View File 

@@ -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
View File 

@@ -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>