Projects list page with project card

layouts/_default/contact.html

@@ -1,5 +1,5 @@
 {{ define "styles" }}
-    {{ $styles := resources.Get "css/page/contact.css" | toCSS | minify }}
+    {{ $styles := resources.Get "css/contact.css" | toCSS | minify }}
 
     <link rel="stylesheet" href="{{ $styles.Permalink }}" />
 {{ end }}

layouts/_default/list.html

@@ -0,0 +1,15 @@
+{{ define "styles" }}
+    {{ $styles := resources.Get "css/list.css" | toCSS | minify }}
+
+    <link rel="stylesheet" href="{{ $styles.Permalink }}" />
+{{ end }}
+
+{{ define "main" }}
+    {{ .Content }}
+
+    <section>
+        {{ range .Pages }}
+            {{ partial "project-card.html" . }}
+        {{ end }}
+    </section>
+{{ end }}

layouts/partials/project-card.html

@@ -0,0 +1,20 @@
+{{ $styles := resources.Get "css/partials/project-card.css" | toCSS | minify }}
+
+<link rel="stylesheet" href="{{ $styles.Permalink }}" />
+
+<article>
+  <div>
+    <h3>{{ .Title }}</h3>
+    <p>{{ .Params.description }}</p>
+    <div id="links">
+      <a class="read-more" href="{{ .Permalink }}">
+        Read more {{ readFile "assets/icons/arrow.svg" | safeHTML }}
+      </a>
+      {{ with .Params.demo }}
+      <a class="demo" href="{{ . }}" target="_blank">
+        Demo {{ readFile "assets/icons/eye.svg" | safeHTML }}
+      </a>
+      {{ end }}
+    </div>
+  </div>
+</article>