All {{.Title}}
-- 
-            {{- range .Pages.ByLastmod.Reverse -}}
-            
 - 
-                ---- -
{{- .Title -}}
-{{- .Summary -}}{{if .Truncated}}...{{end}}
- 
-            {{- end -}}
-         
diff --git a/assets/base.scss b/assets/base.scss
index 571ca22..c4447ee 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -108,25 +108,86 @@ td, th {
   margin: 0.5em 0;
 }
 
+.pagination {
+  list-style: none;
+  padding-left: 0;
+  display: flex;
+  margin-top: 2em;
+  gap: 1.5em;
+  justify-content: center;
+
+  & > li {
+    text-align: center;
+    display: inline-block;
+
+    & a {
+      background-color: transparent !important;
+    }
+
+    & a[href$="#"] {
+      opacity: 0.2;
+    }
+  }
+}
+
+.section {
+  & h3 > a {
+    font-weight: 700;
+    font-family: Inter;
+    margin: 0;
+  }
+  & p {
+    margin-top: 0;
+  }
+}
+
 article {
- & > .meta {
-   margin: -1.5em 0 1em 0;
-   opacity: 0.7;
- }
+  & > .meta {
+    margin: -1.5em 0 1em 0;
+    opacity: 0.7;
+  }
 
- & a {
-   font-family: Source Sans Pro;
-   font-weight: 600;
+  & > .tags {
+    list-style: none;
+    padding-left: 0;
 
-   // internal link
-   &[href^="./"], &[href^="/"] {
-     text-decoration: none;
-     background-color: transparentize(#8f9fa9, 0.85);
-     padding: 0 0.1em;
-     margin: auto -0.1em;
-     border-radius: 3px;
-   }
- }
+    & .meta {
+      & > h1 {
+        margin: 0;
+      }
+      & > p {
+        margin: 0;
+      }
+    }
+
+    & > li {
+      display: inline-block;
+    }
+    & > li > a {
+      border-radius: 8px;
+      border: var(--outlinegray) 1px solid;
+      padding: 0.2em 0.5em;
+      &::before {
+        content: "#";
+        margin-right: 0.3em;
+        color: var(--outlinegray);
+      }
+    }
+  }
+
+  & a {
+    font-family: Source Sans Pro;
+    font-weight: 600;
+
+    // internal link
+    &[href^="./"], &[href^="/"] {
+      text-decoration: none;
+      background-color: transparentize(#8f9fa9, 0.85);
+      padding: 0 0.1em;
+      margin: auto -0.1em;
+      border-radius: 3px;
+    }
+  }
 }
 
 .backlinks a {
diff --git a/config.toml b/config.toml
index a0d71f7..5c4dfcb 100644
--- a/config.toml
+++ b/config.toml
@@ -8,7 +8,8 @@ ignoreFiles = [
     "/content/templates/*",
     "/content/private/*",
 ]
-summaryLength = 35
+summaryLength = 20
+paginate = 10
 enableGitInfo = true
 
 [markup]
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
index 286eb02..3b9741e 100644
--- a/layouts/_default/section.html
+++ b/layouts/_default/section.html
@@ -14,21 +14,7 @@
     
      {{- .Summary -}}{{if .Truncated}}...{{end}}All {{.Title}}
-        
-            {{- range .Pages.ByLastmod.Reverse -}}
-            
+        {{partial "page-list.html" .Pages.ByLastmod.Reverse }}
     {{- .Title -}}
-