standardize authors

Author: denten

_includes/footer.html

@@ -1,11 +1,9 @@
-<footer class="border-t border-gray-400">
-  <div class="flex items-start justify-between gap-4 px-4 py-4 md:px-6">
+<footer class="flex items-start justify-between gap-4 px-4 py-4 md:px-6">
     <div class="font-sans text-xs font-black bold uppercase tracking-wide">
-      Support free &amp; open scholarship.
+        Support free &amp; open scholarship.
     </div>
 
     <div class="font-mono text-xs leading-relaxed text-gray-500">
-      {{ site.time | date: "%Y" }}
+        {{ site.time | date: "%Y" }}
     </div>
-  </div>
 </footer>

_includes/header.html

@@ -6,7 +6,7 @@
       </a>
     </div>
 
-    <div class="text-gray-600 font-sans text-sm leading-[1.75]">
+    <div class="text-gray-600 font-mono text-sm leading-[1.75]">
       A peer-reviewed journal on research design and method.
     </div>
   </div>

_includes/tags.html

@@ -4,7 +4,7 @@
 
     <div class="mt-2 flex flex-wrap gap-2">
       {% for tag in tags %}
-        <span class="border border-gray-300 px-2 py-[3px] font-mono text-[0.46rem] uppercase tracking-[0.08em]">
+        <span class="border border-gray-300 px-2 py-[3px] font-mono text-[0.66rem] uppercase tracking-[0.08em]">
           {{ tag }}
         </span>
       {% endfor %}

_layouts/home.html

@@ -2,40 +2,40 @@
 layout: default
 ---
 
-<div class="mx-auto px-4 py-4 md:px-6 md:py-5">
+<div class="py-4 md:py-5">
     {% include prose.html content=content %}
 </div>
 
 <!-- header -->
 <div class="flex items-baseline justify-between gap-4 px-4 py-3 md:px-6">
-  {% include chip.html text="Recent ↓" %}
+    {% include chip.html text="Recent ↓" %}
   {% include chip.html href="/notes/" text="View all →" %}
 </div>
 
 {% assign items = site.notes | sort: "date" | reverse %}
 {% if items and items.size > 0 %}
 
-  <div class="grid grid-cols-1 md:grid-cols-3">
+  <div class="grid grid-cols-1 md:grid-cols-2">
 
     {% for post in items limit:6 %}
-      <article class="min-h-72 px-4 py-5 md:px-6 md:border-r md:border-black/10 md:[&:nth-child(3n)]:border-r-0">
+      <article class="min-h-72 px-4 py-5 md:px-6 md:border-r md:border-black/10 md:[&:nth-child(2n)]:border-r-0">
         <!-- meta -->
-        <div class="mb-3 flex flex-wrap gap-x-3 gap-y-1 font-mono text-[0.66rem] leading-[1.65] text-gray-500">
+        <div class="mb-3 flex flex-wrap gap-x-3 gap-y-1 font-mono text-sm leading-[1.65] text-gray-500">
           <span>{{ post.date | date: "%Y-%m-%d" }}</span>
-          {% if post.authors %}
-            <span>{{ post.authors | join: ", " }}</span>
-          {% endif %}
         </div>
 
         <!-- title -->
-        <h2 class="mb-3 font-serif text-[1.5rem] leading-[0.98] tracking-[-0.03em]">
+        <h2 class="mb-1 font-serif text-xl leading-[0.98] tracking-[-0.03em]">
           <a href="{{ post.url | relative_url }}" class="hover:text-red-600">
             {{ post.title }}
           </a>
         </h2>
 
+        <!-- authors-->
+        {% include authors.html items=post.authors %}
+
         <!-- summary -->
-        <p class="mb-4 font-serif max-w-[40ch] text-[0.9rem] leading-[1.65] text-neutral-700">
+        <p class="mb-4 ml-4 font-serif text-base leading-7 text-neutral-700">
           {% if post.summary %}
             {{ post.summary }}
           {% else %}

_layouts/note.html

@@ -20,11 +20,7 @@ <h1 class="max-w-2xl font-serif text-[clamp(1.9rem,3vw,2.6rem)] leading-snug tra
           </h1>
 
           {% if page.authors %}
-            <div class="mt-3 font-mono text-[0.72rem] uppercase tracking-[0.08em] text-gray-500">
-              {% for author in page.authors %}
-                <span>{{ author }}</span>{% unless forloop.last %}<span class="text-red-600"> · </span>{% endunless %}
-              {% endfor %}
-            </div>
+              {% include authors.html items=page.authors %}
           {% endif %}
 
 

_layouts/notes.html

@@ -28,11 +28,7 @@ <h2 class="mb-1.5 font-sans text-[1.4rem] font-serif leading-[1] tracking-[-0.02
                   </a>
                 </h2>
 
-                <div class="mb-2 font-mono text-[0.68rem] uppercase tracking-[0.06em] leading-[1.7] text-gray-500">
-                  {% if post.authors %}
-                    <span>{{ post.authors | join: ", " }}</span>
-                  {% endif %}
-                </div>
+                {% include authors.html items=post.authors %}
 
                 {% if post.summary %}
                   <p class="m-0 max-w-[54ch] text-[0.9rem] leading-[1.65] text-neutral-700">