Add font-awesome-ish project icons

Summary: Adding a set of 16 icons that match the typeahead icons.

Test Plan: review in photoshop

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T6856

Differential Revision: https://secure.phabricator.com/D11183

resources/celerity/map.php

@@ -153,7 +153,7 @@ return array(
     'rsrc/css/sprite-login.css' => 'a355d921',
     'rsrc/css/sprite-main-header.css' => '92720ee2',
     'rsrc/css/sprite-menu.css' => '0ca5a908',
-    'rsrc/css/sprite-projects.css' => '7578fa56',
+    'rsrc/css/sprite-projects.css' => 'b78918c4',
     'rsrc/css/sprite-tokens.css' => '1706b943',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => '579d3140',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => 'fe26fcb5',
@@ -326,8 +326,8 @@ return array(
     'rsrc/image/sprite-main-header.png' => '83521873',
     'rsrc/image/sprite-menu-X2.png' => '89ae35f1',
     'rsrc/image/sprite-menu.png' => 'b912a047',
-    'rsrc/image/sprite-projects-X2.png' => '218fdc8b',
+    'rsrc/image/sprite-projects-X2.png' => '9483f356',
-    'rsrc/image/sprite-projects.png' => '631ff9a7',
+    'rsrc/image/sprite-projects.png' => '1aeac734',
     'rsrc/image/sprite-tokens-X2.png' => 'b4776580',
     'rsrc/image/sprite-tokens.png' => '25b75533',
     'rsrc/image/texture/card-gradient.png' => '815f26e8',
@@ -813,7 +813,7 @@ return array(
     'sprite-login-css' => 'a355d921',
     'sprite-main-header-css' => '92720ee2',
     'sprite-menu-css' => '0ca5a908',
-    'sprite-projects-css' => '7578fa56',
+    'sprite-projects-css' => 'b78918c4',
     'sprite-tokens-css' => '1706b943',
     'syntax-highlighting-css' => '56c1ba38',
     'tokens-css' => '3d0f239e',

resources/sprite/manifest/projects.json

@@ -101,6 +101,86 @@
       "rule": ".projects-experimental",
       "hash": "311ef712f8daca057c20c8fd78fa77ce"
     },
+    "projects-fa-briefcase": {
+      "name": "projects-fa-briefcase",
+      "rule": ".projects-fa-briefcase",
+      "hash": "f3dd4c94ce9f1cc74068af3ea9a4bc65"
+    },
+    "projects-fa-bug": {
+      "name": "projects-fa-bug",
+      "rule": ".projects-fa-bug",
+      "hash": "e85895919b8fdbdbbcf43e476e70adcc"
+    },
+    "projects-fa-building": {
+      "name": "projects-fa-building",
+      "rule": ".projects-fa-building",
+      "hash": "5ba0272ba1d3dee530cf72bd14b060e1"
+    },
+    "projects-fa-calendar": {
+      "name": "projects-fa-calendar",
+      "rule": ".projects-fa-calendar",
+      "hash": "38b05d30e454285b56c7021d19ca7c93"
+    },
+    "projects-fa-cloud": {
+      "name": "projects-fa-cloud",
+      "rule": ".projects-fa-cloud",
+      "hash": "9202ca72998bb07180464064258f43ff"
+    },
+    "projects-fa-credit-card": {
+      "name": "projects-fa-credit-card",
+      "rule": ".projects-fa-credit-card",
+      "hash": "0b73456cbdb383ae2b211c7c8b90b712"
+    },
+    "projects-fa-envelope": {
+      "name": "projects-fa-envelope",
+      "rule": ".projects-fa-envelope",
+      "hash": "73a2c4560e4d12125dbb3a3d1cab3f3f"
+    },
+    "projects-fa-flag-checkered": {
+      "name": "projects-fa-flag-checkered",
+      "rule": ".projects-fa-flag-checkered",
+      "hash": "57b7474e5d81c84fa5020cb57f82d1ca"
+    },
+    "projects-fa-flask": {
+      "name": "projects-fa-flask",
+      "rule": ".projects-fa-flask",
+      "hash": "ae9edea912a19440c15fefdbf728def4"
+    },
+    "projects-fa-folder": {
+      "name": "projects-fa-folder",
+      "rule": ".projects-fa-folder",
+      "hash": "d3c6eb3334d6b6f1b8a1159d9d9e7397"
+    },
+    "projects-fa-group": {
+      "name": "projects-fa-group",
+      "rule": ".projects-fa-group",
+      "hash": "a16ef9c76892e2ea96e34b6c5042a9e1"
+    },
+    "projects-fa-lock": {
+      "name": "projects-fa-lock",
+      "rule": ".projects-fa-lock",
+      "hash": "fa1eabe664aa26fa4732a18849a4d581"
+    },
+    "projects-fa-tags": {
+      "name": "projects-fa-tags",
+      "rule": ".projects-fa-tags",
+      "hash": "f167c28072cf39a388ae0056d5f5f757"
+    },
+    "projects-fa-trash-o": {
+      "name": "projects-fa-trash-o",
+      "rule": ".projects-fa-trash-o",
+      "hash": "82fb2b427b0b331652d19fd3654905a2"
+    },
+    "projects-fa-truck": {
+      "name": "projects-fa-truck",
+      "rule": ".projects-fa-truck",
+      "hash": "89136aa2b52a6543b7c20dbdf0727191"
+    },
+    "projects-fa-umbrella": {
+      "name": "projects-fa-umbrella",
+      "rule": ".projects-fa-umbrella",
+      "hash": "55f6a65e425c5725e953e3a59cb50f49"
+    },
     "projects-facebook": {
       "name": "projects-facebook",
       "rule": ".projects-facebook",

webroot/rsrc/css/sprite-projects.css

@@ -13,7 +13,7 @@ only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   .sprite-projects {
     background-image: url(/rsrc/image/sprite-projects-X2.png);
-    background-size: 357px 408px;
+    background-size: 408px 459px;
   }
 }
 
@@ -47,197 +47,261 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 }
 
 .projects-beer {
-  background-position: 0px -51px;
+  background-position: -357px 0px;
 }
 
 .projects-bomb {
-  background-position: -51px -51px;
+  background-position: 0px -51px;
 }
 
 .projects-briefcase {
-  background-position: -102px -51px;
+  background-position: -51px -51px;
 }
 
 .projects-bug {
-  background-position: -153px -51px;
+  background-position: -102px -51px;
 }
 
 .projects-calendar {
-  background-position: -204px -51px;
+  background-position: -153px -51px;
 }
 
 .projects-cloud {
-  background-position: -255px -51px;
+  background-position: -204px -51px;
 }
 
 .projects-coffee {
-  background-position: -306px -51px;
+  background-position: -255px -51px;
 }
 
 .projects-creditcard {
-  background-position: 0px -102px;
+  background-position: -306px -51px;
 }
 
 .projects-death {
-  background-position: -51px -102px;
+  background-position: -357px -51px;
 }
 
 .projects-desktop {
-  background-position: -102px -102px;
+  background-position: 0px -102px;
 }
 
 .projects-dropbox {
-  background-position: -153px -102px;
+  background-position: -51px -102px;
 }
 
 .projects-education {
-  background-position: -204px -102px;
+  background-position: -102px -102px;
 }
 
 .projects-experimental {
+  background-position: -153px -102px;
+}
+
+.projects-fa-briefcase {
+  background-position: -204px -102px;
+}
+
+.projects-fa-bug {
   background-position: -255px -102px;
 }
 
-.projects-facebook {
+.projects-fa-building {
   background-position: -306px -102px;
 }
 
-.projects-facility {
+.projects-fa-calendar {
+  background-position: -357px -102px;
+}
+
+.projects-fa-cloud {
   background-position: 0px -153px;
 }
 
-.projects-film {
+.projects-fa-credit-card {
   background-position: -51px -153px;
 }
 
-.projects-forked {
+.projects-fa-envelope {
   background-position: -102px -153px;
 }
 
-.projects-games {
+.projects-fa-flag-checkered {
   background-position: -153px -153px;
 }
 
-.projects-ghost {
+.projects-fa-flask {
   background-position: -204px -153px;
 }
 
-.projects-gift {
+.projects-fa-folder {
   background-position: -255px -153px;
 }
 
-.projects-globe {
+.projects-fa-group {
   background-position: -306px -153px;
 }
 
-.projects-golf {
+.projects-fa-lock {
+  background-position: -357px -153px;
+}
+
+.projects-fa-tags {
   background-position: 0px -204px;
 }
 
-.projects-heart {
+.projects-fa-trash-o {
   background-position: -51px -204px;
 }
 
-.projects-intergalactic {
+.projects-fa-truck {
   background-position: -102px -204px;
 }
 
-.projects-lock {
+.projects-fa-umbrella {
   background-position: -153px -204px;
 }
 
-.projects-mail {
+.projects-facebook {
   background-position: -204px -204px;
 }
 
-.projects-martini {
+.projects-facility {
   background-position: -255px -204px;
 }
 
-.projects-medical {
+.projects-film {
   background-position: -306px -204px;
 }
 
-.projects-mobile {
+.projects-forked {
+  background-position: -357px -204px;
+}
+
+.projects-games {
   background-position: 0px -255px;
 }
 
-.projects-music {
+.projects-ghost {
   background-position: -51px -255px;
 }
 
-.projects-news {
+.projects-gift {
   background-position: -102px -255px;
 }
 
-.projects-orgchart {
+.projects-globe {
   background-position: -153px -255px;
 }
 
-.projects-peoples {
+.projects-golf {
   background-position: -204px -255px;
 }
 
-.projects-piechart {
+.projects-heart {
   background-position: -255px -255px;
 }
 
-.projects-poison {
+.projects-intergalactic {
   background-position: -306px -255px;
 }
 
-.projects-putabirdonit {
+.projects-lock {
+  background-position: -357px -255px;
+}
+
+.projects-mail {
   background-position: 0px -306px;
 }
 
-.projects-radiate {
+.projects-martini {
   background-position: -51px -306px;
 }
 
-.projects-savings {
+.projects-medical {
   background-position: -102px -306px;
 }
 
-.projects-search {
+.projects-mobile {
   background-position: -153px -306px;
 }
 
-.projects-shield {
+.projects-music {
   background-position: -204px -306px;
 }
 
-.projects-speed {
+.projects-news {
   background-position: -255px -306px;
 }
 
-.projects-sprint {
+.projects-orgchart {
   background-position: -306px -306px;
 }
 
-.projects-star {
+.projects-peoples {
+  background-position: -357px -306px;
+}
+
+.projects-piechart {
   background-position: 0px -357px;
 }
 
-.projects-storage {
+.projects-poison {
   background-position: -51px -357px;
 }
 
-.projects-tablet {
+.projects-putabirdonit {
   background-position: -102px -357px;
 }
 
-.projects-travel {
+.projects-radiate {
   background-position: -153px -357px;
 }
 
-.projects-twitter {
+.projects-savings {
   background-position: -204px -357px;
 }
 
-.projects-warning {
+.projects-search {
   background-position: -255px -357px;
 }
 
-.projects-whale {
+.projects-shield {
   background-position: -306px -357px;
 }
+
+.projects-speed {
+  background-position: -357px -357px;
+}
+
+.projects-sprint {
+  background-position: 0px -408px;
+}
+
+.projects-star {
+  background-position: -51px -408px;
+}
+
+.projects-storage {
+  background-position: -102px -408px;
+}
+
+.projects-tablet {
+  background-position: -153px -408px;
+}
+
+.projects-travel {
+  background-position: -204px -408px;
+}
+
+.projects-twitter {
+  background-position: -255px -408px;
+}
+
+.projects-warning {
+  background-position: -306px -408px;
+}
+
+.projects-whale {
+  background-position: -357px -408px;
+}