@@ -47,357 +41,247 @@ Presentation slides for developers
...
@@ -47,357 +41,247 @@ Presentation slides for developers
The last comment block of each slide will be treated as slide notes. It will be visible and editable in Presenter Mode along with the slide. [Read more in the docs](https://sli.dev/guide/syntax.html#notes)
The last comment block of each slide will be treated as slide notes. It will be visible and editable in Presenter Mode along with the slide. [Read more in the docs](https://sli.dev/guide/syntax.html#notes)
-->
-->
---
layout: image-right
image: https://source.unsplash.com/AT77Q0Njnt0
---
---
# What is Slidev?
# Sommaire
Slidev is a slides maker and presenter designed for developers, consist of the following features
- 📝 **Text-based** - focus on the content with Markdown, and then style them later
- 🎨 **Themable** - theme can be shared and used with npm packages
- 🧑💻 **Developer Friendly** - code highlighting, live coding with autocompletion
- 🤹 **Interactive** - embedding Vue components to enhance your expressions
- 🎥 **Recording** - built-in recording and camera view
- 📤 **Portable** - export into PDF, PNGs, or even a hostable SPA
- 🛠 **Hackable** - anything possible on a webpage
<br>
<br/>
<br>
Read more about [Why Slidev?](https://sli.dev/guide/why)
- 👋 **Introduction**
- ⏲️ **Bilan 2021**
- 📊 Les stats
- 🤑 Le Budjet
- 🤔 Mon retour
- 🔮 **La suite pour 2023**
<!--
🙏 Tu connais la chanson : **abonne-toi, active la cloche et met des pouces** 👍
You can have `style` tag in markdown to override the style for the current page.
You can use Vue components directly inside your slides.
## Comparaison avec 2020
We have provided a few built-in components like `<Tweet/>` and `<Youtube/>` that you can use directly. And adding your custom components is also super easy.
| | 2020 | 2021 | Tendance |
| --- | ---- | ---- | ---- |
| Téléchargements | 23,8k | 23,5k | ➡️ |
| Épisodes | 41 | 21 | ↘️ |
```html
<br/>
<Counter:count="10"/>
<br/>
```
<!-- ./components/Counter.vue -->
> 48k téléchargements au total
<Counter:count="10"m="t-4"/>
Check out [the guides](https://sli.dev/builtin/components.html) for more.
Slidev comes with powerful theming support. Themes can provide styles, layouts, components, or even configurations for tools. Switching between themes by just **one edit** in your frontmatter:
You can create diagrams / graphs from textual descriptions, directly in your Markdown.
## Flops ⬇️
- Année en retrait
- Formation ❌
- Pas de suivis des stats
<div class="grid grid-cols-3 gap-10 pt-4 -mb-6">
## Top ⬆️
- Renforcement de la communauté
- Gain d'experience
- Image de marque
```mermaid {scale: 0.5}
---
sequenceDiagram
layout: cover
Alice->John: Hello John, how are you?
---
Note over Alice,John: A typical interaction
# La suite pour 2022 🔮
```
Qu'est-ce que je vous reserve ?
```mermaid {theme: 'neutral', scale: 0.8}
---
graph TD
B[Text] --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
```plantuml {scale: 0.7}
# YouTube
@startuml
package "Some Group" {
## La chaîne
HTTP - [First Component]
- Retour des TUTO
[Another Component]
- Activation de l'espace membre et des superchats
}
node "Other Groups" {
## Lives
FTP - [Second Component]
- Live mensuel tous les 1er vendredis à 17h
[First Component] --> FTP
- Plus de Libre Antenne (1 par trimestre)
}
cloud {
---
[Example 1]
}
# Les Compagnons du DevOps
database "MySql" {
- Arrivé des modérateurs
folder "This is my folder" {
- Changement de serveurs
[Folder 3]
- Arrivé du wiki
}
frame "Foo" {
[Frame 4]
}
}
[Another Component] --> [Example 1]
---
[Example 1] --> [Folder 3]
[Folder 3] --> [Frame 4]
@enduml
# Les services
```
</div>
-Une formation par trimestre
-Lancement des mentorats d'équipes
-Lancement des mentorats de Groupe GitLab
-Lancement de l'offre [Mentor DevOps as a service](https://forum.compagnons-devops.fr/t/je-me-questionne-sur-une-offre-mentor-devops-as-a-service/1235)
