From e8a3293bf5b58dc85d17719730ed908dcf87a50f Mon Sep 17 00:00:00 2001
From: James Mills <1290234+prologic@users.noreply.github.com>
Date: Mon, 27 Mar 2023 01:15:04 +1000
Subject: [PATCH] Fix fence style and main content

---
 css/site.css | 18 ++++++++++++++++++
 index.md     |  9 ++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/css/site.css b/css/site.css
index e076bc2..e36f87f 100644
--- a/css/site.css
+++ b/css/site.css
@@ -1,3 +1,5 @@
+/* Anchors */
+
 h1:hover .anchor:before,
 h2:hover .anchor:before,
 h3:hover .anchor:before,
@@ -11,4 +13,20 @@ h6:hover .anchor:before {
     background-color: currentColor;
     -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
     mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+}
+
+
+/* Fences */
+
+.blue {
+    background-color: steelblue;
+    padding: 5px;
+}
+
+#insideme {
+    color: yellow;
+}
+
+.red {
+    background-color: red;
 }
\ No newline at end of file
diff --git a/index.md b/index.md
index 0439ab3..0ecdd62 100644
--- a/index.md
+++ b/index.md
@@ -5,9 +5,9 @@ This is a [zs](https://git.mills.io/prologic/zs) starter template. A live versio
 ## Features
 
 - A basic index page with the content you see here
-- A basic layout using [SimpleCSS](https://simplecss.org/) for style
-- Uses [live.js](https://livejs.com/) to automatically reload pages when they change
-- Examples of several extensions built-in to `zs`
+- A basic layout using a modified version of [bahunya][bahunya] for style
+- [live.js](live.js) for faster development
+- Examples of several built-in extensions
 
 ## Quick Start
 
@@ -27,6 +27,8 @@ Aside from the regular Markdown [[TestPage]] that demonstrates the full capabili
 
 With the [anchors][anchors] extension so you can link to any section(s) on the page like [Quick Start](#quick-start).
 
+> 💡 **Tip:** Try hovering over any of the headings on this page!
+
 ### D2 Diagrams
 
 With the [d2][d2] extension you can draw and diagrams such as:
@@ -83,3 +85,4 @@ With the [wikilinks][wikilinks] extension you can link to other pages more easil
 [highlighting]: https://github.com/yuin/goldmark-highlighting
 [wikilink]: https://github.com/abhinav/goldmark-wikilink
 [zs]: https://git.mills.io/prologic/zs
+[bahunya]: https://github.com/Kimeiga/bahunya
\ No newline at end of file