Replace Glyphish image-based icons with font/vector-based

[ndarville]

1. Glyphish Free set
2. Icomoon
3. Iconic
4. Entypo
5. Font Awesome 3.0

See gist for licensing.

[ndarville]

Looks like Font Awesome is the way to go. It has perfect licensing. Will wait for version 3.0.

[ndarville]

3.0 is out. Links:

1. Hacker News
2. Website
3. CDN

Make request for icons:

1. User profile
2. Rules/Guidelines
3. Registration
4. Collection
5. Dyslexia/Colourblindness/Accessibility

[ndarville]

#navigation li a[href*="/user/"] {
    background: url(/static/glyphish/123-id-card.png) no-repeat left;
    /** icon-user, icon-list-alt, ??? */
}

#navigation li a[href$="/saves/"] {
    background: url(/static/glyphish/28-star.png) no-repeat left;
    /** icon-star, icon-star-empty */
}

#navigation li a[href$="/reports/"] {
    background: url(/static/glyphish/146-gavel.png) no-repeat left;
    /** icon-legal */
}

#navigation li a[href$="/settings/"] {
    background: url(/static/glyphish/20-gear2.png) no-repeat left;
    /** icon-cog, icon-list-alt  */
}

#navigation li a[href$="/bookmarks/"] {
    background: url(/static/glyphish/191-collection.png) no-repeat left;
    /** icon-tags, icon-bookmark, ??? */
}

#navigation li a[href$="/subscriptions/"] {
    background: url(/static/glyphish/44-shoebox.png) no-repeat left;
    /** icon-inbox, ??? */
}

#navigation li a[href$="/pm/"] {
    background: url(/static/glyphish/18-envelope.png) no-repeat left;
    /** icon-envelope, icon-envelope-alt */
}

#navigation li a[href$="/configuration/"] {
    background: url(/static/glyphish/158-wrench-2.png) no-repeat left;
    /** icon-wrench */
}

#navigation li a[href="http://pony-forum.com/rules/"],
#navigation li a[href$="/rules/"] {
    background: url(/static/glyphish/138-scales.png) no-repeat left;
    /** ??? */
}

#navigation li a[href$="pony-forum.com/guide/"],
#navigation li a[href$="/guide/"] {
    background: url(/static/glyphish/96-book.png) no-repeat left;
    /** icon-book */
}

#navigation li a[href$="/search/"] {
    background: url(/static/glyphish/06-magnify.png) no-repeat left;
    /** icon-search */
}

#navigation li a[href$="/logout/"] {
    background: url(/static/glyphish/54-lock.png) no-repeat left;
    /** icon-lock */
}

#navigation li a[href*="/login/"] {
    background: url(/static/glyphish/30-key.png) no-repeat left;
    /** icon-key */
}

#navigation li a[href$="/register/"] {
    background: url(/static/glyphish/111-user.png) no-repeat left;
    /** icon-user, ??? */
}

#navigation li a[href*="dyslexia.css"] {
    background: url(/static/glyphish/12-eye.png) no-repeat left;
    /** icon-eye-open, ??? */
}

[ndarville]

This isn’t going to be subject to change any time soon, so the issue will be closed for the time being.

[ndarville]

diff --git a/forum/static/css/style.css b/forum/static/css/style.css
index f3a306b..15c0293 100644
--- a/forum/static/css/style.css
+++ b/forum/static/css/style.css
@@ -157,70 +157,79 @@ table {

 #navigation li a[href*="/user/"] {
     background: url(/static/glyphish/123-id-card.png) no-repeat left;
+    /** icon-user, icon-list-alt, ??? */
 }

 #navigation li a[href$="/saves/"] {
     background: url(/static/glyphish/28-star.png) no-repeat left;
+    /** icon-star, icon-star-empty */
 }

 #navigation li a[href$="/reports/"] {
     background: url(/static/glyphish/146-gavel.png) no-repeat left;
+    /** icon-legal */
 }

 #navigation li a[href$="/settings/"] {
     background: url(/static/glyphish/20-gear2.png) no-repeat left;
+    /** icon-cog, icon-list-alt  */
 }

 #navigation li a[href$="/bookmarks/"] {
     background: url(/static/glyphish/191-collection.png) no-repeat left;
+    /** icon-tags, icon-bookmark, ??? */
 }

 #navigation li a[href$="/subscriptions/"] {
     background: url(/static/glyphish/44-shoebox.png) no-repeat left;
+    /** icon-inbox, ??? */
 }

 #navigation li a[href$="/pm/"] {
     background: url(/static/glyphish/18-envelope.png) no-repeat left;
+    /** icon-envelope, icon-envelope-alt */
 }

 #navigation li a[href$="/configuration/"] {
     background: url(/static/glyphish/158-wrench-2.png) no-repeat left;
+    /** icon-wrench */
 }

-#navigation li a[href="http://pony-forum.com/rules/"] {
-    background: url(/static/glyphish/138-scales.png) no-repeat left;
-}
-
+#navigation li a[href="http://pony-forum.com/rules/"],
 #navigation li a[href$="/rules/"] {
     background: url(/static/glyphish/138-scales.png) no-repeat left;
+    /** ??? */
 }

-#navigation li a[href$="pony-forum.com/guide/"] {
-    background: url(/static/glyphish/96-book.png) no-repeat left;
-}
-
+#navigation li a[href$="pony-forum.com/guide/"],
 #navigation li a[href$="/guide/"] {
     background: url(/static/glyphish/96-book.png) no-repeat left;
+    /** icon-book */
 }

 #navigation li a[href$="/search/"] {
     background: url(/static/glyphish/06-magnify.png) no-repeat left;
+    /** icon-search */
 }

 #navigation li a[href$="/logout/"] {
     background: url(/static/glyphish/54-lock.png) no-repeat left;
+    /** icon-lock */
 }

 #navigation li a[href*="/login/"] {
     background: url(/static/glyphish/30-key.png) no-repeat left;
+    /** icon-key */
 }

 #navigation li a[href$="/register/"] {
     background: url(/static/glyphish/111-user.png) no-repeat left;
+    /** icon-user, ??? */
 }

 #navigation li a[href*="dyslexia.css"] {
     background: url(/static/glyphish/12-eye.png) no-repeat left;
+    /** icon-eye-open, ??? */
 }