Make soft skill's color configurable + add 'sky' and 'orange' colors (#22)

* Add about circle colors for 'sky' and 'orange'

* Make color configurable

Co-authored-by: hossainemruz <emruz@appscode.com>

exampleSite/data/sections/about.yaml

@@ -47,7 +47,7 @@ socialLinks:
 
 # your soft skills
 # give the percentage between 50 to 100 with 5 intervals.
-# currently supported color: blue, yellow, pink, green
+# currently supported colors: blue, yellow, pink, green, sky, orange
 softSkills:
 - name: Leadership
   percentage: 85
@@ -60,4 +60,17 @@ softSkills:
   color: pink
 - name: Hard Working
   percentage: 85
-  color: green
+  color: green
+- name: Fast Learner
+  percentage: 85
+  color: sky
+- name: Problem Solving
+  percentage: 85
+  color: orange
+# you can also provide color code instead of pre-defined color name
+# - name: Example 1
+#   percentage: 75
+#   color: "#00adb5"
+# - name: Example 2
+#   percentage: 65
+#   color: "#8b8383"