From 2b05b8608380133f5fc65e0aba2dba274eefc1a3 Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Fri, 04 Mar 2022 18:31:45 +0000
Subject: [PATCH] feat: style portfolio metadata as list with icon start adornments

---
 layouts/portfolio/list.html |   40 +++++++++++++++++++++++++---------------
 1 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html
index 12fede9..ca8a59a 100644
--- a/layouts/portfolio/list.html
+++ b/layouts/portfolio/list.html
@@ -38,37 +38,47 @@
             {{ end }}"
           >
             <h2>{{ .name | markdownify }}</h2>
-            <div class="info">
+            <ul class="portfolio__meta">
               {{ if .status }}
-                <em class="fas fa-flag-checkered"></em>
-                <span>{{ .status }}</span>
+                <li class="portfolio__meta-item">
+                  <em class="fas fa-flag-checkered"></em>
+                  <span>{{ .status }}</span>
+                </li>
 
               {{ end }}
               {{ if .venue }}
-                <em class="fas fa-map-marker-alt"></em>
-                <span>{{ .venue }}</span>
+                <li class="portfolio__meta-item">
+                  <em class="fas fa-map-marker-alt"></em>
+                  <span>{{ .venue }}</span>
+                </li>
 
               {{ end }}
               {{ if .start }}
-                <span>Start:</span>
-                <span>{{ .start }}</span>
+                <li class="portfolio__meta-item">
+                  <em class="fas fa-arrow-up"></em>
+                  <span>{{ .start }}</span>
+                </li>
 
               {{ end }}
               {{ if .end }}
-                <span>End:</span>
-                <span>{{ .end }}</span>
+                <li class="portfolio__meta-item">
+                  <em class="fas fa-arrow-down"></em>
+                  <span>{{ .end }}</span>
+                </li>
 
               {{ end }}
-            </div>
-            {{ if .authors }}
-              <div class="info">
+              {{ if .authors }}
                 {{ range .authors }}
-                  <span>{{ . }}</span>
+                  <li class="portfolio__meta-item">
+                    <em class="fas fa-at"></em>
+                    <span>{{ . }}</span>
+                  </li>
 
                 {{ end }}
-              </div>
 
-            {{ end }}
+
+              {{ end }}
+            </ul>
             <p>{{ .description | markdownify }}</p>
             {{ if .link }}
               <div class="portfolio__button-wrapper">

--
Gitblit v1.10.0