Asciidoc Playground =================== Eduardo de Santana Medeiros Alexadre v1.0, 2003-12: Primeira versão do meu livro. :doctype: book :icons: :lang: pt-BR :ascii-ids: == 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) === 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. ==== Verso -- verse [verse, Francisco Cândido Xavier] 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. ==== Citações -- quote [quote, Albert Einstein] 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. ==== Literal -- 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 [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 [NOTE] O caju do Juca E a jaca do cajá. O jacá da Juju E o caju do Cacá. ===== Dica [TIP] 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 [IMPORTANT] Palma, palminha, Palminha de Guiné Pra quando papai vié, Mamãe dá a papinha, Vovó bate cipó, Na bundinha do nenê. ===== Atenção [WARNING] Se o papa papasse pão. Se o papa papasse papa. Se o papa papasse tudo, Seria um papa papão. ===== Cuidado [CAUTION] 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. [NOTE] 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 (<>). ==== Um parágrafo pode possuir um título .Título do seu parágrafo [estilo] Texto do seu parágrafo aqui. Exemplo onde ``O beijo flor'' é o título: .O beijo flor - estilo verse [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 [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 [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. 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. [[blocos_estilos]] === 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 [listing] .......... 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. **** ==== 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 int main() { printf("Hello World!\n"); exit(0); } ---- .... Irá virar: ---- #include 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: [source, c] ---- #include int main() { printf("Hello World!\n"); exit(0); } ---- .Código HTML [source, html] ----

Título em html

Texto qualquer aqui

---- === Caixas de diálogo [NOTE] ==== 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. ==== [TIP] ==== Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o TIP. A caixa pode conter vários parágrafos. ==== [IMPORTANT] ==== Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o IMPORTANT. ==== [WARNING] ==== Caixa semelhante à anterior. Percebam que o estilo aplicado ao bloco foi o WARNING. ==== [CAUTION] ==== 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. [TIP] .Saiba mais! ==== Quer saber mais sobre fotossíntese? Consulte http://www.smartkids.com.br/especiais/fotossintese.html. ==== [TIP] .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. ==== === Índice remissivo (((Índice remissivo))) Para adicionar um índice remissivo basta: (((Termo1))) [IMPORTANT] ==== 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. ==== === Nota de rodapé (((Nota de rodapé))) Inserir nota de rodapé é muito simples: .... Evafootnote:[A mulher de Adão] não teve mãe. .... Evafootnote:[A mulher de Adão] não teve mãe. .Exemplo de outra nota de rodapé [listing] O termo fotossíntesefootnote:[outra nota aqui.] significa síntese que usa luz. O termo fotossíntesefootnote:[Outra nota aqui.] significa síntese que usa luz. === Inserir Imagem (sem submissão) (((Imagem))) Nesta seção vamos aprender como inserir e referenciar uma imagem no texto. A <> foi adicionada da seguinte forma: .... [[fig_charlie]] .Charlie Chaplin no filme X image::images/charlie-chaplin.jpg[scaledwidth="60%"] .... [[fig_charlie]] .Charlie Chaplin no filme X image::images/charlie-chaplin.jpg[scaledwidth="60%"] NOTE: O valor de scaledwidth equivale ao espaço total ocupado pela imagem. Se for alterado para 100% ocupará toda a largura da página. [IMPORTANT] ==== 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. ====