From 4ef34a8f63d9afa3a4dab180f1b850518ab43ce3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=89=E7=BA=A2=E8=B1=86?=
 <55517494+ormissia@users.noreply.github.com>
Date: Sat, 13 Mar 2021 23:37:47 +0800
Subject: Display project card technology tags (#243)

* Display project card technology tags

* Fix tag CSS

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
---
 layouts/partials/cards/project.html | 50 ++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 18 deletions(-)

(limited to 'layouts/partials/cards')

diff --git a/layouts/partials/cards/project.html b/layouts/partials/cards/project.html
index 6b4f959..81d3fcd 100644
--- a/layouts/partials/cards/project.html
+++ b/layouts/partials/cards/project.html
@@ -26,25 +26,39 @@
       </a>
       <div class="card-body text-justify pt-1 pb-1">
         <p>{{ .summary | markdownify }}</p>
-        <span class="float-right">
-          {{ if .repo }}
-          <a
-            class="github-button-inactive"
-            href="{{ .repo }}"
-            data-icon="octicon-standard"
-            data-show-count="true"
-            aria-label="Star {{ .name }}"
-            >Star</a
-          >
-          {{ else if .url }}
-          <a
-            class="btn btn-outline-info btn-sm mb-2"
-            href="{{ .url }}"
-            target="#"
-            >Details</a
-          >
+        <!-- Display project card technology tags -->
+        <div class="project-card-footer">
+          {{ if .tags }}
+            <div class="project-tags-holder">
+              {{ range $index,$tag:= .tags }}
+                  <span class="badge btn-info">
+                    {{ $tag }}
+                  </span>
+              {{ end }}
+            </div>
           {{ end }}
-        </span>
+          <div class="project-btn-holder">
+            {{ if .repo }}
+            <a
+              class="github-button-inactive project-btn"
+              href="{{ .repo }}"
+              data-icon="octicon-standard"
+              data-show-count="true"
+              aria-label="Star {{ .name }}"
+              >Star</a
+            >
+            {{ else if .url }}
+            <span>
+              <a
+                class="btn btn-outline-info btn-sm"
+                href="{{ .url }}"
+                target="#"
+                >Details</a
+              >
+            </span>
+            {{ end }}
+          </div>
+        </div>
       </div>
     </div>
   </div>
-- 
cgit v1.2.3