Asciidoc Playground. Asciidoc Playground por Eduardo de Santana Medeiros Alexadre

Transcrição

1 Asciidoc Playground i Asciidoc Playground por Eduardo de Santana Medeiros Alexadre

2 Asciidoc Playground ii COLLABORATORS TITLE : Asciidoc Playground ACTION NAME DATE SIGNATURE WRITTEN BY Eduardo de Santana Medeiros Alexadre REVISION HISTORY NUMBER DATE DESCRIPTION NAME Primeira versão do meu livro. E

3 Asciidoc Playground iii Sumário 1 Playground Estilos de parágrafos Aplicando os estilos Verso verse Citações quote Literal literal Código fonte listing Estilos de diálogo Nota Dica Importante Atenção Cuidado Entendendo estilo de parágrafo Um parágrafo pode possuir um título Atalho para os estilos de parágrafo diálogo Blocos Bloco com pontos Bloco fechado Bloco para código fonte Caixas de diálogo Atribuindo títulos diferentes para o mesmo estilo de caixa Índice remissivo Nota de rodapé Inserir Imagem (sem submissão) Índice Remissivo 10

4 Asciidoc Playground 1 / 10 Capítulo 1 Playground2 Neste playground nós vamos aprender: Estilos de parágrafos Caixas de diálogo Índice remissivo Nota de rodapé Inserir Imagem (sem submissão) 1.1 Estilos de parágrafos ESTILOS PARA PARÁGRAFO verse quote literal listing NOTE TIP WARNING IMPORTANT CAUTION Aplicando os estilos [estilo] Texto do parágrafo.

5 Asciidoc Playground 2 / Verso verse Tudo é amor. Até o ódio, o qual julgas ser a antítese do amor, nada mais é senão o próprio amor que adoeceu gravemente. Francisco Cândido Xavier Citações quote A leitura após certa idade distrai excessivamente o espírito humano das suas reflexões criadoras. Todo o homem que lê demais e usa o cérebro de menos adquire a preguiça de pensar. Albert Einstein Literal literal O seu Tatá tá? Não, o seu Tatá não tá, Mas a mulher do seu Tatá tá. E quando a mulher do seu Tatá tá, É a mesma coisa que o seu Tatá tá,tá? Código fonte listing Tinha tanta tia tantã. Tinha tanta anta antiga. Tinha tanta anta que era tia. Tinha tanta tia que era anta Estilos de diálogo [TIP] ou [NOTE] ou [IMPORTANT] ou [WARNING] ou [CAUTION] Texto do parágrafo Nota Nota O caju do Juca E a jaca do cajá. O jacá da Juju E o caju do Cacá.

6 Asciidoc Playground 3 / Dica Dica Debaixo da cama tem uma jarra. Dentro da jarra tem uma aranha. Tanto a aranha arranha a jarra, Como a jarra arranha a aranha Importante Importante Palma, palminha, Palminha de Guiné Pra quando papai vié, Mamãe dá a papinha, Vovó bate cipó, Na bundinha do nenê Atenção Atenção Se o papa papasse pão. Se o papa papasse papa. Se o papa papasse tudo, Seria um papa papão Cuidado Cuidado Bão, babalão, Senhor Capitão, Espada na cinta, Ginete na mão. Em terra de mouro Morreu seu irmão, Cozido e assado No seu caldeirão Entendendo estilo de parágrafo No playground anterior você aprendeu que um parágrafo inicia com texto e termina quando encontrar uma linha em branco. Nota Quando você aplica o estilo no parágrafo, ele irá terminar quando encontrar uma linha em branco. Se você quiser que dois parágrafos possuam o mesmo estilo, deverá utilizar estilo de bloco que veremos mais adiante (Seção 1.2 [5]) Um parágrafo pode possuir um título.título do seu parágrafo [estilo] Texto do seu parágrafo aqui.

7 Asciidoc Playground 4 / 10 Exemplo onde O beijo flor é o título: O BEIJO FLOR - ESTILO VERSE Uma vez teve um incêndio na floresta. Os animais fugiam sem parar. E o leão, na confusão, franziu a testa. Quando viu o beija-flor ficando lá. Indo ao rio e pegando em seu biquinho. Um pouquinho, d água pra jogar. Num incêndio, bem maior que um passarinho. O leão se interessou em perguntar: Por que é que você está fazendo isso? Se esse fogo é muito grande pra você! Faço isso, porque essa é a minha parte! Ingredientes para fazer um bolo na caneca - literal 1 ovo pequeno 4 colheres (sopa) de leite 3 colheres (sopa) de óleo 2 colheres (sopa) rasas de chocolate em pó 4 colheres (sopa) rasas de farinha de trigo 4 colheres (sopa) rasas de açúcar 1 colher (café) rasa de fermento em pó Modo de Preparo - listing Na caneca onde irá consumir, coloque o ovo e bata bem com um garfo Coloque o óleo, o açúcar, o leite e o chocolate e bata mais Coloque a farinha e o fermento e misture delicadamente até encorpar Leve ao forno microondas por 3 minutos em potência alta Atalho para os estilos de parágrafo diálogo Os exemplos a seguir precisam ser separados com uma linha em branco para funcionarem: NOTE: Este é um atalho para o diálogo Nota. TIP: Este é um atalho para o diálogo Dica. IMPORTANT: Este é um atalho para o diálogo Importante. WARNING: Este é um atalho para o diálogo Atenção. CAUTION: Este é um atalho para o diálogo Cuidado. Nota Este é um atalho para o diálogo Nota.

8 Asciidoc Playground 5 / 10 Dica Este é um atalho para o diálogo Dica. Importante Este é um atalho para o diálogo Importante. Atenção Este é um atalho para o diálogo Atenção. Cuidado Este é um atalho para o diálogo Cuidado. 1.2 Blocos Blocos podem ser considerados como um agrupador de parágrafos Bloco com pontos Caixa com pontos equivalem ao estilo literal Caixa com 4 pontos automaticamente vira estilo literal Estes dois parágrafos dentro do bloco foram afetados. Aplicando estilo listing à caixa com pontos Caixa com 4 pontos aplicando listing como estilo. Estes dois parágrafos dentro do bloco foram afetados Bloco fechado **** Texto qualquer aqui. Bloco fechado. **** Texto qualquer aqui. Bloco fechado.

9 Asciidoc Playground 6 / Bloco para código fonte Geralmente utilizado para inserir código fonte. Possui uma cor de fundo. Este código que você está vendo aqui: ---- #include <stdio.h> int main() { printf("hello World!\n"); exit(0); } ---- Irá virar: #include <stdio.h> int main() { printf("hello World!\n"); exit(0); } Ela ainda pode possuir um destaque de cores quando especificado a linguagem de programação do código: #include <stdio.h> int main() { printf("hello World!\n"); exit(0); } Código HTML <html> <body> <h1>título em html</h1> <p class="classe">texto qualquer aqui</p> </body> </html> 1.3 Caixas de diálogo Nota Esta caixa contém mais de um parágrafo. Percebam que o estilo aplicado ao bloco foi o NOTE. A caixa pode conter vários parágrafos.

10 Asciidoc Playground 7 / 10 Dica Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o TIP. A caixa pode conter vários parágrafos. Importante Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o IMPORTANT. Atenção Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o WARNING. Cuidado Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o CAUTION Atribuindo títulos diferentes para o mesmo estilo de caixa Você pode criar títulos de caixas padrões. Saiba mais! Quer saber mais sobre fotossíntese? Consulte Curiosidade... A maneira mais fácil de diferenciar um animal carnívoro de um herbívoro é olhando nos seus olhos. Os carnívoros (cachorros, leões) possuem os olhos na parte da frente da cabeça, o que facilita a localização do alimento. Já os herbívoros (aves, coelhos) possuem os olhos do lado da cabeça para perceber a aproximação de um possível predador. 1.4 Índice remissivo Para adicionar um índice remissivo basta: (((Termo1))) Importante Adicione o termo como escrito acima, numa linha, separada por duas linhas em branco para gerar uma entrada no índice remissivo. Consulte o índice remissivo na última página.

11 Asciidoc Playground 8 / Nota de rodapé Inserir nota de rodapé é muito simples: Evafootnote:[A mulher de Adão] não teve mãe. Eva 1 não teve mãe. Exemplo de outra nota de rodapé O termo fotossíntesefootnote:[outra nota aqui.] significa síntese que usa luz. O termo fotossíntese 2 significa síntese que usa luz. 1.6 Inserir Imagem (sem submissão) Nesta seção vamos aprender como inserir e referenciar uma imagem no texto. A Figura 1.1 [8] foi adicionada da seguinte forma: [[fig_charlie]].charlie Chaplin no filme X image::images/charlie-chaplin.jpg[scaledwidth="60%"] Figura 1.1: Charlie Chaplin no filme X Nota O valor de scaledwidth equivale ao espaço total ocupado pela imagem. Se for alterado para 100% ocupará toda a largura da página. 1 A mulher de Adão 2 Outra nota aqui.

12 Asciidoc Playground 9 / 10 Importante Infelizmente a submissão de imagens requer instalação de um ambiente de produção, que não é visto no nosso curso introdutório. Veremos aqui somente como inserir uma imagem no texto como a imagem foi submetida ao repositório não será visto.

13 Asciidoc Playground 10 / 10 Capítulo 2 Índice Remissivo _ Índice remissivo, 7 I Imagem, 8 N Nota de rodapé, 8