feat: add apresentando o editor de páginas in docs

nossas · Jun 28, 2023 · 97d0752 · 97d0752
1 parent bcc5fde
commit 97d0752
Show file tree

Hide file tree

Showing 8 changed files with 45 additions and 0 deletions.
diff --git a/docs/apresentando-o-editor.md b/docs/apresentando-o-editor.md
@@ -0,0 +1,45 @@
+# Apresentando o Editor de Páginas
+
+<!-- TODO: tela principal - criar página - o que são os botões da toolbar - quais são as funcionalidades da sidebar - diferença entre salvar e publicar - ver publicado - adicionar favicon -->
+
+## Login
+
+Para realizar o login, adicione "?edit" ao final da URL em seu navegador. Adicione seu e-mail e senha cadastrados no Bonde no canto superior esquerdo para entrar na plataforma.
+
+## Adicionar nova página
+
+Adicione uma nova página ao clicar em Nova página. No formulário adicione o nome da página e o slug (identificação da página que será utilizada na URL).
+
+![Adicionar nova página](images/editor-add-nova-pag.png)
+
+## Visualizar e editar a página
+Para visualizar sua nova página ou editar páginas existentes, você deverá clicar no ícone referente a Visualizar na tabela. Caso queira editar as informações de nome e slug, utilize o ícone de lápis. Para adicionar novas subpáginas, clique no ícone de +.
+
+![Visualizar e editar nova página](images/editor-ver-nova-pag.png)
+
+## Como editar uma página
+
+![Edição da página](images/editor-visualizar-editar-pag.png)
+
+## Entendendo a Navbar: example.com
+
+![Itens do Dropdown example.com](images/editor-itens-toolbar-example.png)
+
+## Entendendo a Navbar: Página
+
+![Itens do Dropdown Página](images/editor-itens-toolbar-pagina.png)
+
+## Criar nova Página ou nova Subpágina
+
+![Botão Criar Nova Página ou Nova Subpágina](images/editor-botao-criar-pag-subpag.png)
+
+
+## Salvar e/ou publicar uma página
+
+Quando suas alterações da página não estiverem publicadas, o botão Publicar Página estará disponível. Ao clica-lo, você será redirecionado para a visualização da página publicada. Para voltar a editar, basta clicar no botão Editar.
+
+## Editar conteúdos com dois cliques
+
+Existem duas maneiras de editar um conteúdo dentro da página: navegando pela edição na barra lateral ou clicando duas vezes no conteúdo que você queira editar.
+
+![Edição de conteúdos](images/editor-dois-clicks-edicao-conteudo.png)
diff --git a/docs/images/editor-add-nova-pag.png b/docs/images/editor-add-nova-pag.png
diff --git a/docs/images/editor-botao-criar-pag-subpag.png b/docs/images/editor-botao-criar-pag-subpag.png
diff --git a/docs/images/editor-dois-clicks-edicao-conteudo.png b/docs/images/editor-dois-clicks-edicao-conteudo.png
diff --git a/docs/images/editor-itens-toolbar-example.png b/docs/images/editor-itens-toolbar-example.png
diff --git a/docs/images/editor-itens-toolbar-pagina.png b/docs/images/editor-itens-toolbar-pagina.png
diff --git a/docs/images/editor-ver-nova-pag.png b/docs/images/editor-ver-nova-pag.png
diff --git a/docs/images/editor-visualizar-editar-pag.png b/docs/images/editor-visualizar-editar-pag.png