From 74bbd53368b4c77a5f37e6dd8aeb6fdded33f6fd Mon Sep 17 00:00:00 2001
From: Bruno Rocha <rochacbruno@gmail.com>
Date: Mon, 21 Oct 2024 23:40:30 +0100
Subject: [PATCH] misc: demo site content fix

---
 ...9-what-is-marmite-static-site-generator.md |  2 +-
 example/content/markdown-format.md            | 59 +++++++++++++++++++
 example/content/second-blog-post.md           | 29 ---------
 3 files changed, 60 insertions(+), 30 deletions(-)
 delete mode 100644 example/content/second-blog-post.md

diff --git a/example/content/2024-10-19-what-is-marmite-static-site-generator.md b/example/content/2024-10-19-what-is-marmite-static-site-generator.md
index 1a0ba7c..857003c 100644
--- a/example/content/2024-10-19-what-is-marmite-static-site-generator.md
+++ b/example/content/2024-10-19-what-is-marmite-static-site-generator.md
@@ -88,7 +88,7 @@ as a `{slug}.html` and make it accessible only via the link directly.
 By default marmite includes 3 items in the main menu:
 
 - Pages -> pages.html
-  - List of posts in chronological order.
+  - List of pages in alphabetical order.
 - Tags -> tags.html
   - List of tags and a link to each tag group page.
 - Archive -> archive.html
diff --git a/example/content/markdown-format.md b/example/content/markdown-format.md
index bf17697..40b6c64 100644
--- a/example/content/markdown-format.md
+++ b/example/content/markdown-format.md
@@ -307,6 +307,65 @@ Same but containing a tooltip if you hover the mouse on
 ![Photo](./media/marmite.jpg "A jar of Marmite")
 ```
 
+### Embed
+
+Just use raw HTML for now, in future we may have a shorcode.
+
+<iframe width="360" height="215" src="https://www.youtube.com/embed/MjrBTcnnK6c?si=PmQWsGiTh5XguSpb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+```html
+<iframe width="360" height="215" src="https://www.youtube.com/embed/MjrBTcnnK6c?si=PmQWsGiTh5XguSpb" title="YouTube video player"></iframe>
+```
+
+### Pico CSS components
+
+<small>The default embedded template uses [picocss](https://picocss.com) so it is possible to write raw HTML like this:</small>
+
+#### FAQ
+
+<details>
+<summary>Why is it named Marmite?</summary>
+
+The creator of this project was looking for some cool name
+to use for a **mark**down related project.
+Then while having bread with Marmite spread for breakfast
+it looked like a good idea!
+
+</details>
+
+<hr />
+
+<details>
+<summary>Why Rust?</summary>
+
+**Why not?**
+
+</details>
+
+<hr />
+
+
+```html
+<details>
+<summary>Why is it named Marmite?</summary>
+
+The ...
+
+</details>
+
+<hr />
+
+<details>
+<summary>Why Rust?</summary>
+
+**Why not?**
+
+</details>
+
+<hr />
+
+```
+
 ### Symbols
 
 
diff --git a/example/content/second-blog-post.md b/example/content/second-blog-post.md
deleted file mode 100644
index 562e25d..0000000
--- a/example/content/second-blog-post.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-date: 2024-01-02
-tags:
-  - markdown
-  - media
----
-
-
-# A blog post with media
-
-Very simple post with media on this website
-
-
-## this is an external image
-
-![Marmite](https://github.com/rochacbruno/marmite/raw/main/assets/_resized/logo_160x120.png)
-
-## This is a local image
-
-This image is saved on a folder named `media` relative to the content folder.
-
-![Marmite](./media/marmite.jpg)
-
-## This an embedded video
-
-for now, plain html is used to embed, just copy and paste the `iframe` tag here.  
-maybe in future we add some shortcode?
-
-<iframe width="560" height="315" src="https://www.youtube.com/embed/MjrBTcnnK6c?si=PmQWsGiTh5XguSpb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>