Added some more colors for the cards.

css/main.css

@@ -84,3 +84,13 @@ body {
       color: #FFF176; }
     .main #other-content .others h4, .main #other-content .others a:hover {
       color: #81C784; }
+    .main #other-content .funky h4, .main #other-content .funky a:hover {
+      color: #4DB6AC; }
+    .main #other-content .purple h4, .main #other-content .purple a:hover {
+      color: #9575CD; }
+    .main #other-content .upvoty h4, .main #other-content .upvoty a:hover {
+      color: #FF8A65; }
+    .main #other-content .indigo h4, .main #other-content .indigo a:hover {
+      color: #7986CB; }
+    .main #other-content .foxxy h4, .main #other-content .foxxy a:hover {
+      color: #A1887F; }

js/main.js

@@ -13,7 +13,12 @@ bgClassContainer = [
     "media",
     "work",
     "social",
-    "others"
+    "others",
+    "funky",
+    "purple",
+    "upvoty",
+    "indigo",
+    "foxxy"
 ]
 dateMap = {
     0: "Jan",

scss/main.scss

@@ -5,6 +5,11 @@ $media: #4DD0E1;
 $work: #F06292;
 $social: #FFF176;
 $others: #81C784;
+$funky: #4DB6AC;
+$purple: #9575CD;
+$upvoty: #FF8A65;
+$indigo: #7986CB;
+$foxxy: #A1887F;
 
 .roboto {
     font-family: 'Roboto', sans-serif;
@@ -136,5 +141,35 @@ body {
                 color: $others;
             }
         }
+
+        .funky {
+            h4, a:hover {
+                color: $funky;
+            }
+        }
+
+        .purple {
+            h4, a:hover {
+                color: $purple;
+            }
+        }
+
+        .upvoty {
+            h4, a:hover {
+                color: $upvoty;
+            }
+        }
+
+        .indigo {
+            h4, a:hover {
+                color: $indigo;
+            }
+        }
+
+        .foxxy {
+            h4, a:hover {
+                color: $foxxy;
+            }
+        }
     }
 }