themes/default/layouts/_default/section.webring: Semantics

2 files changed, 6 insertions, 11 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 2fe00c4..b2c7f55 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1667,10 +1667,6 @@ web-ring {
   top: 1rem;
 }
 
-web-ring header {
-  font-weight: 700;
-}
-
 web-ring time,
 micro-author micro-header time {
   display: block;
@@ -1691,9 +1687,8 @@ web-ring p:not(:last-child) {
   margin-bottom: 0;
 }
 
-web-ring-item:not(:last-child) {
-  margin-bottom: 2rem;
-  display: block;
+web-ring article:not(:last-child) {
+  margin-bottom: 1.5rem;
 }
 
 web-ring aside {
diff --git a/themes/default/layouts/_default/section.webring.html b/themes/default/layouts/_default/section.webring.html
index 878ad95..f3689d8 100644
--- a/themes/default/layouts/_default/section.webring.html
+++ b/themes/default/layouts/_default/section.webring.html
@@ -25,15 +25,15 @@
   {{- end -}}
 
   {{- range (sort $items "FeedDateTime" "desc") -}}
-    <web-ring-item>
-      <header>
+    <article>
+      <h2>
         <a
           data-hover
           title="{{ .FeedLink }}"
           href="{{ .FeedLink }}">
           {{ or .FeedTitle (truncate 50 "..." (or .FeedContentShort .FeedDescriptionShort)) }}
         </a>
-      </header>
+      </h2>
       <time
         title="{{ .FeedDateTitle }}"
         datetime="{{ .FeedDateTime }}">
@@ -54,6 +54,6 @@
         href="{{ or .FeedSourceHome .FeedSourceLink }}">
         {{ .FeedSourceTitle }}
       </a>
-    </web-ring-item>
+    </article>
   {{- end -}}
 {{- end -}}