From 64fb493030095e5406044b158dcc837966c618fa Mon Sep 17 00:00:00 2001
From: Yuriy <yuramazh@gmail.com>
Date: Thu, 23 Jul 2020 22:16:48 +0200
Subject: 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>
---
 layouts/partials/cards/skill.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(limited to 'layouts/partials/cards/skill.html')

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>
-- 
cgit v1.2.3