diff --git a/README.md b/README.md
index 835b822..7d561ab 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,15 @@
 
 Quarto shortcode extension to display micrographs in revealjs presentations
 
-## Installing
+## Installing quarto
+
+Go to this site to install Quarto CLI, VScode recommend as IDE:
+https://quarto.org/docs/get-started/
+
+Also recommend the VScode Quarto extension:
+https://quarto.org/docs/tools/vscode.html
+
+## Installing the extension for your project
 
 ```bash
 quarto add furthlab/micrograph
@@ -24,6 +32,9 @@ If you're using version control, you will want to check in this directory.
 {{< micrograph ./img/GFP.jpg DAPI Phalloidin GFP width="255" >}}
 ```
 
+![](https://github.com/micrograph/example.gif)
+
+
 ## Example
 
 Check our the source code for a minimal example using revealjs for the presentation: [example.qmd](example.qmd).
diff --git a/example.gif b/example.gif
new file mode 100644
index 0000000..f0982aa
Binary files /dev/null and b/example.gif differ
diff --git a/example.qmd b/example.qmd
index 178cd39..733cb05 100644
--- a/example.qmd
+++ b/example.qmd
@@ -9,4 +9,5 @@ format: revealjs
 {{< micrograph ./resources/MAX_240329_PC3_Rab_Anti_FlagTag_647_E300_I300_Phallodin_594_E100_I500_DAPI_E300_I300_1_MMStack_Pos0.ome.jpg DAPI Phalloidin anti-FLAG width="255" >}}
 
 - **Primary antibody:** 1:1000 overnight
-- **Secondary antibody:** 1:1000 for 1h
\ No newline at end of file
+- **Secondary antibody:** 1:1000 for 1h
+