https://github.com/jerdog/demystifying-devex-slidev
Slides for talk "Demystifying Developer Experience and why it matters"
https://github.com/jerdog/demystifying-devex-slidev
Last synced: over 1 year ago
JSON representation
Slides for talk "Demystifying Developer Experience and why it matters"
- Host: GitHub
- URL: https://github.com/jerdog/demystifying-devex-slidev
- Owner: jerdog
- License: mit
- Created: 2024-09-06T21:48:26.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-10T16:08:24.000Z (over 1 year ago)
- Last Synced: 2025-02-10T16:21:41.086Z (over 1 year ago)
- Language: CSS
- Size: 29.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Jeremy's base Slidev talk deck
## Dependencies
- Slidev - https://sli.dev/
-
## Using & Development
1. [Fork] (https://github.com/jerdog/jerdog-base-talk-slidev/fork) the repo to your organization
2. Clone the repo
```bash
git clone
cd
```
3. Install dependencies and run the dev server
```bash
npm install
npm run dev
```
4. View the base:
5. Edit the [slides.md](./slides.md) file and then save to see the changes.
Learn more about Slidev at the [documentation](https://sli.dev/).
### Config items
#### Main presentation
For the presentation config, edit the specific YAML entries in the [slides.md](./slides.md) frontmatter:
- `theme:` by default using the `slidev-theme-the-unnamed` theme
- `title:`
- `author:`
- `info:` this block is markdown and is where to put basic info (title, abstract, etc.)
- `conference:` put the conference name, which will be used in the left footer of the presentation
- `keywords:` put the keywords for the presentation
- `favicon:` put the favicon for the presentation, can be a local file or a URL
**Other config items**
- `fonts:` a list of values for the font types (sans, serif, mono) to use in the presentation
- `class:` the default class for the presentation
- `defaults:` default frontmatter for the presentation (layout, transition, etc.)
#### Presentation slides
The slides are written in markdown and HTML, and each slide begins with a `---` line. You can use frontmatter to add additional information to the slide by adding it after the `---` line, and then closing the frontmatter with another `---` line.
You can add specific config for each slide like class, layout, transition, etc.
### Addons
There are a few addons which make sense for these slides, and you include them in the presentation by adding them to the `addons` list in the [slides.md](./slides.md) frontmatter:
```yaml
addons:
- slidev-addons-rabbit
```
- [slidev-addon-qrcode](https://www.npmjs.com/package/slidev-addon-qrcode) - add a QR code to the slide
***Note:*** use the `
` with the class to center the rendered qr code. Remove the `image="/logo.svg"` parameter if you don't want a logo in the center.
```html
```
- [slidev-addon-rabbit](https://www.npmjs.com/package/slidev-addon-rabbit) - add a rabbit at the bottom of the slide which progresses from left to right according to the time you have set with the `?time=xx` with `xx` being the number of minutes for the presentation. If you want the slide number to be shown with the rabbit, add the following to the slide config frontmatter:
```yaml
rabbit:
slideNum: true
```
## LICENSE
MIT License
Copyright (c) 2024-25 Jeremy Meiss.