From 34bc07021cd2b078f5307674c3d8523dcb3b1389 Mon Sep 17 00:00:00 2001
From: Eder Soares <edersoares@me.com>
Date: Wed, 29 May 2024 17:26:34 -0300
Subject: [PATCH] Roteiro de uso

---
 website/pages/en/demo.js    |  6 ++++++
 website/static/css/docs.css | 12 ++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/website/pages/en/demo.js b/website/pages/en/demo.js
index de3c722..9b88c7f 100644
--- a/website/pages/en/demo.js
+++ b/website/pages/en/demo.js
@@ -143,6 +143,12 @@ class Docs extends React.Component {
                 </div>
               </div>
             </div>
+            <div className="roteiro">
+              <h2>Roteiro para auxiliar na navegação dos ambientes</h2>
+              <div className="demo-link">
+                <a href="https://github.com/portabilis/i-educar-website/files/15490426/uso.pdf">Baixar</a>
+              </div>
+            </div>
             <span className="docsText"><p>Veja algo que precisa ser corrigido? Propor uma mudança na <a
               href="https://github.com/portabilis/i-educar/issues">fonte</a></p><p>Precisa de uma versão diferente dos documentos?<a> Veja as versões disponíveis.</a></p></span>
           </div>
diff --git a/website/static/css/docs.css b/website/static/css/docs.css
index bc313aa..8a1dba5 100644
--- a/website/static/css/docs.css
+++ b/website/static/css/docs.css
@@ -103,6 +103,18 @@
   flex-shrink: 0;
 }
 
+.roteiro {
+  margin-top: -100px;
+  margin-bottom: 150px;
+}
+
+.roteiro h2 {
+  font-family: $titleFont;
+  color: #4e5666;
+  font-size: 24px;
+  text-align: center;
+}
+
 .docsText {
   flex-direction: column;
   margin-bottom: 80px;