feat: improve page layout

espressif · Sep 3, 2024 · f93360c · f93360c
1 parent bf06130
commit f93360c
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -0,0 +1,21 @@
+/* This makes text in code blocks smaller than body text */
+.highlight, code {
+  font-size: 0.85rem;
+}
+
+/* This makes text in TOC smaller than body text */
+#TableOfContents li {
+  font-size: 0.85rem;
+}
+
+/* This reduces font in article summaries */
+.py-1 {
+  font-size: 0.85rem;
+  font-weight: 400;
+}
+
+/* For bullet points to stand out in a list, the line heights inside and
+   between bullet points should differ. This reduces the inside height */
+   li {
+  line-height: 1.65;
+}
diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml
@@ -10,7 +10,7 @@ defaultContentLanguage = "en"
 
 enableRobotsTXT = true
 paginate = 100
-summaryLength = 30
+summaryLength = 15
 
 buildDrafts = false
 buildFuture = false

diff --git a/config/_default/params.toml b/config/_default/params.toml
@@ -88,7 +88,7 @@ smartTOCHideUnfocusedChildren = false
   layoutBackgroundBlur = true # only used when heroStyle equals background
   layoutBackgroundHeaderSpace = false
   showBreadcrumbs = false
-  showSummary = false
+  showSummary = true
   showViews = true
   showLikes = true
   showTableOfContents = true

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -47,6 +47,8 @@
   {{ end }}
   {{ $bundleCSS := $assets.Get "css" | resources.Concat "css/main.bundle.css" | resources.Minify | resources.Fingerprint
   "sha512" }}
+  {{ $cssCustom := resources.Get "css/custom.css" }}
+
   <link type="text/css" rel="stylesheet" href="{{ $bundleCSS.RelPermalink }}"
     integrity="{{ $bundleCSS.Data.Integrity }}" />
   {{ $jsAppearance := resources.Get "js/appearance.js" }}