Merge pull request #83 from ResidenciaTICBrisa/pages_v2

Fix pages

docs/Instruções/Choregraphe_v4.md

@@ -4,7 +4,7 @@
 ## O que é o Choregraphe?
 
 <div align=center>
-<img src='../overrides/assets/icons/choregraphe.png'/>
+<img src='../../overrides/assets/icons/choregraphe.png'/>
 </div>
 
 **Choregraphe** é um programa da **Softbank Robotics** usado para:
@@ -41,13 +41,13 @@ Para baixar o Choregraphe 2.1.4, acesse o [site da Aldebaran Robotics](https://w
 Desça até o sub-menu Choregraphe, e na seção do **LINUX**, clique em `Former versions`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-1.jpeg'>
+<img src='../../overrides/assets/images/choregraphe_v4-1.jpeg'>
 </div>
 
 Na página que se abre, selecione o **setup** do Choregraphe na versão 2.1.4 (versão usada com o NAO v4).
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-2.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-2.jpg'>
 </div>
 
 O download será iniciado.
@@ -61,7 +61,7 @@ O download será iniciado.
 - Marque a caixa `Permitir a execução desse arquivo como um programa`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-3.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-3.jpg'>
 </div>
 
 - No terminal, abra o diretório onde o setup foi baixado.
@@ -72,21 +72,21 @@ O download será iniciado.
 sudo ./choregraphe-suite-2.1.4.13-linux64-setup.run
 ```
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-4.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-4.jpg'>
 </div>
 
 No wizard que se abre, aceite as permissões, selecione a opção **Quick install** e, quando for pedida a _license key_, insira o seguinte código:
 
 > 654e-4564-153c-6518-2f44-7562-206e-4c60-5f47-5f45
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-5.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-5.jpg'>
 </div>
 
 - Deixe marcada a opção de iniciar (launch) o Choregraphe para testar se a instalação foi feita com sucesso e clique em `Finish`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-6.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-6.jpg'>
 </div>
 
 > Obs.: Como alternativa ao processo de instalação manual, pode-se executar o seguinte código:
@@ -112,5 +112,5 @@ Para executar o Choregraphe 2.1.4, existem duas maneiras diferentes.
 Caso a seguinte janela se abra, **parabéns**! Você **instalou o Choregraphe 2.1.4 com sucesso.**
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v4-7.jpg'>
+<img src='../../overrides/assets/images/choregraphe_v4-7.jpg'>
 </div>

docs/Instruções/Choregraphe_v6.md

@@ -4,7 +4,7 @@
 ## O que é o Choregraphe?
 
 <div align=center>
-<img src='../overrides/assets/icons/choregraphe.png'/>
+<img src='../../overrides/assets/icons/choregraphe.png'/>
 </div>
 
 **Choregraphe** é um programa da **Softbank Robotics** usado para:
@@ -41,7 +41,7 @@ Para baixar o Choregraphe 2.8.7, acesse o [site da Aldebaran Robotics](https://w
 Desça até o sub-menu Choregraphe, e na seção "LINUX (2.8.7 and later)", selecione `Choregraphe 2.8.7 - Binaries`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-1.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-1.jpg'/>
 </div>
 
 Quando o download for concluído, extraia o arquivo _**tar.gz**_ no diretório de sua escolha.
@@ -68,13 +68,13 @@ Quando o download for concluído, extraia o arquivo _**tar.gz**_ no diretório d
 - Na tela que se abre quando se executa o Choregraphe, clique no botão verde com símbolo  de conexão (`Connect to...`).
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-2.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-2.jpg'/>
 </div>
 
 - Na janela que se abre, selecione o primeiro robô e clique em `Select`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-3.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-3.jpg'/>
 </div>
 
 - O robô que aparece por padrão é o **Pepper**, mas vamos mudá-lo para o **NAO**.
@@ -83,19 +83,19 @@ Quando o download for concluído, extraia o arquivo _**tar.gz**_ no diretório d
 - Clique em `Edit` e em `Preferences`.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-4.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-4.jpg'/>
 </div>
 
 - Na aba "Virtual Robot", em "Robot Model", selecione `NAO H25 (V6)` e clique em `OK`. Na janela que se abre, confirme.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-5.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-5.jpg'/>
 </div>
 
 - Espere um pouco e o robô virtual será reinicializado com o NAO v6.
 
 <div align=center>
-<img src='../overrides/assets/images/choregraphe_v6-6.jpg'/>
+<img src='../../overrides/assets/images/choregraphe_v6-6.jpg'/>
 </div>
 
 

docs/Instruções/Conceitos_Gerais.md

@@ -3,7 +3,7 @@
 Antes de qualquer outro guia da **Robo Connection**, é importante entender alguns conceitos importantes sobre **Terminal do Linux e Scripts**. Esses conceitos servirão como ferramentas na conclusão de passos importantes para a programação do NAO.
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos_extra2.png' width=300px>
+    <img src='../../overrides/assets/images/conceitos_extra2.png' width=300px>
 </div>
 
 
@@ -22,7 +22,7 @@ Para abri-lo, aperte simultaneamente `CTRL`+`ALT`+`T`.
 Uma tela semelhante a essa se abrirá: 
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos1.jpg'>
+    <img src='../../overrides/assets/images/conceitos1.jpg'>
 </div>
 
 No terminal de exemplo acima:
@@ -55,7 +55,7 @@ Para ver os arquivos presentes na pasta atual, podemos digitar o comando `ls`. E
 **Por exemplo**:
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos2.jpg'>
+    <img src='../../overrides/assets/images/conceitos2.jpg'>
 </div>
 
 No exemplo acima, usamos o comando `ls` no diretório `~` (no caso, `/home/gustavo/`). Isso gerou uma lista de arquivos presentes nesse diretório.
@@ -69,7 +69,7 @@ Para navegar entre diretórios no terminal Linux, usamos o comando `cd <diretór
 **Por exemplo**:
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos_extra.jpg'>
+    <img src='../../overrides/assets/images/conceitos_extra.jpg'>
 </div>
 
 No exemplo acima, usamos o comando `ls` para listar os arquivos em `~`. Depois, usamos `cd Downloads` para acessar o diretório `~/Downloads/`. Em seguida, usamos o `cd ..` para retornarmos para o diretório "mãe". Ou seja, voltamos para `~`.
@@ -85,7 +85,7 @@ Assim, podemos usar o terminal do Linux para navegar em qualquer diretório do s
 Para chegarmos em `~/Downloads/Exemplo`, não precisamos acessar pasta a pasta. Podemos acessá-lo de qualquer diretório simplesmente usando o comando `cd ~/Downloads/Exemplo`.
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos4.jpg'>
+    <img src='../../overrides/assets/images/conceitos4.jpg'>
 </div>
 
 No exemplo acima, estávamos no diretório `~/Área de Trabalho/`. Usando o comando `cd ~/Downloads/Exemplo`, acessamos esse diretório diretamente.
@@ -99,7 +99,7 @@ Podemos usar esse comando para limpar o terminal. Basta digitar `clear` na linha
 **O que são scripts?**
 
 <div align=center>
-    <img src='../overrides/assets/icons/Bash.png' width=200px>
+    <img src='../../overrides/assets/icons/Bash.png' width=200px>
 </div>
 
 **Scripts** são instruções em sequência que executam alguma ação. Geralmente, utilizam um **_shell_** para executarem tais ações.
@@ -125,7 +125,7 @@ Para executar o script, precisamos seguir os seguintes passos:
 5. Com esses passos, o script será executado na sua máquina:
 
 <div align=center>
-    <img src='../overrides/assets/images/conceitos5.jpg'>
+    <img src='../../overrides/assets/images/conceitos5.jpg'>
 </div>
 
 > Nota: a permissão de **_superuser_ (ou _sudo_)**  é análogo ao ato de executar um programa como administrador (Windows). Isso garante que não haverão falhas de permissão na execução do programa. **Alguns programas exigirão** a permissão _sudo_ para serem executados.

docs/Instruções/Maquina_Virtual.md

@@ -2,7 +2,7 @@
 ---
 
 <div align=center>
-    <img src="../overrides/assets/icons/virt-manager.png" width=150px>
+    <img src="../../overrides/assets/icons/virt-manager.png" width=150px>
 </div>
 
 Os robôs NAO utilizam diversos programas para configuração, programação e manutenção. Porém, esses programas são compatíveis com diferentes versões do sistema Linux.
@@ -77,36 +77,36 @@ sudo systemctl enable libvirtd
 - Na aba arquivo, selecione a opção "Nova máquina virtual"
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-0.jpg">
+    <img src="../../overrides/assets/images/vm-0.jpg">
 </div>
 
 - Selecione "Mídia de instalação ISO ou CDROM" e clique em `Forward`. No próximo menu, clique em `Navegar` e procure a opção `Navegar localmente`
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-1.jpg">
+    <img src="../../overrides/assets/images/vm-1.jpg">
 </div>
 
 - Selecione o arquivo ISO do Ubuntu, deixe marcado "Detectar automaticamente a partir de mídia(...)" ou selecione a versão desejada manualmente
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-2.jpg">
+    <img src="../../overrides/assets/images/vm-2.jpg">
 </div>
 
 - Caso apareça uma prompt sobre permissão de acesso, clique em `Sim`
 - No próximo menu, separe a memória e o número de CPUs desejados para a VM (recomendação: deixe pelo menos 4GB de RAM e 4 CPUs para seu computador físico)
 - Marque a opção "Habilitar armazenamento para esta máquina virtual" e reserve o espaço desejado (recomendação: pelo menos 20GB)
 
 <div align=center justify-content=center>
-    <img src="../overrides/assets/images/vm-3.jpg">
-    <img src="../overrides/assets/images/vm-4.jpg">
+    <img src="../../overrides/assets/images/vm-3.jpg">
+    <img src="../../overrides/assets/images/vm-4.jpg">
 </div>
 
 
 - Dê um nome para a VM (use nomes simples para melhor manipulação)
 - Clique em `Concluir` para criar a VM
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-5.jpg">
+    <img src="../../overrides/assets/images/vm-5.jpg">
 </div>
 
 
@@ -115,13 +115,13 @@ sudo systemctl enable libvirtd
 Para iniciar a VM, clique duas vezes sobre a listagem da VM no menu principal do Virt Manager.
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-6.jpg">
+    <img src="../../overrides/assets/images/vm-6.jpg">
 </div>
 
 Em seguida, clique no botão indicado para inicializar a máquina virtual selecionada:
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-7.jpg">
+    <img src="../../overrides/assets/images/vm-7.jpg">
 </div>
 
 ## Instalando Ubuntu na VM
@@ -157,13 +157,13 @@ Para criar os snapshots, siga os passos abaixo:
 - No menu acima (na janela da VM), existe um botão com o ícone de duas telas de computador (Gerenciar os snapshots da VM), clique nele.
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-8.jpg">
+    <img src="../../overrides/assets/images/vm-8.jpg">
 </div>
 
 - No canto inferior esquerdo, clique no botão com sinal de "+" (Criar novo snapshot)
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-9.jpg">
+    <img src="../../overrides/assets/images/vm-9.jpg">
 </div>
 
 - Dê um nome ao snapshot (sem espaços) e adicione uma descrição
@@ -174,12 +174,12 @@ Para criar os snapshots, siga os passos abaixo:
 Para acessar os snapshots criados, siga os passos abaixo:
 
 - Certifique-se de que o Virt Manager esteja sendo executado com uma VM aberta
-- No menu acima (na janela da VM), abra novamente o menu de snapshots com o botão    <img src="../overrides/assets/images/vm-11.jpg">
+- No menu acima (na janela da VM), abra novamente o menu de snapshots com o botão    <img src="../../overrides/assets/images/vm-11.jpg">
 - No navegador à esquerda, selecione o snapshot desejado
 - No canto inferior esquerdo, clique no botão com ícone de seta (Executar snapshot selecionado)
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-9.jpg">
+    <img src="../../overrides/assets/images/vm-9.jpg">
 </div>
 
 - Clique em `Sim` para confirmar e retornar ao snapshot selecionado
@@ -196,7 +196,7 @@ Para isso, siga os passos a seguir:
 - Selecione a opção `Redirecionar dispositivo USB` e selecione o dispositivo inserido
 
 <div align=center>
-    <img src="../overrides/assets/images/vm-10.jpg">
+    <img src="../../overrides/assets/images/vm-10.jpg">
 </div>
 
 - Confira no sistema da VM se o dispositivo foi adicionado

docs/Instruções/NAO_Flasher.md

@@ -14,7 +14,7 @@ O NAO Flasher é uma ferramenta que permite a realização de updates no sistema
 - Na aba "LINUX", clique no botão `NAO Flasher 2.1.0 - Setup`.
 
 <div align=center>
-    <img src='../overrides/assets/images/flasher.jpg'>
+    <img src='../../overrides/assets/images/flasher.jpg'>
 </div>
 
 - O download do NAO Flasher será iniciado.

docs/Instruções/NAOqi-overview_v4.md

@@ -2,7 +2,11 @@
 
 Este é um guia de apresentação de conceitos-chave do framework NAOqi, conhecimento necessário para o início na programação dos robôs da **Aldebaran Robotics**.
 
-<img src='../overrides/assets/icons/NAO.png' width=300px>
+<center>
+
+<img src='../../overrides/assets/icons/NAO.png' width=300px>
+
+</center>
 
 ## O que é?
 
@@ -20,8 +24,8 @@ Este é um guia de apresentação de conceitos-chave do framework NAOqi, conheci
 - **C++**: o código criado precisa ser compilado para o SO alvo. É necessário usar uma ferramenta de cross-compilação para gerar um código que rode no sistema operacional do robô - o NAOqi SO. Entretanto, a programação em C++ possibilita a criação de um código muito mais rápido em termos de velocidade de execução, tornando o robô mais responsivo.
 
 <div align="center">
-    <img src='../overrides/assets/icons/python.webp' width=100px>
-    <img src='../overrides/assets/icons/cpplogo.png' width=100px style="margin-left:30px;">
+    <img src='../../overrides/assets/icons/python.webp' width=100px>
+    <img src='../../overrides/assets/icons/cpplogo.png' width=100px style="margin-left:30px;">
 </div>
 
 ## Conceitos-chave:
@@ -38,7 +42,7 @@ Este é um guia de apresentação de conceitos-chave do framework NAOqi, conheci
 
 **Autoload.ini**: arquivo localizado no SO do robô, responsável por carregar as bibliotecas quando o robô é iniciado.
 
-<img src='../overrides/assets/icons/Metodo_1.jpg' height=450px>
+<img src='../../overrides/assets/icons/Metodo_1.jpg' height=450px>
 
 **Módulos locais:**  Estão em um mesmo ambiente (processo), e portanto podem compartilhar variáveis e métodos com outros módulos locais. Além disso, apenas um broker é necessário para a conexão entre módulos locais, não precisando de internet para tal conexão. É bem mais rápido que a conexão remota entre módulos.
 

docs/Instruções/NAOqi-overview_v6.md

@@ -2,7 +2,11 @@
 
 Este é um guia de apresentação de conceitos-chave do framework NAOqi, conhecimento necessário para o início na programação dos robôs da **Aldebaran Robotics**.
 
-<img src='../overrides/assets/icons/NAO.png' width=300px>
+<center>
+
+<img src='../../overrides/assets/icons/NAO.png' width=300px>
+
+</center>
 
 ## O que é?
 
@@ -20,8 +24,8 @@ Este é um guia de apresentação de conceitos-chave do framework NAOqi, conheci
 - **C++**: o código criado precisa ser compilado para o SO alvo. É necessário usar uma ferramenta de cross-compilação para gerar um código que rode no sistema operacional do robô - o NAOqi SO. Entretanto, a programação em C++ possibilita a criação de um código muito mais rápido em termos de velocidade de execução, tornando o robô mais responsivo.
 
 <div align="center">
-    <img src='../overrides/assets/icons/python.webp' width=100px>
-    <img src='../overrides/assets/icons/cpplogo.png' width=100px style="margin-left:30px;">
+    <img src='../../overrides/assets/icons/python.webp' width=100px>
+    <img src='../../overrides/assets/icons/cpplogo.png' width=100px style="margin-left:30px;">
 </div>
 
 ## Conceitos-chave:
@@ -38,7 +42,7 @@ Este é um guia de apresentação de conceitos-chave do framework NAOqi, conheci
 
 **Autoload.ini**: arquivo localizado no SO do robô, responsável por carregar as bibliotecas quando o robô é iniciado.
 
-<img src='../overrides/assets/icons/Metodo_1.jpg' height=450px>
+<img src='../../overrides/assets/icons/Metodo_1.jpg' height=450px>
 
 **Módulos locais:**  Estão em um mesmo ambiente (processo), e portanto podem compartilhar variáveis e métodos com outros módulos locais. Além disso, apenas um broker é necessário para a conexão entre módulos locais, não precisando de internet para tal conexão. É bem mais rápido que a conexão remota entre módulos.
 

docs/Instruções/Robot_Settings.md

@@ -23,7 +23,7 @@ Os seguintes passos devem ser realizados dentro da VM com Ubuntu 16.04 ou em um
 - Deixe selecionado "Save file" e clique em `OK`
 
 <div align=center>
-    <img src='../overrides/assets/images/robot_settings1.jpg'>
+    <img src='../../overrides/assets/images/robot_settings1.jpg'>
 </div>
 
 ### Instalação do Robot Settings