From 38e4604d7d7912704ea81c8d1e1d6202857b5623 Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Fri, 31 Aug 2018 18:09:16 -0300
Subject: [PATCH 01/15] =?UTF-8?q?Corrige=20sess=C3=B5es=20e=20adiciona=20i?=
 =?UTF-8?q?d?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/introduction.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/source/includes/introduction.md b/source/includes/introduction.md
index 16482590..9da5c186 100644
--- a/source/includes/introduction.md
+++ b/source/includes/introduction.md
@@ -1,9 +1,9 @@
-# Introdução
+<h1 id='introducao'>Introdução</h1>
 
 O plugin desenvolvido pela Hand Talk torna os sites acessíveis em língua de sinais. O mesmo conta com duas principais funcionalidades: tradução de texto e tradução de vídeos.
 
 
-## Sobre o Tradutor de Texto
+<h2 id='sobre-o-tradutor-de-texto'>Sobre o Tradutor de Texto</h2>
 
 O usuário pode ativar a funcionalidade clicando no ícone que representa a acessibilidade em língua de sinais:
 
@@ -17,7 +17,7 @@ Enquanto a janela estiver aberta, os textos e imagens com descrição ficarão c
 
 ![](images/screenshoots/tradutor-de-sites-3.png)
 
-## Sobre o Tradutor de Vídeos
+<h2 id='sobre-o-tradutor-de-videos'>Sobre o Tradutor de Vídeos</h2>
 
 O plugin oferece um player de vídeo acessível em Libras, que suporta:
 
@@ -37,16 +37,16 @@ No player acessível você encontra os botões de ativar e desativar tradução
 
 ![](images/screenshoots/tradutor-de-videos-2.png)
 
-Consulte a guia [Tradutor de Vídeos > Começando](index.html?html#come-ando14) para um guia de implementação.
+Consulte a guia [Tradutor de Vídeos > Começando](index.html?html#comecando-tv) para um guia de implementação.
 
-## Sobre o Tradutor Mobile
+<h2 id='sobre-o-tradutor-mobile'>Sobre o Tradutor Mobile</h2>
 
 A tradução de textos e vídeos também está disponivel na versão mobile, com pequenos ajustes que tornam a usabilidade ainda melhor para o usuário surdo.
 A funcionalidade de tradução em dispositivos móveis vem habilitada por padrão, mas você pode removê-la definindo o parâmetro `mobileEnabled` como `false` caso necessário.
 
 ![](images/screenshoots/tradutor-mobile.jpg)
 
-## Compatibilidade
+<h2 id='compatibilidade'>Compatibilidade</h2>
 
 O plugin é compatível com a maioria dos navegadores modernos com suporte a WebGL, tais como, Chrome, Firefox, Edge, Safari e Opera.
 
@@ -71,7 +71,7 @@ Legenda:
 
 -- Sistema operacional não suporta o navegador
 
-## Mensagens de Erro
+<h2 id='mensagens-de-erro'>Mensagens de Erro</h2>
 
 Algumas mensagens de erro podem surgir por má configuração da ferramenta, são elas:
 
@@ -87,7 +87,7 @@ O Tradutor de vídeos está disponível no plano **Gold 2** ou superior. Caso a
 **406 - A funcionalidade de vídeo não está habilitada para a sua assinatura.**
 </aside>
 
-## Eventos
+<h2 id='eventos'>Eventos</h2>
 
 Você pode escutar os eventos utilizando o método .on(eventName, callback).
 

From 667fc09b047d950c696b3bf3f322439faa32eab1 Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Fri, 31 Aug 2018 18:11:56 -0300
Subject: [PATCH 02/15] Corrige id

---
 source/includes/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/includes/introduction.md b/source/includes/introduction.md
index 9da5c186..0b4dfb3a 100644
--- a/source/includes/introduction.md
+++ b/source/includes/introduction.md
@@ -87,7 +87,7 @@ O Tradutor de vídeos está disponível no plano **Gold 2** ou superior. Caso a
 **406 - A funcionalidade de vídeo não está habilitada para a sua assinatura.**
 </aside>
 
-<h2 id='eventos'>Eventos</h2>
+<h2 id='eventos-introducao'>Eventos</h2>
 
 Você pode escutar os eventos utilizando o método .on(eventName, callback).
 

From 94144d6874c0cd65072b358bb210eb4ce310bee3 Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Fri, 31 Aug 2018 18:16:35 -0300
Subject: [PATCH 03/15] =?UTF-8?q?Corrige=20sess=C3=B5es=20e=20adiciona=20i?=
 =?UTF-8?q?d?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/text-translator.md | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/source/includes/text-translator.md b/source/includes/text-translator.md
index 618a1c16..c8ae15b4 100644
--- a/source/includes/text-translator.md
+++ b/source/includes/text-translator.md
@@ -1,6 +1,6 @@
-# Tradutor de Sites
+<h1 id='tradutor-de-sites'>Tradutor de Sites</h1>
 
-## Começando
+<h2 id='comecando-tradutor-de-sites'>Começando</h2>
 
 > ### Exemplo de Instalação <br /> 
  
@@ -39,7 +39,7 @@ Sem um token válido, a ferramenta não irá funcionar, emitindo o erro  ***O se
 Você pode adquirir um token para o seu domínio em [account.handtalk.me](https://account.handtalk.me/). <br /> 
 Ou fale com um de nossos consultores em [handtalk.me/sites](http://handtalk.me/sites).
 
-## Parâmetros
+<h2 id='parametros-tradutor-de-sites'>Parâmetros</h2>
 
 Você pode pode preferir habilitar/desabilitar algumas funcionalidades do Tradutor de Sites, para isso utilize os parâmetros abaixo:
 
@@ -55,7 +55,7 @@ Você pode pode preferir habilitar/desabilitar algumas funcionalidades do Tradut
 | mobileConfig  | Objeto de configuração para a plataforma mobile, quando definido, sobscreve as configurações padrões de HT.                                           | Object                         | { }       |
 
 
-### Parâmetros para versão mobile
+<h3 id='parametros-para-versao-mobile'>Parâmetros para versão mobile</h3>
 
 > ### Adicionando Parâmetros Exclusivos para Versão Mobile
 
@@ -104,7 +104,7 @@ Você pode passar parâmetros especificos para dispositivos movéis, para isso b
 
 Consulte o exemplo ao lado.
 
-## Eventos
+<h2 id='eventos-tradutor-de-sites'>Eventos</h2>
 
 Os eventos que podem ser disparados pela instancia de HT são:
 
@@ -124,7 +124,8 @@ Os eventos que podem ser disparados pela instancia de HT são:
 | translated	 | Texto traduzido corretamente no Servidor da Hand Talk      |    undefined |
 | signalized		 | Sentença sinalizada por completo      |    undefined |
 | videoManagerReady		 | Disparado quando o assistente de vídeo esta pronto, utilize para chamar as funções de replace manualmente     |    undefined |
-## Adicionando Exceções
+
+<h2 id='adicionando-excecoes-tradutor-de-sites'>Adicionando Exceções</h2>
 
 > ### Adicionando Exceções
 
@@ -171,7 +172,7 @@ var ht = new HT({
 
 Em alguns casos, pode haver algum conflito entre o código da Hand Talk e algum script que o site possui. Para evitar esse conflito, basta adicionar esse elemento como uma exceção.
 
-### Tratamento de Exceção de ID e CLASS:
+<h3 id='tratamento-de-excecao-de-id-e-class'>Tratamento de Exceção de ID e CLASS:</h3>
 
 Caso seu site tenha algum problema de conflito com um scripts de carousel, por exemplo, você pode adicionar o elemento na propriedade `exceptions`.
 
@@ -185,7 +186,7 @@ No exemplo ao lado, colocamos na exceção um ID de elemento HTML e uma classe C
 
 **Importante**: Dependendo da linguagem e/ou lógica de programação aplicada no desenvolvimento do website, para possibilitar o pleno funcionamento ou aprimorar os resultados obtidos pelo serviço, pode ser necessária a realização de outras customizações no código da Hand Talk, que deverão ser feitas pelo cliente.
 
-## Iframes Dinâmicos
+<h2 id='iframes-dinamicos'>Iframes Dinâmicos</h2>
 
 > ### Exemplo de Compatibilidade com Iframes Dinâmicos
 

From 48f3f80beaf6731f106390fbdbc87e63c03470fb Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Fri, 31 Aug 2018 18:28:59 -0300
Subject: [PATCH 04/15] =?UTF-8?q?Corrige=20sess=C3=A3o=20e=20adiciona=20id?=
 =?UTF-8?q?=20at=C3=A9=20a=20sess=C3=A3o=20V=C3=ADdeos=20Din=C3=A2micos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/video-translator.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index e221f18c..87d5511a 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -1,6 +1,6 @@
-# Tradutor de Vídeos
+<h1 id='tradutor-de-videos'>Tradutor de Vídeos</h1>
 
-## Começando
+<h2 id='comecando-tradutor-de-videos'>Começando</h2>
 
 > ### Exemplo de Instalação <br /> 
  
@@ -41,7 +41,7 @@ Sem a flag `videoEnabled` ativada, o Tradutor de Vídeos não irá funcionar.
 
 Com o plugin devidamente configurado, siga os passos da sessão abaixo para implementar o Player Acessível.
 
-## Utilizando o Player Acessível
+<h2 id='utilizando-o-player-acessivel'>Utilizando o Player Acessível</h2>
 
 O plugin oferece um player de vídeo acessível em Libras, que suporta os seguintes **Techs**:
 
@@ -73,11 +73,11 @@ Em seguida, separando por ponto e virgula (`;`), defina o tipo e caminho da lege
 
 `subtitle=<CAPTIONS_TYPE>:<CAPTIONS_URL>`
 
-## Eventos
+<h2 id='eventos-tradutor-de-videos'>Eventos</h2>
 
 Você pode tornar um vídeo acessível definindo o atributo `ht-data` em um elemento de vídeo, primeiramente defina o tipo e caminho do vídeo (obrigatório).
 
-## Utilizando Apenas o Tradutor de Vídeos
+<h2 id='utilizando-apenas-o-tradutor-de-videos'>Utilizando Apenas o Tradutor de Vídeos</h2>
 
 > ### Exemplo de Utilização  <br /> 
 
@@ -99,7 +99,7 @@ var ht = new HT({
 Em alguns casos pode ser necessário adicionar apenas o tradutor de vídeos na página. Geralmente acontece quando a página inteira só possui um vídeo e, estar incorporada em outra página em formato de iframe. Pra isso basta desativar o tradutor de textos, assim o botão de acessibilidade em Libras não irá aparecer nas laterais.
 
 
-## Replace Automático de Vídeos
+<h2 id='replace-automatico-de-videos'>Replace Automático de Vídeos</h2>
 
 É possível substituir automaticamente os embeds do Youtube e player existentes do Videojs pelo Player Acessível da HandTalk, sempre que uma legenda for encontrada.
 
@@ -118,7 +118,7 @@ var ht = new HT({
 });
 ```
 
-### Replace automático de embeds do Youtube
+<h3 id='replace-automatico-de-embeds-do-youtube'>Replace automático de embeds do Youtube</h3>
 
 A ferramenta busca por embeds (iframes) do youtube, e substitui por players accesíveis da Hand Talk.
 
@@ -150,7 +150,7 @@ var ht = new HT({
 });
 ```
 
-### Replace automático de embeds do Videojs
+<h3 id='replace-automatico-de-embeds-do-videojs'>Replace automático de embeds do Videojs</h3>
 
 Parecido com o Youtube Embed Replace, a ferramenta varre a página e adiciona os componentes de acessibilidade em um player existente do videojs, de maneira que você não perca a referência.
 
@@ -176,9 +176,9 @@ Conforme o exemplo ao lado direito, também é possível efetuar o replace de um
 </script>
 ```
 
-## Vídeos Dinâmicos
+<h2 id='videos-dinamicos'>Vídeos Dinâmicos</h2>
 
-### Exemplos
+<h3 id='exemplos-videos-dinamicos'>Exemplos</h3>
 
 ## Legendas
 As legendas precisam ser breves e de acordo com o tempo que será utilizado nelas para que o Hugo possa traduzí-las de forma que ele não acelere e não perca a sincronia com o vídeo.

From 08c00f1a2f2cbef96ca2d4fafb7b9e83bd43bf6b Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Mon, 3 Sep 2018 15:16:56 -0300
Subject: [PATCH 05/15] =?UTF-8?q?Corrige=20=C3=A2ncora=20para=20tradutor?=
 =?UTF-8?q?=20de=20v=C3=ADdeos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/includes/introduction.md b/source/includes/introduction.md
index 0b4dfb3a..af98b737 100644
--- a/source/includes/introduction.md
+++ b/source/includes/introduction.md
@@ -37,7 +37,7 @@ No player acessível você encontra os botões de ativar e desativar tradução
 
 ![](images/screenshoots/tradutor-de-videos-2.png)
 
-Consulte a guia [Tradutor de Vídeos > Começando](index.html?html#comecando-tv) para um guia de implementação.
+Consulte a guia [Tradutor de Vídeos > Começando](index.html?html#comecando-tradutor-de-videos) para um guia de implementação.
 
 <h2 id='sobre-o-tradutor-mobile'>Sobre o Tradutor Mobile</h2>
 

From e17a0ce642bbe2ba311a06ef3c804f73826a56da Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Mon, 3 Sep 2018 15:17:47 -0300
Subject: [PATCH 06/15] Corrige id e inclui tags

---
 source/includes/text-translator.md  |  4 ++--
 source/includes/video-translator.md | 14 +++++++++-----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/source/includes/text-translator.md b/source/includes/text-translator.md
index c8ae15b4..fd862091 100644
--- a/source/includes/text-translator.md
+++ b/source/includes/text-translator.md
@@ -39,7 +39,7 @@ Sem um token válido, a ferramenta não irá funcionar, emitindo o erro  ***O se
 Você pode adquirir um token para o seu domínio em [account.handtalk.me](https://account.handtalk.me/). <br /> 
 Ou fale com um de nossos consultores em [handtalk.me/sites](http://handtalk.me/sites).
 
-<h2 id='parametros-tradutor-de-sites'>Parâmetros</h2>
+<h2 id='parametros'>Parâmetros</h2>
 
 Você pode pode preferir habilitar/desabilitar algumas funcionalidades do Tradutor de Sites, para isso utilize os parâmetros abaixo:
 
@@ -125,7 +125,7 @@ Os eventos que podem ser disparados pela instancia de HT são:
 | signalized		 | Sentença sinalizada por completo      |    undefined |
 | videoManagerReady		 | Disparado quando o assistente de vídeo esta pronto, utilize para chamar as funções de replace manualmente     |    undefined |
 
-<h2 id='adicionando-excecoes-tradutor-de-sites'>Adicionando Exceções</h2>
+<h2 id='adicionando-excecoes'>Adicionando Exceções</h2>
 
 > ### Adicionando Exceções
 
diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index 87d5511a..0be5f0e1 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -41,7 +41,7 @@ Sem a flag `videoEnabled` ativada, o Tradutor de Vídeos não irá funcionar.
 
 Com o plugin devidamente configurado, siga os passos da sessão abaixo para implementar o Player Acessível.
 
-<h2 id='utilizando-o-player-acessivel'>Utilizando o Player Acessível</h2>
+<h2 id='utilizando-o-player-acessivel-tradutor-de-videos'>Utilizando o Player Acessível</h2>
 
 O plugin oferece um player de vídeo acessível em Libras, que suporta os seguintes **Techs**:
 
@@ -58,7 +58,8 @@ Os tipos de legenda suportados são:
 - SRT.
 
 <aside class="info">
-Nota: Para utilizar o player acessível, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](index.html?html#come-ando14).
+
+Nota: Para utilizar o player acessível, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](index.html?html#comecando-tradutor-de-videos).
 </aside>
 
 ```html
@@ -180,10 +181,12 @@ Conforme o exemplo ao lado direito, também é possível efetuar o replace de um
 
 <h3 id='exemplos-videos-dinamicos'>Exemplos</h3>
 
-## Legendas
+<h2 id='legendas-tradutor-de-videos'>Legendas</h2>
+
 As legendas precisam ser breves e de acordo com o tempo que será utilizado nelas para que o Hugo possa traduzí-las de forma que ele não acelere e não perca a sincronia com o vídeo.
 
-### Exemplos
+<h3 id='exemplos-legendas'>Exemplos</h3>
+
 Abaixo está um exemplo de legenda boa e outro de legenda ruim, respectivamente:
 
 
@@ -197,7 +200,8 @@ Asteroblaudo corria pela rua do alagamento no deserto para poder fugir de um cas
 
 Enquanto que o exemplo acima retrata uma prática ruim para legendas.
 
-## Resolvendo Conflitos de Estilo (css)
+<h2 id='resolvendo-conflitos-de-estilo-css'>Resolvendo Conflitos de Estilo (css)</h2>
+
 É provável que na substituição do elemento `<iframe />` do Youtube, pelo elemento `<div />` com a classe CSS video-js do player da Hand Talk, você perca a referência do elemento no seu CSS e Javascript.
 
 No exemplo ao lado o código CSS espera que o filho da classe video seja um iframe:

From 263e2913017514390dd000a21c97faff3cb7cad0 Mon Sep 17 00:00:00 2001
From: Matheus Moura <matheusmoura@handtalk.me>
Date: Mon, 3 Sep 2018 17:03:28 -0300
Subject: [PATCH 07/15] =?UTF-8?q?Corrige=20identa=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/introduction.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/source/includes/introduction.md b/source/includes/introduction.md
index af98b737..b663006e 100644
--- a/source/includes/introduction.md
+++ b/source/includes/introduction.md
@@ -2,7 +2,6 @@
 
 O plugin desenvolvido pela Hand Talk torna os sites acessíveis em língua de sinais. O mesmo conta com duas principais funcionalidades: tradução de texto e tradução de vídeos.
 
-
 <h2 id='sobre-o-tradutor-de-texto'>Sobre o Tradutor de Texto</h2>
 
 O usuário pode ativar a funcionalidade clicando no ícone que representa a acessibilidade em língua de sinais:

From 84d5787236b47f6f40bce559def358ffecd2ec2f Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Mon, 3 Sep 2018 18:12:23 -0300
Subject: [PATCH 08/15] =?UTF-8?q?Corrige=20tags=20e=20=C3=A2ncoras?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/video-translator.md | 32 ++++++++++++++++-------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index de18e57c..0acd0ece 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -81,7 +81,7 @@ Em seguida, separando por ponto e virgula (`;`), defina o tipo e caminho da lege
 
 `subtitle=<CAPTIONS_TYPE>:<CAPTIONS_URL>`
 
-### Exemplo com Tech do Youtube
+<h3 id='exemplo-com-tech-youtube'>Exemplo com Tech do Youtube</h3>
 
 > Exemplo: Criando um vídeo com o **tech** youtube
  
@@ -97,6 +97,7 @@ Em seguida, separando por ponto e virgula (`;`), defina o tipo e caminho da lege
 Caso o campo subtitle fique em branco em um src do tipo Youtube, a legenda será obtida automaticamente. Como no exemplo ao lado.
  
 <aside class="info">
+
 Nota: No source do tipo Youtube, você pode optar por adicionar o link do vídeo, ou apenas o ID. Conforme exemplo ao lado.
 </aside>
  
@@ -110,7 +111,7 @@ O exemplo ao lado *(Criando um vídeo com o tech youtube)* deve gerar o seguinte
 
 <video data-ht="src=youtube:H2Io3y98FV4"></video>
 
-### Exemplo com Tech do Vimeo
+<h3 id='exemplo-com-tech-do-vimeo'>Exemplo com Tech do Vimeo</h3>
 
 > Exemplo: Criando um vídeo com o **tech** vimeo
 
@@ -128,7 +129,7 @@ Como no exemplo ao lado, o vídeo deve aparecer da seguinte forma:
 
 <video data-ht="src=vimeo:https://player.vimeo.com/video/259226390;subtitle=vtt:assets/HandTalk.vtt"></video>
   
-### Exemplo com Tech de MP4/WEBM
+<h3 id='exemplo-com-tech-de-mp4-webm'>Exemplo com Tech de MP4/WEBM</h3>
  
 > Exemplo: Criando um vídeo com o **tech** mp4
 
@@ -145,7 +146,7 @@ Utilize para vídeos e legendas hospedadas na internet com link direto - Exemplo
 
 <video data-ht="src=mp4:assets/HandTalk.mp4;subtitle=vtt:assets/HandTalk.vtt"></video>
 
-### Exemplo com Tech da SambaTech
+<h3 id='exemplo-com-tech-da-sambatech'>Exemplo com Tech da SambaTech</h3>
 
 > Exemplo: Criando um vídeo com o **tech** sambatech
 
@@ -159,6 +160,7 @@ Utilize para vídeos e legendas hospedadas na internet com link direto - Exemplo
 ```
 
 Utilize para vídeos hospedados na SambaTech e legendas hospedadas na internet com link direto - Exemplo ao lado.
+
 <video data-ht="src=sambatech:https://fast.player.liquidplatform.com/pApiv2/embed/c750c09d7d04891b7f3f5c9a9337d6b9/a40cc34d36f0ee05ae55a971b427888e;subtitle=vtt:assets/HandTalk.vtt"></video>
 
 <h2 id='utilizando-apenas-o-tradutor-de-videos'>Utilizando Apenas o Tradutor de Vídeos</h2>
@@ -223,7 +225,7 @@ Caso o vídeo não possua legenda no idioma **pt-BR** ou **pt**, o mesmo ficará
 
 ![](images/screenshoots/tradutor-de-videos-fail.png)
 
-## Replace Automático de Embeds do Youtube
+<h2 id='replace-automatico-de-embeds-do-youtube'>Replace Automático de Embeds do Youtube</h2>
 
 > Exemplo de Utilização de Embeds do Youtube
 
@@ -239,6 +241,7 @@ var ht = new HT({
 ```
 
 <h3 id='replace-automatico-de-embeds-do-youtube'>Replace automático de embeds do Youtube</h3>
+
 ```html
 <body>
 
@@ -269,7 +272,7 @@ Você pode habilitar o replace automático passando o valor `true` a configuraç
 Se embeds do Youtube forem inseridos após a inicialização do plugin, você deve chamar a função `ht.ytEmbedReplaceAll();` para que os novos vídeos tornem-se acessíveis.
 Também é possível efetuar o replace de um único embed com `ht.ytEmbedReplace(elem)`:
 
-## Replace Automático de Embeds do Videojs
+<h2 id='replace-automatico-de-embeds-do-videojs'>Replace Automático de Embeds do Videojs</h2>
 
 > Exemplo de Utilização de Embeds do Videojs
 
@@ -310,8 +313,6 @@ var ht = new HT({
 });
 ```
 
-<h3 id='replace-automatico-de-embeds-do-videojs'>Replace automático de embeds do Videojs</h3>
-
 Parecido com o Youtube Embed Replace, a ferramenta varre a página e adiciona os componentes de acessibilidade em um player existente do videojs, de maneira que você não perca a referência.
 
 Você pode habilitar o replace automático passando com valor `true` a configuração `videojsReplace` ao instanciar o plugin. Lembrando que você deve também habilitar a feature de vídeo passando `true` na configuração `videoEnabled`.
@@ -323,10 +324,14 @@ Se os players do videojs forem inseridos após a inicialização do plugin, voc
 
 Conforme o exemplo ao lado direito, também é possível efetuar o replace de um único  player com `ht.videojsReplace(vjsPlayer):`
 
-## Vídeos Dinâmicos
+<h2 id='videos-dinamicos'>Vídeos Dinâmicos</h2>
 
 > Exemplo: Embeds dinâmicos do youtube
 
+```html
+<!-- Confira o exemplo em html-->
+```
+
 ```javascript
 var ht = new HT({
   // Troque por seu token de acesso
@@ -351,11 +356,10 @@ window.setTimeout(function() {
 }, 3000);
 ```
 
-<h2 id='videos-dinamicos'>Vídeos Dinâmicos</h2>
-
 <h3 id='exemplos-videos-dinamicos'>Exemplos</h3>
 
 <h2 id='legendas-tradutor-de-videos'>Legendas</h2>
+
 ```html
 <body>
 
@@ -394,11 +398,11 @@ Caso o elemento do vídeo seja adicionado ao HTML dinâmicamente depois do carre
 
 <aside class="info">
 
-Nota: Para realizar esse procedimento, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](#come-ando14).
+Nota: Para realizar esse procedimento, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](index.html?html#comecando-tradutor-de-videos).
 
 </aside>
 
-Para player construidos manualmente, ou seja, utilizando o [Player Acessível](#utilizando-o-player-acess-vel):
+Para player construidos manualmente, ou seja, utilizando o [Tradutor de Vídeos > Player Acessível](index.html?html#utilizando-o-player-acessivel-tradutor-de-videos):
 
 `videoManager.search();`
 
@@ -410,7 +414,7 @@ Para players existentes do videojs:
 
 `replaceVideoJsAll()` ou `replaceVideoJs(vjsplayer)`.
 
-Para mais detalhes sobre o replace consulte a guia [Replace Automático de Vídeos](#replace-autom-tico-de-v-deos)
+Para mais detalhes sobre o replace consulte a guia [Tradutor de Vídeos > Replace Automático de Vídeos](index.html?html#replace-automatico-de-videos)
 
 As legendas precisam ser breves e de acordo com o tempo que será utilizado nelas para que o Hugo possa traduzí-las de forma que ele não acelere e não perca a sincronia com o vídeo.
 

From c39210f5c442568f91846def19fef93c3e822d63 Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Tue, 4 Sep 2018 14:30:11 -0300
Subject: [PATCH 09/15] =?UTF-8?q?Corrige=20t=C3=ADtulo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/includes/video-translator.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index 0acd0ece..b55fa24e 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -326,7 +326,7 @@ Conforme o exemplo ao lado direito, também é possível efetuar o replace de um
 
 <h2 id='videos-dinamicos'>Vídeos Dinâmicos</h2>
 
-> Exemplo: Embeds dinâmicos do youtube
+> Exemplo de Utilização de Embeds dinâmicos do youtube
 
 ```html
 <!-- Confira o exemplo em html-->

From f3a44e4977f269f3d214662af9ad06ba3a0c0e07 Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Tue, 4 Sep 2018 15:05:23 -0300
Subject: [PATCH 10/15] Corrige largura

---
 source/stylesheets/screen.css.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 8493b32f..7d95a6b0 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -627,8 +627,8 @@ html, body {
   background-color: $code-bg;
 }
 
-.video-js{
+.video-js {
   left: 2%;
-  width: 46%;
+  width: 97%;
   height: 500px;
 }
\ No newline at end of file

From a10c1d67e7bf45fcf754f436abe4841d5313109e Mon Sep 17 00:00:00 2001
From: AnaFerreira015 <dasilvaferreira.af@hotmail.com>
Date: Tue, 4 Sep 2018 15:06:26 -0300
Subject: [PATCH 11/15] Ajusta textos

---
 source/includes/video-translator.md | 36 ++++++++++++++---------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index b55fa24e..af4f1e36 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -109,7 +109,8 @@ Caso o vídeo esteja definido como **não listado**, ou algum outro tipo de rest
 
 O exemplo ao lado *(Criando um vídeo com o tech youtube)* deve gerar o seguinte player:
 
-<video data-ht="src=youtube:H2Io3y98FV4"></video>
+
+<video class='video-js' data-ht="src=youtube:H2Io3y98FV4"></video>
 
 <h3 id='exemplo-com-tech-do-vimeo'>Exemplo com Tech do Vimeo</h3>
 
@@ -127,7 +128,9 @@ O exemplo ao lado *(Criando um vídeo com o tech youtube)* deve gerar o seguinte
 Para vídeos hospedados no Vimeo, você deve informar a legenda manualmente.
 Como no exemplo ao lado, o vídeo deve aparecer da seguinte forma:
 
+
 <video data-ht="src=vimeo:https://player.vimeo.com/video/259226390;subtitle=vtt:assets/HandTalk.vtt"></video>
+
   
 <h3 id='exemplo-com-tech-de-mp4-webm'>Exemplo com Tech de MP4/WEBM</h3>
  
@@ -326,11 +329,15 @@ Conforme o exemplo ao lado direito, também é possível efetuar o replace de um
 
 <h2 id='videos-dinamicos'>Vídeos Dinâmicos</h2>
 
-> Exemplo de Utilização de Embeds dinâmicos do youtube
+Caso o elemento do vídeo seja adicionado ao HTML dinâmicamente depois do carregamento do plugin, você precisa chamar a função de busca para renderizar os players novos.
 
-```html
-<!-- Confira o exemplo em html-->
-```
+<aside class="info">
+
+Nota: Para realizar esse procedimento, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](index.html?html#comecando-tradutor-de-videos).
+
+</aside>
+
+> Exemplo de Utilização de Embeds dinâmicos do youtube
 
 ```javascript
 var ht = new HT({
@@ -356,10 +363,6 @@ window.setTimeout(function() {
 }, 3000);
 ```
 
-<h3 id='exemplos-videos-dinamicos'>Exemplos</h3>
-
-<h2 id='legendas-tradutor-de-videos'>Legendas</h2>
-
 ```html
 <body>
 
@@ -380,7 +383,7 @@ window.setTimeout(function() {
       var iframe = document.createElement('iframe');
       iframe.src='https://www.youtube.com/embed/a9qsp7l5C3o';
       document.body.appendChild(iframe);
-      
+
       // Aguarda o iframe carregar
       iframe.onload = function() {
         // Torna o embed acessível em Libras 
@@ -394,13 +397,7 @@ window.setTimeout(function() {
 </body>
 ```
 
-Caso o elemento do vídeo seja adicionado ao HTML dinâmicamente depois do carregamento do plugin, você precisa chamar a função de busca para renderizar os players novos.
-
-<aside class="info">
-
-Nota: Para realizar esse procedimento, certifique-se de estar com o plugin devidamente configurado de acordo com a sessão [Tradutor de Vídeos > Começando](index.html?html#comecando-tradutor-de-videos).
-
-</aside>
+<h3 id='exemplos-videos-dinamicos'>Exemplos</h3>
 
 Para player construidos manualmente, ou seja, utilizando o [Tradutor de Vídeos > Player Acessível](index.html?html#utilizando-o-player-acessivel-tradutor-de-videos):
 
@@ -414,7 +411,10 @@ Para players existentes do videojs:
 
 `replaceVideoJsAll()` ou `replaceVideoJs(vjsplayer)`.
 
-Para mais detalhes sobre o replace consulte a guia [Tradutor de Vídeos > Replace Automático de Vídeos](index.html?html#replace-automatico-de-videos)
+Para mais detalhes sobre o replace consulte a guia [Tradutor de Vídeos > Replace Automático de Vídeos](index.html?html#replace-automatico-de-videos).
+
+<h2 id='legendas-tradutor-de-videos'>Legendas</h2>
+
 
 As legendas precisam ser breves e de acordo com o tempo que será utilizado nelas para que o Hugo possa traduzí-las de forma que ele não acelere e não perca a sincronia com o vídeo.
 

From ae3e85a9fb65fd596617f755133972195fc877b3 Mon Sep 17 00:00:00 2001
From: Matheus Moura <matheusmoura@handtalk.me>
Date: Tue, 4 Sep 2018 17:29:40 -0300
Subject: [PATCH 12/15] Corrige titulo da sessao

---
 source/includes/video-translator.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index af4f1e36..d772d55b 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -132,7 +132,7 @@ Como no exemplo ao lado, o vídeo deve aparecer da seguinte forma:
 <video data-ht="src=vimeo:https://player.vimeo.com/video/259226390;subtitle=vtt:assets/HandTalk.vtt"></video>
 
   
-<h3 id='exemplo-com-tech-de-mp4-webm'>Exemplo com Tech de MP4/WEBM</h3>
+<h3 id='exemplo-com-tech-de-mp4-webm'>Exemplo com Tech de MP4/WEBM/OGG</h3>
  
 > Exemplo: Criando um vídeo com o **tech** mp4
 

From fc573f9df1c8ff8b5888ae9fc1f8ca175cbf36fa Mon Sep 17 00:00:00 2001
From: Matheus Moura <matheusmoura@handtalk.me>
Date: Tue, 4 Sep 2018 17:29:48 -0300
Subject: [PATCH 13/15] =?UTF-8?q?Corrige=20dimensao=20do=20v=C3=ADdeo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/stylesheets/screen.css.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 7d95a6b0..68c44d9f 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -629,6 +629,6 @@ html, body {
 
 .video-js {
   left: 2%;
-  width: 97%;
+  width: 46%;
   height: 500px;
 }
\ No newline at end of file

From 913e321380ac1542a47017ae80520a4ebff0cbbc Mon Sep 17 00:00:00 2001
From: Matheus Moura <matheusmoura@handtalk.me>
Date: Tue, 4 Sep 2018 17:53:34 -0300
Subject: [PATCH 14/15] Corrige sessao videos

---
 source/includes/video-translator.md | 4 ++--
 source/index.yml                    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/includes/video-translator.md b/source/includes/video-translator.md
index d772d55b..39cfe845 100644
--- a/source/includes/video-translator.md
+++ b/source/includes/video-translator.md
@@ -423,12 +423,12 @@ As legendas precisam ser breves e de acordo com o tempo que será utilizado nela
 Abaixo está um exemplo de legenda boa e outro de legenda ruim, respectivamente:
 
 
-`00:00:04.868 --> 00:00:10.500` </br>
+`00:00:04.868 --> 00:00:10.500`<br />
 Os grandes feitos da humanidade seriam inúteis se não houvesse a comunicação. 
 
 O exemplo acima retrata uma prática boa para legendas.
 
-`00:00:01.000 --> 00:00:01.500`</br>
+`00:00:01.000 --> 00:00:01.500`<br />
 Asteroblaudo corria pela rua do alagamento no deserto para poder fugir de um casal de rinocerontes.
 
 Enquanto que o exemplo acima retrata uma prática ruim para legendas.
diff --git a/source/index.yml b/source/index.yml
index fdad31af..2b31e1f2 100644
--- a/source/index.yml
+++ b/source/index.yml
@@ -1,8 +1,8 @@
 title: Hand Talk | Documentação
 
 language_tabs:
-  - html
   - javascript
+  - html
 
 toc_footers:
   - <a href='https://account.handtalk.me/'>Crie sua conta</a>

From afdeb553954cef3d7bcfd11ae7429791f5674b31 Mon Sep 17 00:00:00 2001
From: Matheus Moura <matheusmoura@handtalk.me>
Date: Tue, 4 Sep 2018 17:56:06 -0300
Subject: [PATCH 15/15] =?UTF-8?q?Adiciona=20tocify-wrapper=20na=20lista=20?=
 =?UTF-8?q?de=20exce=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/source/index.html b/source/index.html
index 8c453a6d..8ebf08b6 100644
--- a/source/index.html
+++ b/source/index.html
@@ -81,7 +81,8 @@
     <script>
     var ht = new HT({
       token: "894ad581fb6306c7363cb9c32a5dd9dd",
-      videoEnabled: true
+      videoEnabled: true,
+      exceptions: ['.tocify-wrapper']
     });
     </script>
   </body>