Make Skills and Projects cards linkable (#46)

* Project card header is now can be clicked

* skill is card now having url to add on it's header

* urls added to some skills

* div class synced with original

* guthub button text synced with original

* text decoration removed

* remove next line in card header for text

* whole Skill Card now is under hyperlink

* hyperlink class separated from card

* removed text-decoration from .card class

* ProjectCard header hyperlink decoration removed

* call adjustSkillCardsHeight after page is loaded

* Add "#" in href field when respective URL is not provided

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

static/assets/css/navigators/navbar.css

@@ -140,7 +140,6 @@
 @media (max-width: 1024px) {
   .top-navbar .container {
     max-width: 100%;
-    padding: 0;
   }
 
   .initial-navbar .navbar-nav .active,
@@ -183,11 +182,6 @@
 /*  Large devices (desktops, 992px and up) */
 
 @media (max-width: 992px) {
-  .top-navbar .container {
-    max-width: 100%;
-    padding: 0;
-  }
-
   .initial-navbar .navbar-nav .active,
   .initial-navbar li a:hover {
     color: #2098d1;
@@ -228,11 +222,6 @@
 /* Medium devices (tablets, 768px and up) */
 
 @media only screen and (max-width: 768px) {
-  .top-navbar .container {
-    max-width: 100%;
-    padding: 0;
-  }
-
   .initial-navbar .navbar-nav .active,
   .initial-navbar li a:hover {
     color: #2098d1;
@@ -273,9 +262,6 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
-  .final-navbar {
-    padding: 0;
-  }
 }
 
 /* iPhoneX, iPhone 6,7,8 */

static/assets/css/sections/projects.css

@@ -2,6 +2,7 @@
   background-color: #f9fafc;
   padding: 0.7rem;
   padding-bottom: 0rem;
+  text-decoration: none;
 }
 
 .projects-section .card .card-img-xs {

static/assets/css/sections/skills.css

@@ -6,6 +6,10 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
+.skills-section .skill-card-link {
+  text-decoration: none;
+}
+
 .skills-section .card .card-img-xs {
   margin-right: 0.5rem;
 }

static/assets/js/home.js

@@ -69,20 +69,22 @@ var projectCards;
         // primary skills
         var skillCards = document.getElementById("primary-skills");
         if (skillCards != null) {
-          var el = skillCards.children;
+          var cardElems = skillCards.getElementsByClassName("card");
           var maxHeight = 0;
-          for (let i = 0; i < el.length; i++) {
-            if (el[i].children[0].clientHeight > maxHeight) {
-              maxHeight = el[i].children[0].clientHeight;
+          for (let i = 0; i < cardElems.length; i++) {
+            if (cardElems.item(i).clientHeight > maxHeight) {
+              maxHeight = cardElems.item(i).clientHeight;
             }
           }
-          for (let i = 0; i < el.length; i++) {
-            el[i].children[0].setAttribute("style", "min-height: " + maxHeight + "px;")
+          for (let i = 0; i < cardElems.length; i++) {
+            cardElems.item(i).setAttribute("style", "min-height: " + maxHeight + "px;");
           }
         }
       }
     }
-    adjustSkillCardsHeight();
+    $(window).on("load", function () {
+      adjustSkillCardsHeight();
+    });
 
     // ================== Project cards =====================
     // Add click action on project category selector buttons