update skills / skills init

src/static/json/skills.json

@@ -1,5 +1,14 @@
 {
     "Data and AI": {
+        "Tools": {
+            "Microsoft Azure": {
+                "Databricks": {},
+                "Data Factory": {},
+                "Stream Analytics": {}
+            },
+            "Apache Spark": {},
+            "Visual Basic for Applications (Excel)": {}
+        },
         "Python": {
             "PyTorch/TensorFlow": {},
             "Numpy/Pandas": {},
@@ -11,16 +20,19 @@
     "Frontend": {
         "Flask (Python)": {},
         "React (Javascript)": {},
-        "Angular (Typescript)": {}
+        "SASS/SCSS": {}
     },
     "Backend & DevOps": {
+        "Backend": {
+            "Rust": {},
+            "C#": {},
+            "C++": {}
+        },
         "DevOps": {
             "Docker": {},
             "Microsoft Azure": {},
             "Kubernetes/Openshift": {},
             "Bash": {}
-        },
+        }
-        "C#": {},
-        "C++": {}
     }
 }

src/templates/partials/skills.html

@@ -10,7 +10,11 @@
 {% macro skills(skills) %}
 <div id="skillTree">
     {% for skill in skills %}
-    {{ expandSkill(skills, skill, 'activeSkill') }}
+    {% set classes = "" %}
+    {% if skill == skills|first %}
+        {% set classes = "activeSkill" %}
+    {% endif %}
+    {{ expandSkill(skills, skill, classes) }}
     {% endfor %}
 </div>
 {% endmacro %}