Layout e detalhes

O layout decide como o slide se organiza na tela. Em Automático, o PixelDeck decide pelo conteúdo — e acerta na maior parte dos casos.

Placeholder de captura Inspetor com a aba Editor aberta em Layout e Detalhes, mostrando Layout, Identidade do slide e Desliga a apresentação.
../gfx/placeholder-layout-detalhes.png

Substitua este quadro por uma captura da aba Editor quando quiser fixar a imagem final.

Os cinco layouts

Layout	Para quê
Abertura	O primeiro slide, com o título grande.
Divisor	Anuncia uma nova parte da conversa.
Conteúdo	Título com lista, texto ou imagem.
Destaque	Uma frase sozinha no centro.
Citação	Uma citação em destaque.

O que o Automático faz

Deixado em Automático, o layout vem do conteúdo do slide:

O primeiro slide é abertura.
Um título numerado sozinho — "PARTE 02", "03 / ENTREGA" — vira divisor.
Um título isolado, sem mais nada, vira destaque.
Qualquer outra combinação vira conteúdo.

Escolher um layout à mão sobrescreve essa decisão só naquele slide. O roteiro mostra qual está em uso, então é fácil ver onde você saiu do padrão. No Markdown, a escolha é gravada como @layout seguido de cover, section, content, center ou quote.

Centralizar o texto na tela

Destaque (@layout center) põe o conteúdo no meio da altura do slide. Para centralizar também na largura, acrescente o alinhamento na aba Markdown:

@layout center
[.header: alignment(center)]
[.text: alignment(center)]

# Uma frase que fica.

[.header: …] vale para os títulos e [.text: …], para os parágrafos; troque center por left ou right se quiser. Para centralizar a apresentação inteira, veja Referência da sintaxe.

Detalhes do slide

A seção Detalhes guarda os elementos pequenos, que não são o conteúdo mas ambientam o slide:

Campo	Onde aparece	Exemplo
Texto pequeno acima do título	Acima do título, em corpo pequeno. No Markdown: `@kicker` ou `@label`.	03 / ENTREGA
Etiqueta no canto superior	No canto de cima do slide. No Markdown: `@badge`.	PixelDeck
Caminho no topo	Uma trilha, para situar onde você está. No Markdown: `@crumb`.	parte-02/workflow
Rodapé deste slide	No pé do slide. No Markdown: `@hint`.	Projeto 01 · Workflow
Cor só deste slide	Só naquele slide, sobrepondo o tema. No Markdown: `@accent`.	#FFB000
Fundo só deste slide	Um fundo próprio para este slide. No Markdown: `@background`; no editor visual aparece como bloco avançado.	#1A1100
Desliga a apresentação	Ao chegar a este slide avançando, a tela desliga como um tubo antigo, qualquer que seja a transição do resto do documento. No Markdown: `@ends-presentation`. Só vale no último slide.	ligado

Etiqueta e rodapé também existem no nível da apresentação, na aba Identidade, junto com o título: o que você define lá vale para todos os slides, e o valor do slide vence quando os dois existem.

Um slide em outra cor A cor do slide é útil para marcar um momento — o slide do problema em âmbar, o da solução em mint. Fora desse slide, o tema da apresentação continua valendo.

Números de slide

Número e total aparecem por padrão. Para desligá-los na apresentação inteira, use slidenumbers: false e slidecount: false no cabeçalho; num slide só, [.slidenumbers: false]. Para esconder o rodapé de um slide, [.hide-footer]. Veja Referência da sintaxe.