Skills

Author: agarnung

_data/other-skills.yml

@@ -1,7 +1,11 @@
-- name: Adobe Photoshop
-  percentage: 95
-  color: info
-
-- name: Adobe Illustrator
+- name: OpenCV
   percentage: 90
-  color: success
+  color: primary
+
+- name: Qt
+  percentage: 80
+  color: success
+
+- name: OpenGL
+  percentage: 50
+  color: success

_site/about/index.html

@@ -176,31 +176,47 @@ <h2 class="mb-3">Other Skills</h2>
 
   <div class="row justify-content-between align-items-center">
     <div class="col-10">
-      <p class="mb-1">Adobe Photoshop</p>
+      <p class="mb-1">OpenCV</p>
     </div>
     <div class="col-2 text-right">
-      <p class="mb-1 text-muted">95%</p>
+      <p class="mb-1 text-muted">90%</p>
     </div>
   </div>
 
   <div class="progress mb-4 bg-themed" style="height: 8px;">
-    <div class="progress-bar bg-info wow animated slideInLeft" data-wow-delay="0.05" role="progressbar" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
+    <div class="progress-bar bg-primary wow animated slideInLeft" data-wow-delay="0.05" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
     </div>
   </div>
 
 
 
   <div class="row justify-content-between align-items-center">
     <div class="col-10">
-      <p class="mb-1">Adobe Illustrator</p>
+      <p class="mb-1">Qt</p>
     </div>
     <div class="col-2 text-right">
-      <p class="mb-1 text-muted">90%</p>
+      <p class="mb-1 text-muted">80%</p>
+    </div>
+  </div>
+
+  <div class="progress mb-4 bg-themed" style="height: 8px;">
+    <div class="progress-bar bg-success wow animated slideInLeft" data-wow-delay="0.1" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
+    </div>
+  </div>
+
+  
+
+  <div class="row justify-content-between align-items-center">
+    <div class="col-10">
+      <p class="mb-1">OpenGL</p>
+    </div>
+    <div class="col-2 text-right">
+      <p class="mb-1 text-muted">50%</p>
     </div>
   </div>
 
   <div class="progress mb-4 bg-themed" style="height: 8px;">
-    <div class="progress-bar bg-success wow animated slideInLeft" data-wow-delay="0.1" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
+    <div class="progress-bar bg-success wow animated slideInLeft" data-wow-delay="0.15" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
     </div>
   </div>