Slide / Demo interativa

Ideias em movimento

Uma experiência de apresentação construída com Laravel, Livewire e Slidewire.

Pressione Espaço, use → ou deslize para começar.

01 / Explore no seu ritmo

A apresentação também é uma experiência

Teclado, toque ou controles na tela. Você escolhe como seguir a história.

Um pequeno roteiro

01

Uma ideia por vez

Avance com Espaço para revelar os fragmentos.

02

Conteúdo com profundidade

Use ↓ e ↑ na seção de código para explorar os detalhes.

03

Forma e movimento

Descubra diagramas, transições e temas.

O botão com quatro cantos ativa a tela cheia. Esc sai dela.

02 / Fragmentos

Dê espaço para cada ideia

Avance três vezes para construir este raciocínio.

01Comece pelo que importa.

02Acrescente contexto no momento certo.

03Deixe a conversa acompanhar o slide.

03 / Código + slides verticais

O palco é um arquivo Blade

Componentes do pacote organizam o conteúdo. O destaque de sintaxe cuida da leitura do código.

↓ Veja o detalhe em Markdown
↑ Retorne a este exemplo

resources/views/pages/slides/demo.blade.php

<x-slidewire::deck theme="black">
    <x-slidewire::slide>
        <h1>Minha próxima ideia</h1>
    </x-slidewire::slide>
</x-slidewire::deck>

03.1 / Um nível abaixo

Markdown também tem lugar aqui

Este slide está abaixo do exemplo de código, dentro do mesmo assunto.

Escreva títulos, listas e ênfases com Markdown.
Agrupe detalhes sem interromper o caminho principal.
Compartilhe a URL atual para abrir diretamente neste ponto.

Use ↑ para voltar ao código ou → para continuar a apresentação.

04 / Diagramas Mermaid

O caminho de uma apresentação

Um link abre o conteúdo. O Slidewire transforma esse conteúdo em uma experiência navegável.

flowchart TB
    A[Link /demo] --> B[Apresentação Blade]
    B --> C[Slidewire + Livewire]
    C --> D[Ideias na tela]

Descrito em texto. Renderizado pelo pacote.

05 / Layout de etapas

A próxima apresentação

Cada apresentação tem seu conteúdo e um endereço próprio nesta coleção.

1

Crie o conteúdo

Use make:slidewire para gerar um novo arquivo de apresentação.

2

Registre a slug

Adicione título, descrição, categoria e duração em config/presentations.php.

3

Compartilhe o link

A apresentação aparece no catálogo e abre diretamente pela slug, sem login.

06 / Auto-animate · Antes

Encontre o foco

Os mesmos elementos podem mudar de posição e de tamanho entre slides.

Contexto Ideia Detalhes

Avance para ver a transformação.

06 / Auto-animate · Depois

A ideia ocupa o centro

O movimento conecta os dois momentos sem perder a continuidade.

Ideia Contexto Detalhes

07 / Temas + transições

Outra luz, a mesma história

Este slide usa o tema Solarized e uma transição de zoom. Black e fade são os padrões deste deck.

Defina o padrão no deck e personalize apenas os momentos que pedem outra atmosfera.

Fim da demo / Começo das possibilidades

Qual ideia vem a seguir?

O palco está pronto para a próxima história.

Voltar ao catálogo ↗ Recomeçar a demo ↺