Tabelas✈

Opções de tabelas:

Apenas HTML * https://www.w3schools.com/howto/howto_js_filter_table.asp

Usando Javascript externo✈

Antigas✈

Início✈

Para a documentação completa visite mkdocs.org.

• Portaria de organização interna da ANAC

Comandos✈

• mkdocs new [dir-name] - Cria um novo projeto.
• mkdocs serve - Inicia o live-reloading servidor de documentos.
• mkdocs build - Produz a build do site.
• mkdocs -h - Imprime a mensagem de ajuda e saída.

Layout do projeto✈

mkdocs.yml    # O arquivo de configuração.
docs/
    index.md  # A página inicial de documentação.
    ...       # Outras páginas, imagens e arquivos.

Teste Kumu.io✈

• Acesse em tela cheia em: https://kumu.io/anac/anac

Teste GraphCommns✈

• Acesse em tela cheia em: https://graphcommons.com/graphs/56d77bb0-8668-4e0a-ac80-374b9d79afa1

Tabelas aninhadas✈

Modelo 1✈

=== "Tab 1"
    Markdown **content**.

    Multiple paragraphs.

=== "Tab 2"
    More Markdown **content**.

    - list item a
    - list item b

Modelo 2✈

Modelo 3✈

More content.

Incorporação de outros recursos✈

Mermaid✈

graph TD
   A[Hard] -->|Text| B(Round)
   B --> C{Decision}
   C -->|One| D[Result 1]
   C -->|Two| E[Result 2]

mermaid
graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end

Modelos de conteúdos em blocos✈

Exemplos de barra de progresso✈

Barra de progresso

[=0% "0%"] [=5% "5%"] [=25% "25%"] [=45% "45%"] [=65% "65%"] [=85% "85%"] [=100% "100%"]

[== 80%]

[=0% "0%"] [=5% "5%"] [=25% "25%"] [=100% "100%"]

    [=0% "0%"]
    [=5% "5%"]
    [=25% "25%"]
    [=100% "100%"]

Though progress bars are rendered as block items, it accepts attr_list's inline format. markdown.extensions.attr_list must be enabled for the following to work.

    [=85% "85%"]{: .candystripe}
    [=100% "100%"]{: .candystripe .candystripe-animate}

    [=0%]{: .thin}
    [=5%]{: .thin}
    [=100%]{: .thin}

Lista de tarefas✈

• marcada 1
• não marcada 1
• Comunicação de Venda
• Comunicação de Venda

Botões✈

1. Assine a nossa lista de e-mail
2. Responda ao nosso formulário

   1. [Envie :smile:](#smile){ .md-button .md-button--primary }
   

Teste de Jinja2 com varíaveis✈

Exibição da variável marcada no arquivo YAML no topo da página:

• Variável do YAML da página: variavel da página no bloco YAML. Pode ser uma gerência dona de um processo, um artefato usado, um grupo de trabalho, etc.

\\* Navigation: \{\{ \navigation.* \}\}
\\* GIT: \{\{ git.* \}\}
\\* INFO: \{\{ macros_info() \}\}
\\{\{ macros_info() \}\}

Firebase Google✈