From 0f6f3ba607a1b643d1fb953705b47c30f3f35e20 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Sat, 25 Feb 2023 17:12:34 -0800
Subject: [PATCH] Change minimal look section to use styles

---
 README.md | 52 +++++++++++++++++++++++++---------------------------
 1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/README.md b/README.md
index 3bcd27fb..d23e338f 100644
--- a/README.md
+++ b/README.md
@@ -297,33 +297,6 @@ authors:
 link: "https://youtu.be/dQw4w9WgXcQ" # The reference for an anchor around the title
 ```
 
-### Minimal look
-
-By default, everything is shown. If you want a more minimal look, try the following:
-
-```yaml
-paige:
-  list:
-    authors:
-      hide: true
-    date:
-      hide: true
-    reading_time:
-      hide: true
-    summary:
-      hide: true
-    terms:
-      hide: true
-  main:
-    metadata:
-      reading_time:
-        hide: true
-      terms:
-        hide: true
-    table_of_contents:
-      hide: true
-```
-
 ## Layouts
 
 ### Home
@@ -833,6 +806,31 @@ Use these CSS selectors to extend the default styling:
 
 If you hide `#paige-credit`, please credit this project in a post to help others find it.
 
+### Minimal look
+
+By default, everything is shown.
+If you want a more minimal look,
+try the following in your `layouts/partials/paige/style-first.css`:
+
+```css
+.paige-authors,
+.paige-date,
+.paige-reading-time,
+.paige-terms,
+.paige-toc,
+#paige-credit,
+#paige-pages .paige-authors,
+#paige-pages .paige-date-header,
+#paige-pages .paige-date,
+#paige-pages .paige-summary,
+#paige-pages .paige-terms {
+    display: none;
+}
+
+```
+
+This is used in the example site.
+
 ## Design
 
 The HTML author is the page authors.