install scripts for categories and added new post badges to category listing

install/data/categories.json

@@ -0,0 +1,74 @@
+ [
+    {
+        "name": "Announcements",
+        "description": "A place to talk about whateeeever you want",
+        "blockclass": "category-blue",
+        "icon" : "icon-bullhorn"
+    },
+    {
+        "name": "General Discussion",
+        "description": "A place to talk about whateeeever you want",
+        "blockclass": "category-blue",
+        "icon" : "icon-comment"
+    },
+    {
+        "name": "NodeBB Development",
+        "description": "Bugs? Dont worry, we dont read this thread, so post them here.",
+        "blockclass": "category-blue",
+        "icon" : "icon-github-alt"
+    },
+    {
+        "name": "Blogs",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-blue",
+        "icon" : "icon-pencil"
+    },
+    {
+        "name": "Feature Requests",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-purple",
+        "icon" : "icon-lightbulb"
+    },
+    {
+        "name": "Bug Reports",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-purple",
+        "icon" : "icon-cogs"
+    },
+    {
+        "name": "Bug Reports",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-purple",
+        "icon" : "icon-cogs"
+    },
+    {
+        "name": "NodeBB Link Exchange",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-purple",
+        "icon" : "icon-exchange"
+    },
+    {
+        "name": "News",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-darkblue",
+        "icon" : "icon-globe"
+    },
+    {
+        "name": "Movies",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-darkblue",
+        "icon" : "icon-film"
+    },
+    {
+        "name": "Games",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-darkblue",
+        "icon" : "icon-screenshot"
+    },
+    {
+        "name": "Random",
+        "description": "In future an example of how a hidden category should look like.",
+        "blockclass": "category-darkblue",
+        "icon" : "icon-beer"
+    }
+]

public/css/style.less

@@ -31,9 +31,15 @@ body {
 .block, .show {
 	display: block;
 }
+.badge {
+	vertical-align: 15%;
+}
+.nav .badge {
+	vertical-align: 10%;
+}
 
-@media (min-width: 979px) {
-	body {
+@media (min-width: 979px) 
+{	body {
 		padding-top: 70px;
 	}
 }

public/templates/home.tpl

@@ -4,7 +4,7 @@
 	<p>
 		<a target="_blank" href="http://www.nodebb.org" class="btn btn-large"><i class="icon-comment"></i> Get NodeBB</a>
 		<a target="_blank" href="http://www.nodebb.org" class="btn btn-large"><i class="icon-github-alt"></i> Fork us on Github</a>
-		<a target="_blank" href="http://www.nodebb.org" class="btn btn-large"><i class="icon-twitter"></i> @dcplabs</a>
+		<a target="_blank" href="http://www.nodebb.org" class="btn btn-large"><i class="icon-twitter"></i> dcplabs</a>
 	</p>
 </div>
 
@@ -12,7 +12,7 @@
 	<!-- BEGIN categories -->
 	<div class="span3">
 		<a href="category/{categories.slug}">
-			<h4>{categories.name}</h4>
+			<h4>{categories.name} <span class="badge badge-important">3</span></h4>
 			<!-- {categories.description} -->
 			<div class="category-icon {categories.blockclass}">
 				<i class="{categories.icon} icon-4x"></i>