From f0eac31bb8fd2a87b97a37156b1b783c26dbb679 Mon Sep 17 00:00:00 2001
From: daviddalbusco <david.dalbusco@outlook.com>
Date: Sun, 20 Jan 2019 17:14:07 +0100
Subject: [PATCH] feat: add information for the code scrolling on mobile
 devices

---
 src/index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/index.html b/src/index.html
index 585a990..992d5fd 100644
--- a/src/index.html
+++ b/src/index.html
@@ -150,6 +150,11 @@ <h1 slot="title">Or the template for charts</h1>
 
             <deckgo-slide-code src="./assets/code/deckdeckgo-slide-code-example.txt" style="--code-margin-bottom: 6rem; --background: var(--ion-color-dark); --color: var(--ion-color-light); --code-color: var(--ion-color-light);">
                 <h2 slot="title">Showcase your code</h2>
+
+                <div slot="info" padding style="--deckgo-show-info-background: rgba(var(--ion-color-dark-rgb), 0.8)">
+                    <p text-center>Tips: click on the code to switch between horizontal and vertical scroll</p>
+                    <ion-icon name="move" style="font-size: 4rem;"></ion-icon>
+                </div>
             </deckgo-slide-code>
 
             <deckgo-slide-title reveal="true">