---
marp: true
theme: uncover
---

<style>
  section {
    font-size: 35px;
  }
</style>

# Bem-vindo ao CodeSlide 🚀

Um criador de slides a partir de markdown

<image src="https://github.githubassets.com/favicons/favicon.png"/> [FranciscoOssian/CodeSlide.git](https://github.com/FranciscoOssian/CodeSlide)

---

Por enquanto ainda é apenas um WebWrapper do [MarpCore](https://marp.app/)
Mas a ideia do projeto é expandir para mais funcionalidades.

---

## Introdução

Bem-vindo,
Esta é uma plataforma poderosa para criação,
compartilhamento e apresentação de slides usando Markdown.
Neste tutorial, vamos explorar as principais funcionalidades e como tirar o máximo proveito da plataforma.

Clique em Share, caso queria ver em tela cheia

---

## Como Usar

### 1. Criando Seu Slide

Para começar, acesse demo.code-slide.foln.dev. Você pode começar digitando seu conteúdo em Markdown, e atualizações instantâneas serão refletidas no seu slide.

---

### 2. Escolhendo um Tema

Personalize a aparência do seu slide escolhendo entre os temas disponibilizados pelo Marp. Isso afeta a visualização do slide, não do site.

---

### 3. Compartilhando com Amigos

A funcionalidade de compartilhamento permite que você convide amigos para visualizar seu slide. Utilizamos WebRTC para garantir uma experiência de compartilhamento escalável.

---

### 4. Exportando para PDF (em breve)

Quando seu slide estiver pronto, você pode exportá-lo como PDF para facilitar o compartilhamento e apresentações offline.

## Recursos Futuros

Estamos sempre trabalhando para melhorar [Nome do Seu Site]. Algumas das próximas funcionalidades incluem:

- recurso para exportar para pdf
- tema escuro e claro do site
- atualizações em tempo real da função share, caso queria simular o usuário hoje tem que dar F5

---

Fique atento às nossas atualizações para aproveitar ao máximo a plataforma!

## Conclusão

Agora que você conhece as principais funcionalidades do Code Slide, comece a criar suas apresentações incríveis. Se precisar de ajuda ou tiver sugestões, entre em contato conosco. Divirta-se criando e compartilhando slides!

---

## Caso queria Contribuir fique a vontade

<image src="https://github.githubassets.com/favicons/favicon.png"/> [FranciscoOssian/CodeSlide.git](https://github.com/FranciscoOssian/CodeSlide)