From cd003e32ea2799a4559f38ec339e4f3a5e201398 Mon Sep 17 00:00:00 2001
From: SerKo <serko.dev@gmail.com>
Date: Wed, 13 Apr 2022 03:01:56 +0800
Subject: [PATCH] style: update style

---
 layouts/_default/list.html   | 21 ++++++++++++++++++-
 layouts/_default/single.html | 39 +-----------------------------------
 layouts/index.html           | 15 --------------
 layouts/partials/prose.html  | 38 +++++++++++++++++++++++++++++++++++
 4 files changed, 59 insertions(+), 54 deletions(-)
 create mode 100644 layouts/partials/prose.html

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 41b8269..26bda1d 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,3 +1,22 @@
 {{ define "main" }}
-
+<div>
+    <article class="box:border-box pt:64 w:full">
+        <header class="mb:32">
+            <div class="font:40 font:extrabold">{{ .Title }}</div>
+        </header>
+        {{- partial "prose.html" . -}}
+    </article>
+    <ul>
+        {{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
+        <li>
+            <div class="mb:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
+                <a class="f:24 font:semibold" href="{{ .Permalink }}">
+                    <div>{{ .Title }}</div>
+                </a>
+                <div class="mt:12 f:fade-70"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
+            </div>
+        </li>
+        {{- end }}
+    </ul>
+</div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index f81fed7..6463bb5 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -12,43 +12,6 @@
             {{- end -}}
         </div>
     </header>
-    <div class="
-        _:where(a):hover{text-decoration-color:fade!}
-        _:where(a){text-decoration:2;underline;fade-10;_text-decoration-color:fade-70@dark}
-        _:where(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
-        _:where(code){font:90%;_v:middle}
-        _:where(code:not(.highlight_*)){p:2;4;_r:4}
-        _:where(del){text-decoration:1;line-through;fade-68;_text-decoration-color:red-64@dark}
-        _:where(figcaption){text:14;_p:10;20;0;_width:fit;_mx:auto;_font:fade-56;_font:gray-57@dark}
-        _:where(h1){font:40;_font:extrabold}
-        _:where(h1,h2,h3)+:where(h1,h2,h3){mt:.5em}
-        _:where(h1,h2,h3,h4,h5,h6){mt:2em}
-        _:where(h2){mb:1em;_font:32}
-        _:where(h3){font:24}
-        _:where(h4){font:20}
-        _:where(h5){font:16}
-        _:where(h6){font:14}
-        _:where(li)::marker{font:fade-45;_font:gray-68@dark}
-        _:where(li){pl:.375em}
-        _:where(mark){text-decoration:1;underline;#fce016;_bg:transparent;_text-decoration-color:rgb(252;224;22/.5)@dark}
-        _:where(p,li){font:fade-76;_font:16;_line-height:1.65;_font:gray-34@dark}
-        _:where(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
-        _:where(pre){p:20;_r:8;_overflow:auto}
-        _:where(pre,code:not(.highlight_*)){bg:fade-3;_bg:fade-93@dark}
-        _:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:fade-12@dark}
-        _:where(table){width:full;_border-spacing:0}
-        _:where(td){v:baseline}
-        _:where(td,th):first-child{pl:0}
-        _:where(td,th):last-child{pr:0}
-        _:where(td,th){bb:1;solid;fade-92/.06;_p:6;_b:gray-4/.04@dark}
-        _:where(th){font:gray-78;_font:14;_text:left;_font:gray-12@dark}
-        _:where(th,p_code,li_code,a,mark){font:semibold;_font:medium@dark}
-        _:where(ul){list-style-type:disc}
-        _:where(ul,ol,blockquote){pl:1.5em}
-        _:where(video,img){max-width:full}
-        _:where(a,mark){text-underline-offset:3}
-    ">
-        {{- .Content -}}
-    </div>
+    {{- partial "prose.html" . -}}
 </article>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 9f849ac..f319bf9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,17 +1,2 @@
 {{ define "main" }}
-<div>
-    {{ .Content }}
-    <ul class="">
-        {{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
-        <li>
-            <div class="my:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
-                <a class="f:24 font:semibold" href="{{ .Permalink }}">
-                    <div>{{ .Title }}</div>
-                </a>
-                <div class="mt:12 f:fade-70"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
-            </div>
-        </li>
-        {{- end }}
-    </ul>
-</div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/prose.html b/layouts/partials/prose.html
new file mode 100644
index 0000000..fb4dce8
--- /dev/null
+++ b/layouts/partials/prose.html
@@ -0,0 +1,38 @@
+<div class="
+    _:where(a):hover{text-decoration-color:fade!}
+    _:where(a){text-decoration:2;underline;fade-10;_text-decoration-color:fade-70@dark}
+    _:where(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
+    _:where(code){font:90%;_v:middle}
+    _:where(code:not(.highlight_*)){p:2;4;_r:4}
+    _:where(del){text-decoration:1;line-through;fade-68;_text-decoration-color:red-64@dark}
+    _:where(figcaption){text:14;_p:10;20;0;_width:fit;_mx:auto;_font:fade-56;_font:gray-57@dark}
+    _:where(h1){font:40;_font:extrabold}
+    _:where(h1,h2,h3)+:where(h1,h2,h3){mt:.5em}
+    _:where(h1,h2,h3,h4,h5,h6){mt:2em}
+    _:where(h2){mb:1em;_font:32}
+    _:where(h3){font:24}
+    _:where(h4){font:20}
+    _:where(h5){font:16}
+    _:where(h6){font:14}
+    _:where(li)::marker{font:fade-45;_font:gray-68@dark}
+    _:where(li){pl:.375em}
+    _:where(mark){text-decoration:1;underline;#fce016;_bg:transparent;_text-decoration-color:rgb(252;224;22/.5)@dark}
+    _:where(p,li){font:fade-76;_font:16;_line-height:1.65;_font:gray-34@dark}
+    _:where(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
+    _:where(pre){p:20;_r:8;_overflow:auto}
+    _:where(pre,code:not(.highlight_*)){bg:fade-3;_bg:fade-93@dark}
+    _:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:fade-12@dark}
+    _:where(table){width:full;_border-spacing:0}
+    _:where(td){v:baseline}
+    _:where(td,th):first-child{pl:0}
+    _:where(td,th):last-child{pr:0}
+    _:where(td,th){bb:1;solid;fade-92/.06;_p:6;_b:gray-4/.04@dark}
+    _:where(th){font:gray-78;_font:14;_text:left;_font:gray-12@dark}
+    _:where(th,p_code,li_code,a,mark){font:semibold;_font:medium@dark}
+    _:where(ul){list-style-type:disc}
+    _:where(ul,ol,blockquote){pl:1.5em}
+    _:where(video,img){max-width:full}
+    _:where(a,mark){text-underline-offset:3}
+">
+    {{- .Content -}}
+</div>
\ No newline at end of file