modularize and simplify further

Author: denten

index.html

@@ -4,21 +4,22 @@
 permalink: /
 ---
 
-<section class="border-b px-4 py-4 md:px-6 md:py-5">
+<section class="px-4 py-4 md:px-6 md:py-5">
+
   <!-- kicker -->
-  <div class="mb-3 flex flex-wrap gap-x-6 gap-y-2 font-mono text-[0.68rem] uppercase tracking-[0.13em] text-red-600">
+<div class="mb-3 flex flex-wrap gap-x-6 gap-y-2 font-mono text-xs uppercase tracking-wider text-red-600">
     <span>Lab Notes</span>
     <span>Vol. I</span>
   </div>
 
   <!-- headline -->
-  <h1 class="m-0 font-sans font-black uppercase leading-[0.92] tracking-[-0.04em] text-black text-[clamp(3rem,9vw,8rem)]">
-    <span class="block">Lab</span>
-    <span class="block text-black/25">Notes.</span>
-  </h1>
+<h1 class="font-sans text-5xl font-black uppercase leading-none md:text-7xl">
+  <span class="block">Lab</span>
+  <span class="block text-black/25">Notes.</span>
+</h1>
 
   <!-- strip -->
-  <div class="mt-4 grid grid-cols-1 gap-x-4 border-t py-3 md:grid-cols-3">
+  <div class="mt-4 grid grid-cols-1 gap-x-4 py-3 md:grid-cols-3">
     <div class="font-mono text-[0.72rem] leading-[1.75] text-left">
       <span class="mb-[0.15rem] block uppercase tracking-[0.1em] text-red-600">
         Focus
@@ -43,10 +44,10 @@ <h1 class="m-0 font-sans font-black uppercase leading-[0.92] tracking-[-0.04em]
   </div>
 </section>
 
-<section class="border-b">
+<section class="">
 
   <!-- header -->
-  <div class="flex items-baseline justify-between gap-4 border-b px-4 py-3 md:px-6">
+  <div class="flex items-baseline justify-between gap-4 px-4 py-3 md:px-6">
     <span class="font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500">
       Recent notes
     </span>
@@ -61,7 +62,7 @@ <h1 class="m-0 font-sans font-black uppercase leading-[0.92] tracking-[-0.04em]
     <div class="grid grid-cols-1 md:grid-cols-3">
 
       {% for post in items limit:6 %}
-        <article class="min-h-[17rem] border-b border-black/10 px-4 py-5 md:border-r md:px-6">
+        <article class="min-h-[17rem] border-black/10 px-4 py-5 md:border-r md:px-6">
 
           <!-- 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">