Slides menos estúpidos: StultusVisio
StultusVisio
Não há nada mais improdutivo que montar apresentações de slides!
O tempo que se perde com diagramação, baboseiras, temas e formatação é absurdo!
Acadêmico montando uma apresentação em Power Point.
O formato de arquivo associado aos principais programas de slideshows são estúpidos porque se pressupõe que o computador/aparelho de apresentação tenha o mesmo software instalado. Além disso, a apresentação é mostrada a partir do arquivo editável. Em nenhuma área da informática isso é tão contraproducente! Seria como ler um livro inteiro no Word!
Você e seus slides.
Decidi então criar um sistema próprio e automatizado.
Filosofia
A regra semântica central é a âncora, um termo que inicia no começo da linha com ponto, como .image.
Tentei concentrar a compilação literal de um <div> para cada slide.
O básico da linguagem é o paradigma procedural.
Não há suporte a recorrência, ainda.
Exemplos
Exemplo simples com vídeo, imagem e listas.
Apresentação sobre dor torácica que fiz em 2023, numa versão básica.
Uso
Um software simples que te obriga a montar slides coerentes.
Um slide deve conter apenas um vídeo, duas images ou texto. Evite inserir ambos.
Para fluxogramas, timelines, tabelas e mídias de dados organizados, use Mermaid, conforme exemplo abaixo.
Crie um arquivo como minha_apresentacao.stv e edite-o:
.title Título da apresentação
.foot Um rodapé.
# Estes são comentários porque começam com #.
# As âncoras .script e .style apontam
# para arquivos personalizados de
# configuração. São opcionais.
.script ./Config/style.css
.style ./Config/script.js
---
.heading Os três hífens iniciam um slide.
.list
Primeiro item de uma lista.
Segundo item de uma lista.
Se quiser lista ordenada, use .ordlist
---
.image ./Images/exemplo.jpg
# um slide com imagem
---
.video ./Videos/exemplo.mp4
# slide com vídeo
---
.urlvideo "iframe do YouTube"
# esta âncora .urlvideo serve para integrar iframes
---
.heading Exemplo de fluxograma em mermaid
.mermaid
graph TD
A --- B
B-->C[fa:fa-ban Fim]
B-->D(fa:fa-spinner);
C-->A
---
.subheading Um slide com tabela
.table
Coluna 1 | Coluna 2 | Coluna 3
Item 1 | Item 2 | Item 3
Última 1 | Última 2 | Última 3
---
.heading Um exemplo de lista ordenada.
.ordlist
Primeiro item numerado.
Segundo.
Mais um.
Último.
No mesmo diretório do arquvio, execute o StultusVisio:
$ stultusvisio minha_apresentacao.stv
A apresentação em HTML será criada no mesmo diretório, com mesmo nome do arquivo.
Abra-a em qualquer navegador web. O arquivo é portável e único. Basta compartilhar o HTML em si.
Para personalizar estilos e comportamento, aponte para arquivos personalizados de script.js e style.css.
❗Erros de sintaxe no arquivo presentation.stv são renderizados como slides com uma mensagem de erro.
⚠️ A violação da filosofia do software produz comportamento imprevisto.
Controles
t : Abra/feche a ajuda.
j : Vá ao próximo slide.
k : Vá ao slide anterior.
p : Alterne para modo printável.
gg : Vá ao primeiro slide.
G : Vá ao último slide.
m : Abra o marcador interativo.
x : Altere tamanho do marcador.
Deslize para passar slides em telas móveis com aparelho deitado.
Salvar como PDF
Pressione p para alternar no modo printável.
Em qualquer navegador, escolha modo landscape e em opções avançadas, desmarque headers and footers ou cabeçalhos e rodapés.
Imprima na opção Salvar para PDF.
Desenvolvimento
Se você é programador, acesse aqui a documentação.
Progresso
- básico de uso geral.
- marcador circular.
- controles vim-like.
- implementar opção STDIN file.
- implementar tabelas.
- marcador do tipo desenho.
- zoom ad-hoc do slide atual.
- incluir arquivos de fontes.