doc: Add an example links page to the gallery

docs_src/index.md

@@ -24,6 +24,15 @@ The configuration I've got on my own personal site - not all that different than
 
 [<i class="fa-regular fa-file-code"></i> Config file](https://github.com/TEParsons/toddparsons/blob/main/mkdocs.yaml)
 
+## Torillic links
+To show off how a links page can look, here's an example page which links to the various implementations of my D&D-inspired theme, [Torillic](https://teparsons/github.io/torillic).
+
+<iframe src=https://teparsons.github.io/mkdocs-landing/gallery/torillic class=zoomed-out></iframe>
+
+[<i class="fa-regular fa-file-lines"></i> Full page](https://teparsons.github.io/mkdocs-landing/gallery/torillic)
+
+[<i class="fa-regular fa-file-code"></i> Config file](https://github.com/TEParsons/mkdocs-landing/blob/main/gallery/torillic/mkdocs.yaml)
+
 ## Ben Ambrose
 A site I built for a friend - this one relies on content being in `<article>` tags, and got a little funky with the `background_gradient` parameter.
 

gallery/torillic/mkdocs.yaml

@@ -0,0 +1,53 @@
+site_name: Torillic
+
+docs_dir: src
+draft_docs: vault
+site_dir: ../../docs/gallery/torillic
+
+theme:
+  name: landing
+
+  favicon: "https://teparsons.github.io/torillic/logo.png"
+  avatar: "https://teparsons.github.io/torillic/logo.png"
+  tagline: |
+    Magic is distilled laziness
+  page_source: 
+    link: https://github.com/TEParsons/torillic
+  header_layout:
+  - avatar
+  - title
+  - 
+  - tagline
+  # background
+  background_gradient_colors:
+  - color-mix(in srgb, var(--text) 20%, transparent)
+  - transparent
+  - color-mix(in srgb, var(--text) 10%, transparent)  
+  background_image: "https://teparsons.github.io/torillic/css/torillic/assets/torillic-bg.jpg"
+  content_box_opacity: 100%
+  content_box_padding: 6rem
+
+  # colours
+  primary_color: "#822000"
+  secondary_color: "#c9ad6a"
+  tertiary_color: "#822000"
+  # shades
+  base_color: "#fcf5e5"
+  mantle_color: "#e0e5c1"
+  crust_color: "#c9ad6a"
+  overlay_color: "#822000"
+  # text
+  text_color: "#000000"
+  # background-specific text
+  primary_text_color: var(--hltext)
+  secondary_text_color: var(--text)
+  tertiary_text_color: var(--text)
+  base_text_color: var(--text)
+  mantle_text_color: var(--text)
+  crust_text_color: var(--text)
+  overlay_text_color: var(--hltext)
+
+  # fonts
+  heading_font: Crimson Text
+  body_font: Alegreya
+  mono_font: Source Code Pro

gallery/torillic/src/index.md

@@ -0,0 +1,11 @@
+---
+template: links.html
+---
+
+# [![](https://teparsons.github.io/torillic/logo.png) Base Style](https://github.com/TEParsons/torillic/blob/main/torillic/torillic.css)
+
+# [![](https://typora.io/img/favicon-64.png) Typora](https://github.com/TEParsons/typora-torillic)
+
+# [![](https://www.markdownguide.org/assets/images/tool-icons/mkdocs.png) MkDocs](https://github.com/TEParsons/mkdocs-torillic)
+
+# [![](https://www.sphinx-doc.org/en/master/_static/sphinx-logo.svg) Sphinx](https://github.com/TEParsons/sphinx-torillic)