From fd491f7b2075fc0485c0c946c2f7eceb11867227 Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Fri, 9 Aug 2024 14:06:31 -0400
Subject: [PATCH] article partials use new css classes

---
 layouts/partials/article-alternate.html | 10 +++---
 layouts/partials/article.html           | 45 +++++++++++--------------
 2 files changed, 25 insertions(+), 30 deletions(-)

diff --git a/layouts/partials/article-alternate.html b/layouts/partials/article-alternate.html
index ab1df6c..61c4ba9 100644
--- a/layouts/partials/article-alternate.html
+++ b/layouts/partials/article-alternate.html
@@ -1,9 +1,9 @@
-<a class="article-link" href={{ printf "/%s/%s" "authors" (.Params.name | urlize) }}>
-<article class="card-alternate shadow float-on-hover">
+<a href={{ printf "/%s/%s" "authors" (.Params.name | urlize) }}>
+<article class="alternate shadow left-to-right float-on-hover">
 	<div>
-			{{ with .Resources.GetMatch "avatar" }}
-				<img class="shadow" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
-			{{ end }}
+		{{ with .Resources.GetMatch "avatar" }}
+			<img class="shadow small-circle" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
+		{{ end }}
 	</div>
 	<div>
 		<h2>{{ .Params.name }}</h2>
diff --git a/layouts/partials/article.html b/layouts/partials/article.html
index c0b7abf..4e91338 100644
--- a/layouts/partials/article.html
+++ b/layouts/partials/article.html
@@ -1,27 +1,22 @@
-<article class="shadow float-on-hover card">
-	<div class="article-image">
-		<a href=" {{ .Permalink }}">
-    		{{ $image := .Resources.GetMatch "featured" }}
-			{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "fill-wh")}}
-		</a>
-	</div>
-	<div class="article-info-container">
-		<div class="article-info">
-			{{ range first 1 (.GetTerms "tags") }}
-				<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
-			{{ end }}
-			<a href="{{ .Permalink }}" class="article-title fill-wh">
-				<h2>{{ .Title | markdownify }}</h2>
-				{{ if ne .Kind "term"}}
-					<span class="date">
-						{{ if .Date }}
-							{{ .Date.Format "2006/01/02" }}
-						{{ else }}
-							TBD
-						{{ end }}
-					</span>
-				{{ end }}
-			</a>
-		</div>
+<article class="shadow float-on-hover">
+
+    <a href=" {{.Permalink }}">
+    	{{ $image := .Resources.GetMatch "featured" }}
+    	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt) }}
+    </a>
+
+    <div>
+
+    	<h2 class="title">{{ .Title | markdownify }}</h2>
+
+    	{{ with .Date }}
+    		<p>{{ .Format "2006/01/02" }}</p>
+    	{{ end }}
+
+    	{{ with index (.GetTerms "tags") 0 }}
+    		<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    	{{ end }}
+
 	</div>
+
 </article>