From 802c3359905b1209d19ffaf8a7ed2ec2df4691d1 Mon Sep 17 00:00:00 2001
From: Wang Chucheng <ccwangchn@gmail.com>
Date: Sat, 16 May 2020 10:33:28 +0800
Subject: feat: basic style

---
 layouts/_default/list.html    | 24 ++++++++++++++++++------
 layouts/_default/section.html | 19 +++++++++++++++++++
 layouts/_default/single.html  |  6 ++++--
 3 files changed, 41 insertions(+), 8 deletions(-)
 create mode 100644 layouts/_default/section.html

(limited to 'layouts/_default')

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 43df083..a8890bb 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,20 @@
 {{ define "main" }}
-{{ range .Pages }}
-    <article class="text-gray-700 sm:mx-12 mb-4">
-        <h1 class="font-bold font-thin text-3xl text-gray-700"><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
-        {{ .Content }}
-    </article>
-{{ end }}
+<article class="mx-6 mb-8">
+    <h1 class="font-bold text-3xl text-primary-text">{{.Title}}</h1>
+    {{ with .Content }}
+    <div class="content">
+        {{ . }}
+    </div>
+    {{ end }}
+</article>
+<ul class="bg-secondary-bg px-6 py-8">
+    {{ range .Pages }}
+    <li class="text-lg text-primary-text my-2">
+        <a href="{{ .Permalink }}" class="text-eureka hover:underline">
+            {{ .Title }}
+        </a>
+    </li>
+    {{ end }}
+</ul>
+
 {{ end }}
\ No newline at end of file
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
new file mode 100644
index 0000000..9cb4a5e
--- /dev/null
+++ b/layouts/_default/section.html
@@ -0,0 +1,19 @@
+{{ define "main" }}
+<article class="mx-6 mb-8">
+    <h1 class="font-bold text-3xl text-primary-text">{{.Title}}</h1>
+    {{ with .Content }}
+    <div class="content">
+        {{ . }}
+    </div>
+    {{ end }}
+</article>
+{{ range .Pages }}
+<article class="bg-secondary-bg px-6 py-8 mb-8">
+    <h1 class="font-bold text-3xl text-primary-text"><a href="{{ .Permalink }}"
+            class="hover:text-eureka">{{ .Title }}</a></h1>
+    <div class="content">
+        {{ .Summary }}
+    </div>
+</article>
+{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3e6725d..1a59519 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -4,7 +4,7 @@
 <div class="grid grid-cols-2 lg:grid-cols-8 gap-4">
     <div
         class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg px-6 py-8">
-        <h1 class="font-bold text-3xl text-gray-700">{{ .Title }}</h1>
+        <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
         {{ partial "post_metadata.html" . }}
         <div class="content">
             {{ .Content}}
@@ -25,7 +25,7 @@
     {{ with $related }}
     <div
         class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg p-6">
-        <h2 class="subtitle">See Also</h2>
+        <h2 class="text-lg font-semibold mb-4">See Also</h2>
         <div class="content">
             {{ range . }}
             <a href="{{ .RelPermalink }}">{{ .Title }}</a>
@@ -35,6 +35,8 @@
     </div>
     {{ end }}
 </div>
+<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.0/build/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
 {{ if $hasToc }}
 <script>
     window.addEventListener('DOMContentLoaded', () => {
-- 
cgit v1.2.3