added languages

assets/css/style.css

@@ -100,6 +100,9 @@ h6 {
 */
 .navbar {
   padding: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
 
 .navbar ul {
@@ -618,14 +621,14 @@ section {
   margin-top: 30px;
 }
 
-.about .skills-content .progress {
+.progress {
   height: 60px;
   display: block;
   background: none;
   border-radius: 0;
 }
 
-.about .skills-content .progress .skill {
+.progress .skill {
   padding: 10px 0;
   margin: 0 0 6px 0;
   text-transform: uppercase;
@@ -635,16 +638,16 @@ section {
   color: #3b434a;
 }
 
-.about .skills-content .progress .skill .val {
+.progress .skill .val {
   float: right;
   font-style: normal;
 }
 
-.about .skills-content .progress-bar-wrap {
+.progress-bar-wrap {
   background: #e6e8eb;
 }
 
-.about .skills-content .progress-bar {
+.progress-bar {
   width: 1px;
   height: 10px;
   transition: 0.9s;

assets/js/main.js

@@ -175,7 +175,7 @@
     /**
      * Skills animation
      */
-    let skillsContent = select(".skills-content .progress", true);
+    let skillsContent = select(".progress", true);
     if (skillsContent) {
         skillsContent.forEach((skill) => {
             new Waypoint({
@@ -184,7 +184,12 @@
                 handler: function(direction) {
                     let progress = skill.querySelectorAll(".progress-bar");
                     progress.forEach((el) => {
-                        el.style.width = el.getAttribute("aria-valuenow") + "%";
+                        let percent =
+                            100 *
+                            (+el.getAttribute("aria-valuenow") /
+                                (+el.getAttribute("aria-valuemax") -
+                                    +el.getAttribute("aria-valuemin")));
+                        el.style.width = percent + "%";
                     });
                 },
             });