Display what blockquote and code look like in README file

3 files changed, 8 insertions, 1 deletions

diff --git a/README.md b/README.md
index c368c1f..2dfd1c4 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,8 @@ Pay attention to read this **entire page** before applying what you read!
 
 # Screenshots
 
+## Single page
+
 This is a single page from the wiki, showing:
 
   * a simple menu to go to the homepage
@@ -111,3 +113,9 @@ This is a single page from the wiki, showing:
   * remote shortcode (the link with a globe before)
 
 ![A single page from the Wiki](single_page.png)
+
+## Blockquote and code
+
+You can use code syntaxic coloration (with [pygmentize as explained in Hugo documentation](https://gohugo.io/extras/highlighting/)).
+
+![Example of blockquote and code](blockquote_and_code.png)
diff --git a/TODO b/TODO
index 5426d9d..a0f76d6 100644
--- a/TODO
+++ b/TODO
@@ -4,4 +4,3 @@
   * create a picture of what looks like EACH shortcode and add them into README
   * add a picture to show a wiki website with Adam & Eve theme:
     * show homepage with some links
-    * show in this homepage blockquote and code
diff --git a/blockquote_and_code.png b/blockquote_and_code.png
new file mode 100644
index 0000000..9b52292
--- /dev/null
+++ b/blockquote_and_code.png