From a50a71dd89bb71f8b67517033bf324beb590fc1f Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Tue, 7 Dec 2021 01:24:13 +0100
Subject: [PATCH] add embed docs

---
 docs/embed.md | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 docs/embed.md

diff --git a/docs/embed.md b/docs/embed.md
new file mode 100644
index 00000000..67096f28
--- /dev/null
+++ b/docs/embed.md
@@ -0,0 +1,33 @@
+---
+layout: default
+title: Embed events
+permalink: /usage/embed
+nav_order: 1
+parent: Usage
+---
+
+## Embed event
+
+You can embed a list of filtered events or a specific event card in your webpage using a classic old-school `iframe` or a shiny new webcomponent.
+
+### Webcomponents
+The webcomponent require a small js to be loaded in your page:
+```javascript
+<script src='https://demo.gancio.org/gancio-events.es.js'></script>
+```
+
+#### embed a single event
+> you can copy the code in **event page > Embed > Copy**
+
+<script src='https://demo.gancio.org/gancio-events.es.js'></script>
+<gancio-event id=17 baseurl='https://demo.gancio.org'></gancio-event>  
+```javascript
+<gancio-event id=17 baseurl='https://demo.gancio.org'></gancio-event>
+```
+
+#### embed event lists
+> you can copy the code in **Export > List > Copy**
+<gancio-events baseurl='https://demo.gancio.org'></gancio-events>  
+```javascript
+<gancio-event baseurl='https://demo.gancio.org'></gancio-event>
+```
\ No newline at end of file