Fix fence style and main content

css/site.css

@@ -1,3 +1,5 @@
+/* Anchors */
+
 h1:hover .anchor:before,
 h2:hover .anchor:before,
 h3:hover .anchor:before,
@@ -12,3 +14,19 @@ h6:hover .anchor:before {
     -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;
+}

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
+- A basic layout using a modified version of [bahunya][bahunya] for style
-- Uses [live.js](https://livejs.com/) to automatically reload pages when they change
+- [live.js](live.js) for faster development
-- Examples of several extensions built-in to `zs`
+- 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