From d9fd4237ff2326fe4973d02d8192dfc3214b54aa Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Tue, 13 Sep 2022 13:23:46 +0200
Subject: [PATCH] fix conversion errors

---
 files/pt-br/mdn/index.html                    | 17 ++--
 files/pt-br/mdn/tools/kumascript/index.html   | 12 +--
 files/pt-br/mdn/writing_guidelines/index.html |  4 +-
 .../page_structures/index.html                |  4 +-
 .../page_structures/live_samples/index.html   |  8 +-
 .../writing_style_guide/index.html            | 86 +++++++++----------
 files/pt-br/mdn/yari/index.html               |  9 +-
 7 files changed, 60 insertions(+), 80 deletions(-)

diff --git a/files/pt-br/mdn/index.html b/files/pt-br/mdn/index.html
index 4e91c39ee7bdc2..1d722781a0ff20 100644
--- a/files/pt-br/mdn/index.html
+++ b/files/pt-br/mdn/index.html
@@ -12,17 +12,10 @@
 
 <p>A missão do MDN Web Docs é fornecer aos desenvolvedores as informações necessárias para criar facilmente na plataforma web. Nós convidamos você a ajudar!</p>
 
-<p>Nós precisamos da sua ajuda! É fácil. Não se preocupe em pedir permissão ou em cometer erros. Por outro lado, por favor, conheça a <a href="https://developer.mozilla.org/pt-BR/docs/MDN/Comunidade">comunidade MDN</a>; estamos aqui para ajudá-lo! A documentação abaixo, pode te ajudar a começar.</p>
+<p>Nós precisamos da sua ajuda! É fácil. Não se preocupe em pedir permissão ou em cometer erros. Por outro lado, por favor, conheça a <a href="/pt-BR/docs/MDN/Comunidade">comunidade MDN</a>; estamos aqui para ajudá-lo! A documentação abaixo, pode te ajudar a começar.</p>
 
-<ul class="card-grid">
- <li><span><a href="https://developer.mozilla.org/pt-BR/docs/MDN/Primeiros_Passos">Início rápido para iniciantes</a></span>
-
-  <p>Você é novo no MDN e quer aprender como ajudar a torná-lo melhor? Comece aqui!</p>
- </li>
- <li><span><a href="https://developer.mozilla.org/pt-BR/docs/MDN/Contribute">Eu sou um usuário avançado</a></span>
-  <p>Acesse nosso guia completo e aprofundado para os colaboradores do MDN para aprender mais quando você se sentir confortável.</p>
- </li>
- <li><span><a href="https://developer.mozilla.org/pt-BR/docs/MDN/Promote">Compartilhe</a></span>
-  <p>Se você ama o MDN, compartilhe a nossa a rede! Encontre o material necessário, como arte, ferramentas e guias para promover o MDN.</p>
- </li>
+<ul>
+ <li><a href="/pt-BR/docs/MDN/Primeiros_Passos">Início rápido para iniciantes</a> Você é novo no MDN e quer aprender como ajudar a torná-lo melhor? Comece aqui!</li>
+ <li><a href="/pt-BR/docs/MDN/Contribute">Eu sou um usuário avançado</a> Acesse nosso guia completo e aprofundado para os colaboradores do MDN para aprender mais quando você se sentir confortável.</li>
+ <li><a href="/pt-BR/docs/MDN/Promote">Compartilhe</a> Se você ama o MDN, compartilhe a nossa a rede! Encontre o material necessário, como arte, ferramentas e guias para promover o MDN.</li>
 </ul>
diff --git a/files/pt-br/mdn/tools/kumascript/index.html b/files/pt-br/mdn/tools/kumascript/index.html
index 96fe2c86c1d037..67f0772f742e84 100644
--- a/files/pt-br/mdn/tools/kumascript/index.html
+++ b/files/pt-br/mdn/tools/kumascript/index.html
@@ -213,13 +213,13 @@ <h4 id="Built-in_methods">Built-in methods</h4>
  <dt><code>md5(string)</code></dt>
  <dd>Returns an MD5 hex digest of the given string.</dd>
  <dt><code>template("name", ["arg0", "arg1", ..., "argN"])</code></dt>
- <dd>Executes and returns the result of the named template with the given list of parameters.</dd>
- <dd>Example: <code>&lt;%- template("warning", ["foo", "bar", "baz"]) %&gt;</code>.</dd>
- <dd>Example using the <code>domxref</code> macro: <code>&lt;%- template("domxref", ["Event.bubbles", "bubbles"]) %&gt;</code>.</dd>
- <dd>This is a JavaScript function. So, if one of the parameters is an arg variable like $2, do not put it in quotes. Like this: <code>&lt;%- template("warning", [$1, $2, "baz"]) %&gt;</code>. If you need to call another template from within a block of code, do not use <code>&lt;%</code> ... <code>%&gt;</code>. Example: <code>myvar = "&lt;li&gt;" + template("LXRSearch", ["ident", "i", $1]) + "&lt;/li&gt;";</code></dd>
+ <dd><p>Executes and returns the result of the named template with the given list of parameters.</p>
+ <p>Example: <code>&lt;%- template("warning", ["foo", "bar", "baz"]) %&gt;</code>.</p>
+ <p>Example using the <code>domxref</code> macro: <code>&lt;%- template("domxref", ["Event.bubbles", "bubbles"]) %&gt;</code>.</p>
+ <p>This is a JavaScript function. So, if one of the parameters is an arg variable like $2, do not put it in quotes. Like this: <code>&lt;%- template("warning", [$1, $2, "baz"]) %&gt;</code>. If you need to call another template from within a block of code, do not use <code>&lt;%</code> ... <code>%&gt;</code>. Example: <code>myvar = "&lt;li&gt;" + template("LXRSearch", ["ident", "i", $1]) + "&lt;/li&gt;";</code></p></dd>
  <dt><code>require(name)</code></dt>
- <dd>Loads another template as a module; any output is ignored. Anything assigned to <code>module.exports</code> in the template is returned.</dd>
- <dd>Used in templates like so: <code>&lt;% var my_module = require('MyModule'); %&gt;</code>.</dd>
+ <dd><p>Loads another template as a module; any output is ignored. Anything assigned to <code>module.exports</code> in the template is returned.</p>
+ <p>Used in templates like so: <code>&lt;% var my_module = require('MyModule'); %&gt;</code>.</p></dd>
  <dt><code>cacheFn(key, timeout, function_to_cache)</code></dt>
  <dd>Using the given key and cache entry lifetime, cache the results of the given function. Honors the value of <code>env.cache_control</code> to invalidate cache on <code>no-cache</code>, which can be sent by a logged-in user hitting shift-refresh.</dd>
  <dt><code>request</code></dt>
diff --git a/files/pt-br/mdn/writing_guidelines/index.html b/files/pt-br/mdn/writing_guidelines/index.html
index 3b5f860527404a..bd0b614b4d6dbe 100644
--- a/files/pt-br/mdn/writing_guidelines/index.html
+++ b/files/pt-br/mdn/writing_guidelines/index.html
@@ -24,7 +24,7 @@
 
 <h2 id="Nossa_missão">Nossa missão</h2>
 
-<p>A missão da MDN é simples: prover uma completa, exata e <span class="short_text" id="result_box" lang="pt"><span class="hps">útil documentação para tudo sobre a open Web</span></span>, <span id="result_box" lang="pt"><span class="hps">sendo ele construído, </span><span class="hps">suportado</span> <span class="hps">ou não pela Mozilla</span><span class="hps">.</span> <span class="hps">Se é</span> <span class="hps">uma tecnologia aberta</span> <span class="hps">e </span><span class="hps">Web</span><span>, queremos</span> <span class="hps">documentá-lo</span><span>.</span></span></p>
+<p>A missão da MDN é simples: prover uma completa, exata e útil documentação para tudo sobre a open Web, sendo ele construído, suportado ou não pela Mozilla. Se é uma tecnologia aberta e Web, queremos documentá-lo.</p>
 
 <p>Além disso, podemos fornecer a documentação sobre como <a href="/en-US/docs/Mozilla">desenvolver e contribuir com os projetos da Mozilla</a>, <a href="/en-US/Firefox_OS">Firefox OS</a> e <a href="/en-US/Apps">desenvolvimento de Web app</a>.</p>
 
@@ -116,4 +116,4 @@ <h2 id="História_da_MDN">História da MDN</h2>
 
 <h2 id="Sobre_a_Mozilla">Sobre a Mozilla</h2>
 
-<p><span id="result_box" lang="pt"><span>Se você quer saber mais sobre quem somos, como fazer parte da Mozilla ou apenas onde nos encontrar, você veio ao lugar certo.</span> <span>Para descobrir o que nos impulsiona e nos torna diferentes, visite nossa página de <a href="http://www.mozilla.org/en-US/mission/">missão</a>.</span></span></p>
+<p>Se você quer saber mais sobre quem somos, como fazer parte da Mozilla ou apenas onde nos encontrar, você veio ao lugar certo. Para descobrir o que nos impulsiona e nos torna diferentes, visite nossa página de <a href="http://www.mozilla.org/en-US/mission/">missão</a>.</p>
diff --git a/files/pt-br/mdn/writing_guidelines/page_structures/index.html b/files/pt-br/mdn/writing_guidelines/page_structures/index.html
index b53dbadeb4e4e3..a345e9497d6e4d 100644
--- a/files/pt-br/mdn/writing_guidelines/page_structures/index.html
+++ b/files/pt-br/mdn/writing_guidelines/page_structures/index.html
@@ -291,7 +291,7 @@ <h2 id="Adicionando_dados_Casos_avançados">Adicionando dados: Casos avançados<
 
 <h3 id="Incluindo_uma_nota_de_rodapé">Incluindo uma nota de rodapé</h3>
 
-<p>Often compat tables will include footnotes related to certain entries that explain useful details or strange behavior that developers will find useful. As an example, the Chrome Android entry for {{domxref("VRDisplay.capabilities")}} (see also <a href="https://github.com/mdn/browser-compat-data/blob/master/api/VRDisplay.json">VRDisplay.json</a>)  (at the time of writing) had a footnote "<span class="pl-s">Currently supported only by Google Daydream." To include this in the capabilities data, we added a "notes" submember inside the relevant "chrome_android" submember; it would look like this:</span></p>
+<p>Often compat tables will include footnotes related to certain entries that explain useful details or strange behavior that developers will find useful. As an example, the Chrome Android entry for {{domxref("VRDisplay.capabilities")}} (see also <a href="https://github.com/mdn/browser-compat-data/blob/master/api/VRDisplay.json">VRDisplay.json</a>)  (at the time of writing) had a footnote "Currently supported only by Google Daydream." To include this in the capabilities data, we added a "notes" submember inside the relevant "chrome_android" submember; it would look like this:</p>
 
 <pre class="brush: json notranslate">"chrome_android": {
   "version_added": true,
@@ -314,7 +314,7 @@ <h3 id="Incluindo_preferências_ou_sinalizadores_do_navegador">Incluindo prefer
 <p>To represent this in the compat data, you need to add the "flags" submember inside the relevant browser identifier submember. The value of "flags" is an array of objects each of which contains of three members:</p>
 
 <ul>
- <li>"type": The type of flag or pref this is. The most common value is "preference", which is set inside the browser (for example, using <code>about:config</code> in Firefox, or <code>chrome://flags</code> in Chrome), but you might also sometimes use a value of <span class="pl-s"><span class="pl-pds">"</span>compile_flag<span class="pl-pds">", which is a preference set when the browser build is compiled.</span></span></li>
+ <li>"type": The type of flag or pref this is. The most common value is "preference", which is set inside the browser (for example, using <code>about:config</code> in Firefox, or <code>chrome://flags</code> in Chrome), but you might also sometimes use a value of "compile_flag", which is a preference set when the browser build is compiled.</li>
  <li>"name": This is a string representing the name of the preference that needs to have a value set on it. For example, "Enable Experimental Web Platform Features" is a preference that exists in Chrome, found in <code>chrome://flags</code>.</li>
  <li>"value_to_set": This is a string representing the value that needs to be set on the preference, for example "true".</li>
 </ul>
diff --git a/files/pt-br/mdn/writing_guidelines/page_structures/live_samples/index.html b/files/pt-br/mdn/writing_guidelines/page_structures/live_samples/index.html
index 63a777804f2edd..9601d6d71d0733 100644
--- a/files/pt-br/mdn/writing_guidelines/page_structures/live_samples/index.html
+++ b/files/pt-br/mdn/writing_guidelines/page_structures/live_samples/index.html
@@ -9,7 +9,7 @@
 translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live
 original_slug: MDN/Contribute/Howto/Convert_code_samples_to_be_live
 ---
-<div>{{MDNSidebar}}</div><p class="summary"><span id="result_box" lang="pt"><span class="hps">A MDN</span> <span class="hps">agora</span> <span class="hps">possui um sistema de</span> <span class="atn hps">"</span><span>exemplos ao vivo</span><span>", onde a</span> <span class="hps">amostra de código</span> e exibida <span class="hps">em uma página que é</span> diretamente <span class="hps">utilizado</span> <span class="hps">para exibir a saída</span> <span class="hps">dessa </span><span class="hps">amostra.</span> <span class="hps">No entanto, muitos</span> <span class="hps">artigos existentes</span> <span class="hps">possuem</span> <span class="hps">exemplos de código</span> <span class="hps">que ainda não</span> <span class="hps">utilizam este sistema</span><span>,</span> <span class="hps">e</span> <span class="hps">precisam ser convertidos</span><span>.</span></span></p>
+<div>{{MDNSidebar}}</div><p class="summary">A MDN agora possui um sistema de "exemplos ao vivo", onde a amostra de código e exibida em uma página que é diretamente utilizado para exibir a saída dessa amostra. No entanto, muitos artigos existentes possuem exemplos de código que ainda não utilizam este sistema, e precisam ser convertidos.</p>
 
 <table class="full-width-table">
  <tbody>
@@ -18,16 +18,16 @@
    <td>Artigos tagueados com <a href="/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a></td>
   </tr>
   <tr>
-   <td><strong><span class="short_text" id="result_box" lang="pt"><span class="hps">O que você</span> <span class="hps">precisa saber para</span> <span class="hps">fazer a tarefa</span><span>?</span></span></strong></td>
+   <td><strong>O que você precisa saber para fazer a tarefa?</strong></td>
    <td>
     <ul>
-     <li><span id="result_box" lang="pt"><span class="hps">Conhecimento de HTML</span><span>, CSS</span> <span class="hps">e/ou</span> <span class="hps">JavaScript,</span> <span class="hps">dependendo da</span> <span class="hps">amostra de código.</span></span></li>
+     <li>Conhecimento de HTML, CSS e/ou JavaScript, dependendo da amostra de código.</li>
      <li>Capacidade de usar macros <a href="/en-US/docs/Project:Introduction_to_KumaScript">KumaScript</a> dentro dos artigos da MDN.</li>
     </ul>
    </td>
   </tr>
   <tr>
-   <td><strong><span class="short_text" id="result_box" lang="pt"><span class="hps">Quais são</span> <span class="hps">os passos para fazer</span> <span class="hps">a tarefa?</span></span></strong></td>
+   <td><strong>Quais são os passos para fazer a tarefa?</strong></td>
    <td>
     <p>Para uma descrição completa do sistema de exemplos ao vivo, incluindo como criar exemplos ao vivo ,veja <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide/Live_samples">Using the live sample system</a>.</p>
 
diff --git a/files/pt-br/mdn/writing_guidelines/writing_style_guide/index.html b/files/pt-br/mdn/writing_guidelines/writing_style_guide/index.html
index ca66ab74a22927..083ca8af17ac43 100644
--- a/files/pt-br/mdn/writing_guidelines/writing_style_guide/index.html
+++ b/files/pt-br/mdn/writing_guidelines/writing_style_guide/index.html
@@ -6,7 +6,7 @@
 ---
 <div>{{MDNSidebar}}</div>
 
-<p><span class="seoSummary">Em um esforço para apresentar a documentação de maneira organizada, padronizada e fácil de ler a guia de estilo MDN Web Docs descreve como o texto deve ser organizado, escrito, formatado, e assim por diante.</span> Estas sao orientações mais do que regras estritas. Nos estamos mais interessados em conteúdo do que em formatação, então não se sinta obrigado a aprender a guia de estilo antes de contribuir. Não fique chateado/a ou surpreso/a caso algum/a voluntário/a trabalhador/a edite o seu trabalho de acordo com esta guia.</p>
+<p>Em um esforço para apresentar a documentação de maneira organizada, padronizada e fácil de ler a guia de estilo MDN Web Docs descreve como o texto deve ser organizado, escrito, formatado, e assim por diante. Estas sao orientações mais do que regras estritas. Nos estamos mais interessados em conteúdo do que em formatação, então não se sinta obrigado a aprender a guia de estilo antes de contribuir. Não fique chateado/a ou surpreso/a caso algum/a voluntário/a trabalhador/a edite o seu trabalho de acordo com esta guia.</p>
 
 <p>Se você esta procurando por coisas específicas sobre como determinado tipo de página deve ser estruturado, veja a <a href="/en-US/docs/MDN/Contribute/Content/Layout">página sobre guia de layout MDN</a>.</p>
 
@@ -27,8 +27,8 @@ <h4 id="Maisuculização_de_títulos_e_cabeçalhos">Maisuculização de títulos
 <p>Títulos de páginas e seções de cabeçalho devem usar letras maiúsculas no estilo da frase (Maiúsculas so na primeira palavra e nomes próprios) em vez de letras maiúsculas no estilo de título:</p>
 
 <ul>
- <li><span class="correct"><strong>Correto</strong></span>: "Um novo método para criar sobreposições Javascript"</li>
- <li><span class="incorrect"><strong>Incorreto</strong></span>: "Um Novo Método para Criar Sobreposições Javascript"</li>
+ <li><strong>Correto</strong>: "Um novo método para criar sobreposições Javascript"</li>
+ <li><strong>Incorreto</strong>: "Um Novo Método para Criar Sobreposições Javascript"</li>
 </ul>
 
 <p>Nós temos muitas páginas antigas que foram escritas antes que essa regra de estilo fosse estabelecida. Sinta-se livre para atualizá-las se achar necessário. Estamos atualizando-as gradualmente.</p>
@@ -58,10 +58,6 @@ <h3 id="Orientações_gerais_do_conteúdo_do_artigo">Orientações gerais do con
 
 <p>Quando estiver escrevendo qualquer documento é importante conhecer o quanto falar. Se ficar divagando muito o artigo fica tedioso de ler e ninguém ira usa-lo. Escolher a quantidade certa a falar sobre o assunto é muito importante por diversas razões. Entre essas razões: assegurar que o leitor encontre a informação que eles precisam, prover suficiente material de qualidade para os engines de pesquisa poderem analizar e classificar o artigo de maneira adequada. Iremos discutir ao respeito disso aqui. Para aprender um pouco mais sobre como fazer as páginas são classificadas pelos engines de pesquisa, vejam o artigo <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Write_for_SEO">Como escrever SEO para MDN</a>.</p>
 
-<div class="hidden">
-<pre class="notranslate">Daqui para baixo.</pre>
-</div>
-
 <h3 id="Sections.2C_Paragraphs.2C_Newlines" name="Sections.2C_Paragraphs.2C_Newlines">Seções, parágrafos e novas linhas</h3>
 
 <p>Use os níveis de cabeçalho em ordem decrescente na hierarquia: {{HTMLElement("h2")}} depois {{HTMLElement("h3")}} depois {{HTMLElement("h4")}}, sem pular níveis. {{HTMLElement("h2")}} é o maior nível permitido, pois {{HTMLElement("h1")}} está reservado para o título da página. Se perceber que precisará de mais de 3 ou 4 níveis de cabeçalho, considere fragmentar seu artigo em artigos menores, ou colocando uma landing page, linkando estes com o {{TemplateLink("Next")}}, {{TemplateLink("Previous")}}, e {{TemplateLink("PreviousNext")}} macros.</p>
@@ -113,7 +109,7 @@ <h4 id="Tabs_and_line_breaks">Tabs and line breaks</h4>
 
 <h4 id="Inline_code_formatting">Inline code formatting</h4>
 
-<p>Use the "Code" button (labeled with two angle brackets "&lt;&gt;") to apply inline code-style formatting to function names, variable names, and method names (this uses the {{HTMLElement("code")}} element). For example, "the <code class="js plain">frenchText()</code> function".</p>
+<p>Use the "Code" button (labeled with two angle brackets "&lt;&gt;") to apply inline code-style formatting to function names, variable names, and method names (this uses the {{HTMLElement("code")}} element). For example, "the <code>frenchText()</code> function".</p>
 
 <p>Method names should be followed by a pair of parentheses: <code>doSomethingUseful()</code>. This helps to differentiate methods from other code terms.</p>
 
@@ -121,10 +117,8 @@ <h4 id="Syntax_highlighting">Syntax highlighting</h4>
 
 <p><img alt='Screenshot of the "syntax highlighting" menu.' src="https://mdn.mozillademos.org/files/7857/syntax-highlighting-menu.png" style="border-style: solid; border-width: 1px; float: right; height: 315px; margin: 2px 4px; width: 183px;">Entire lines (or multiple lines) of code should be formatted using syntax highlighting rather than the {{HTMLElement("code")}} element. Click the "pre" button in the toolbar to create the preformatted content box in which you'll then write your code. Then, with the text entry cursor inside the code box, select the appropriate language from the language list button to the right of the "pre" button, as seen in the screenshot to the right. The following example shows text with JavaScript formatting:</p>
 
-<div class="line number2 index1 alt1">
 <pre class="brush: js notranslate">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
   document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);</pre>
-</div>
 
 <p>If no appropriate transformation is available, use the <code>pre</code> tag without specifying a language ("No Highlight" in the language menu).</p>
 
@@ -140,7 +134,7 @@ <h4 id="Styling_HTML_element_references">Styling HTML element references</h4>
  <dt>Attribute names</dt>
  <dd>Use <strong>bold face</strong>.</dd>
  <dt>Attribute definitions</dt>
- <dd>Use the {{TemplateLink("htmlattrdef")}} macro (e.g., <span class="nowiki">\{{htmlattrdef("type")}}</span>) for the definition term, so that it can be linked to from other pages, then use the {{TemplateLink("htmlattrxref")}} macro (e.g., <span class="nowiki">\{{htmlattrxref("attr","element")}}</span>) to reference attribute definitions.</dd>
+ <dd>Use the {{TemplateLink("htmlattrdef")}} macro (e.g., \{{htmlattrdef("type")}}) for the definition term, so that it can be linked to from other pages, then use the {{TemplateLink("htmlattrxref")}} macro (e.g., \{{htmlattrxref("attr","element")}}) to reference attribute definitions.</dd>
  <dt>Attribute values</dt>
  <dd>Use "Code (inline)" style, and do not use quotation marks around strings, unless needed by the syntax of a code sample. E.g.: When the <strong>type</strong> attribute of an <code>&lt;input&gt;</code> element is set to <code>email</code> or <code>tel</code> ...</dd>
  <dt>Labeling attributes</dt>
@@ -154,10 +148,10 @@ <h4 id="In_notes_and_parentheses" name="In_notes_and_parentheses">In notes and p
 <ul>
  <li>Common Latin abbreviations (etc., i.e., e.g.) may be used in parenthetical expressions and in notes. Use periods in these abbreviations.
   <ul>
-   <li><span class="correct"><strong>Correct</strong></span>: Web browsers (e.g. Firefox) can be used ...</li>
-   <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers e.g. Firefox can be used ...</li>
-   <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers, e.g. Firefox, can be used ...</li>
-   <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers, (eg: Firefox) can be used ...</li>
+   <li><strong>Correct</strong>: Web browsers (e.g. Firefox) can be used ...</li>
+   <li><strong>Incorrect</strong>: Web browsers e.g. Firefox can be used ...</li>
+   <li><strong>Incorrect</strong>: Web browsers, e.g. Firefox, can be used ...</li>
+   <li><strong>Incorrect</strong>: Web browsers, (eg: Firefox) can be used ...</li>
   </ul>
  </li>
 </ul>
@@ -167,10 +161,10 @@ <h4 id="In_running_text" name="In_running_text">In running text</h4>
 <ul>
  <li>In regular text (i.e. text outside of notes or parentheses), use the English equivalent of the abbreviation.
   <ul>
-   <li><span class="correct"><strong>Correct</strong></span>: ... web browsers, and so on.</li>
-   <li><span class="incorrect"><strong>Incorrect</strong></span>: ... web browsers, etc.</li>
-   <li><span class="correct"><strong>Correct</strong></span>: Web browsers such as Firefox can be used ...</li>
-   <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers e.g. Firefox can be used ...</li>
+   <li><strong>Correct</strong>: ... web browsers, and so on.</li>
+   <li><strong>Incorrect</strong>: ... web browsers, etc.</li>
+   <li><strong>Correct</strong>: Web browsers such as Firefox can be used ...</li>
+   <li><strong>Incorrect</strong>: Web browsers e.g. Firefox can be used ...</li>
   </ul>
  </li>
 </ul>
@@ -233,8 +227,8 @@ <h4 id="Capitalization_and_periods" name="Capitalization_and_periods">Capitaliza
 <p>Use full capitals and delete periods in all acronyms and abbreviations, including organizations such as "US" and "UN".</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: XUL</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: X.U.L.; Xul</li>
+ <li><strong>Correct</strong>: XUL</li>
+ <li><strong>Incorrect</strong>: X.U.L.; Xul</li>
 </ul>
 
 <h4 id="Expansion" name="Expansion">Expansion</h4>
@@ -242,8 +236,8 @@ <h4 id="Expansion" name="Expansion">Expansion</h4>
 <p>On the first mention of a term on a page, expand acronyms likely to be unfamiliar to users. When in doubt, expand it, or, better, link it to the article or <a href="/en-US/docs/Glossary">glossary</a> entry describing the technology.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: "XUL (XML User Interface Language) is Mozilla's XML-based language..."</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: "XUL is Mozilla's XML-based language..."</li>
+ <li><strong>Correct</strong>: "XUL (XML User Interface Language) is Mozilla's XML-based language..."</li>
+ <li><strong>Incorrect</strong>: "XUL is Mozilla's XML-based language..."</li>
 </ul>
 
 <h4 id="Plurals_of_acronyms_and_abbreviations" name="Plurals_of_acronyms_and_abbreviations">Plurals of acronyms and abbreviations</h4>
@@ -251,8 +245,8 @@ <h4 id="Plurals_of_acronyms_and_abbreviations" name="Plurals_of_acronyms_and_abb
 <p>For plurals of acronyms or abbreviations, add <em>s</em>. Don't use an apostrophe. Ever. Please.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: CD-ROMs</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: CD-ROM's</li>
+ <li><strong>Correct</strong>: CD-ROMs</li>
+ <li><strong>Incorrect</strong>: CD-ROM's</li>
 </ul>
 
 <h3 id="Contractions" name="Contractions">Capitalization</h3>
@@ -270,8 +264,8 @@ <h3 id="Pluralization" name="Pluralization">Pluralization</h3>
 <p>Use English-style plurals, not the Latin- or Greek-influenced forms.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: syllabuses, octopuses</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: syllabi, octopi</li>
+ <li><strong>Correct</strong>: syllabuses, octopuses</li>
+ <li><strong>Incorrect</strong>: syllabi, octopi</li>
 </ul>
 
 <h3 id="Hyphenation" name="Hyphenation">Hyphenation</h3>
@@ -338,15 +332,15 @@ <h4 id="Dates">Dates</h4>
 <p>For dates (not including dates in code samples) use the format "January 1, 1990".</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: February 24, 2006</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: February 24th, 2006; 24 February, 2006; 24/02/2006</li>
+ <li><strong>Correct</strong>: February 24, 2006</li>
+ <li><strong>Incorrect</strong>: February 24th, 2006; 24 February, 2006; 24/02/2006</li>
 </ul>
 
 <p>Alternately, you can use the YYYY/MM/DD format.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: 2006/02/24</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 02/24/2006; 24/02/2006; 02/24/06</li>
+ <li><strong>Correct</strong>: 2006/02/24</li>
+ <li><strong>Incorrect</strong>: 02/24/2006; 24/02/2006; 02/24/06</li>
 </ul>
 
 <h4 id="Decades" name="Decades">Decades</h4>
@@ -354,8 +348,8 @@ <h4 id="Decades" name="Decades">Decades</h4>
 <p>For decades, use the format "1990s". Don't use an apostrophe.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: 1990s</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 1990's</li>
+ <li><strong>Correct</strong>: 1990s</li>
+ <li><strong>Incorrect</strong>: 1990's</li>
 </ul>
 
 <h4 id="Plurals_of_numerals" name="Plurals_of_numerals">Plurals of numerals</h4>
@@ -363,8 +357,8 @@ <h4 id="Plurals_of_numerals" name="Plurals_of_numerals">Plurals of numerals</h4>
 <p>For plurals of numerals add "s". Don't use an apostrophe.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: 486s</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 486's</li>
+ <li><strong>Correct</strong>: 486s</li>
+ <li><strong>Incorrect</strong>: 486's</li>
 </ul>
 
 <h4 id="Commas" name="Commas">Commas</h4>
@@ -372,8 +366,8 @@ <h4 id="Commas" name="Commas">Commas</h4>
 <p>In running text, use commas only in five-digit and larger numbers.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: 4000; 54,000</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 4,000; 54000</li>
+ <li><strong>Correct</strong>: 4000; 54,000</li>
+ <li><strong>Incorrect</strong>: 4,000; 54000</li>
 </ul>
 
 <h3 id="Punctuation" name="Punctuation">Punctuation</h3>
@@ -383,8 +377,8 @@ <h4 id="Serial_comma" name="Serial_comma">Serial comma</h4>
 <p><strong>Use the serial comma</strong>. The serial (also known as "Oxford") comma is the comma that appears before the conjunction in a series of three or more items.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: I will travel on trains, planes, and automobiles.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: I will travel on trains, planes and automobiles.</li>
+ <li><strong>Correct</strong>: I will travel on trains, planes, and automobiles.</li>
+ <li><strong>Incorrect</strong>: I will travel on trains, planes and automobiles.</li>
 </ul>
 
 <div class="note">
@@ -396,8 +390,8 @@ <h3 id="Spelling" name="Spelling">Spelling</h3>
 <p>For words with variant spellings, always use the first entry at <a href="http://www.answers.com/library/Dictionary">Answers.com</a>. Do not use variant spellings.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: localize, honor</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: localise, honour</li>
+ <li><strong>Correct</strong>: localize, honor</li>
+ <li><strong>Incorrect</strong>: localise, honour</li>
 </ul>
 
 <h3 id="Terminology">Terminology</h3>
@@ -418,8 +412,8 @@ <h4 id="HTML_elements">HTML elements</h4>
 <p>Use "elements" to refer to HTML and XML elements, rather than "tags". In addition, they should almost always be wrapped in "&lt;&gt;", and should be in the {{HTMLElement("code")}} style. Also, at least the first time you reference a given element in a section should use the {{TemplateLink("HTMLElement")}} macro, to create a link to the documentation for the element (unless you're writing within that element's reference document page).</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: the {{HTMLElement("span")}} element</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: the span tag</li>
+ <li><strong>Correct</strong>: the {{HTMLElement("span")}} element</li>
+ <li><strong>Incorrect</strong>: the span tag</li>
 </ul>
 
 <h4 id="User_interface_actions">User interface actions</h4>
@@ -427,8 +421,8 @@ <h4 id="User_interface_actions">User interface actions</h4>
 <p>In task sequences, describe user interface actions using the imperative mood. Identify the user interface element by its label and type.</p>
 
 <ul>
- <li><span class="correct"><strong>Correct</strong></span>: Click the Edit button.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Click Edit.</li>
+ <li><strong>Correct</strong>: Click the Edit button.</li>
+ <li><strong>Incorrect</strong>: Click Edit.</li>
 </ul>
 
 <h3 id="Voice">Voice</h3>
@@ -479,7 +473,7 @@ <h4 id="Tagging_obsolete_pages">Tagging obsolete pages</h4>
 
 <ul>
  <li><em>Junk</em>: Use for spam, pages created by mistake, or content that is so bad that it should be deleted. Pages with this tag are deleted from time to time.</li>
- <li><em>Obsolete</em>: Use for content that is technically superceded, but still valid in context. For example an HTML element that is obsolete in HTML5 is still valid in HTML 4.01. You can also use the <span class="nowiki">{{TemplateLink("obsolete_header")}}</span> macro to put a prominent banner on the topic.</li>
+ <li><em>Obsolete</em>: Use for content that is technically superceded, but still valid in context. For example an HTML element that is obsolete in HTML5 is still valid in HTML 4.01. You can also use the {{TemplateLink("obsolete_header")}} macro to put a prominent banner on the topic.</li>
  <li><em>Archive</em>: Use for content that is technically superceded and no longer useful. If possible, add a note to the topic referring readers to a more current topic. For example, a page that describes how to use the Mozilla CVS repository should refer readers to a current topic on using Mercurial repos. (If no corresponding current topic exists, use the <em>NeedsUpdate</em> tag, and add an explanation on the Talk page.) Pages with the Archive tag are eventually moved from the main content of MDN to the <a href="/en-US/docs/Archive">Archive</a> section.</li>
 </ul>
 
diff --git a/files/pt-br/mdn/yari/index.html b/files/pt-br/mdn/yari/index.html
index 2213a0ec3dc6d4..48ecba9528838b 100644
--- a/files/pt-br/mdn/yari/index.html
+++ b/files/pt-br/mdn/yari/index.html
@@ -10,9 +10,7 @@
 
 <p>Kuma é a plataforma wiki que  auxilia o Mozilla Developer Network. É uma plataforma open source escrita em <a href="http://www.python.org/">Python</a> utilizando o framework <a href="https://www.djangoproject.com/">Django</a>.</p>
 
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Documentation" name="Documentation">Documentação do Kuma</h2>
+<h2>Documentação do Kuma</h2>
 
 <dl>
  <dt><a href="/en-US/docs/Project:MDN/Kuma/API" title="/en-US/docs/Project:About">A API Kuma</a></dt>
@@ -36,9 +34,6 @@ <h2 class="Documentation" id="Documentation" name="Documentation">Documentação
  <li><a href="/en-US/docs/Project:MDC_editor_guide" title="/en-US/docs/Project:MDC_editor_guide">A interface de edição MDN</a>: atalhos do teclado; descrição dos componentes de interface e funções</li>
 </ul>
 
-</div>
-
-<div class="section">
 <h2 id="Ferramentas_e_tarefas">Ferramentas e tarefas</h2>
 
 <dl>
@@ -57,5 +52,3 @@ <h2 id="Ferramentas_e_tarefas">Ferramentas e tarefas</h2>
  <dt><a href="https://trello.com/b/SyPJAeST/engineering-roadmap">Roteiro de Engenhria</a></dt>
  <dd>Quadro do Trello usado para gerenciamento do trabalho regular  no projeto do Kuma.</dd>
 </dl>
-</div>
-</div>