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>

1 files changed, 11 insertions, 9 deletions

diff --git a/layouts/partials/cards/skill.html b/layouts/partials/cards/skill.html
index 0da4050..ee8c488 100644
--- a/layouts/partials/cards/skill.html
+++ b/layouts/partials/cards/skill.html
@@ -1,13 +1,15 @@
 <div class="col-xs-12 col-sm-6 col-lg-4 pt-2">
-  <div class="card">
-    <div class="card-head d-flex">
-      {{ if .icon }}
+  <a class="skill-card-link" href="{{ if .url }}{{ .url }}{{ else }}#{{ end }}">
+    <div class="card">
+      <div class="card-head d-flex">
+        {{ if .icon }}
         <img class="card-img-xs" src="{{ .icon }}" alt="{{ .name }}" />
-      {{ end }}
-      <h5 class="card-title">{{ .name }}</h5>
+        {{ end }}
+        <h5 class="card-title">{{ .name }}</h5>
+      </div>
+      <div class="card-body">
+        <p class="card-text">{{ .summary | markdownify }}</p>
+      </div>
     </div>
-    <div class="card-body">
-      <p class="card-text">{{ .summary | markdownify }}</p>
-    </div>
-  </div>
+  </a>
 </div>