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