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,");
mask-image: url("data:image/svg+xml,");
+}
+
+
+/* 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