Tela de Countdown para Streams

Este repositório contém a tela de countdown usada no canal do Código Falado

Usando este Countdown

1. Baixe o projeto.
2. Troque a imagem de background por uma imagem do seu canal em src/assets/img/background.png.
3. Customize o CSS em src/App.vue para deixar com a fonte do seu canal.
4. Rode npm install para instalar as dependências.
5. Rode npm run build para criar a pasta dist contendo o Countdown funcionando.
6. Acesse a pasta dist através do seu navegador.
7. Você pode definir os minutos e o título da página através de query string na URL. Ex.: https://codigofalado.test/dist?minutes=15&title=Meu+T%C3%ADtulo+De+Exemplo
8. Altere o arquivo public/data.json com o título / subtítulo / parágrafo da sua transmissão sempre que for começar uma nova Live.
9. Adicione o caminho para o /dist/index.html?minutes=15&title=Meu+T%C3%ADtulo+De+Exemplo no OBS via Browser Source

Customizando o Projeto

Setup

npm install

Compila com suporte a hot-reload para desenvolvimento

npm run serve

Compila e minifica para produção

npm run build

Lint

npm run lint