Skip to content

Commit 12b58dd

Browse files
committed
start contributing guide
1 parent 22d6544 commit 12b58dd

2 files changed

Lines changed: 74 additions & 55 deletions

File tree

CONTRIBUTING.md

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
# Contribution Guide
2+
3+
## Git Submodule
4+
5+
6+
## Design
7+
8+
###
9+
10+
11+
## Deploy slide deck via GitHub Pages
12+
13+
To deploy the slide decks publicly on https://edubrickshub.github.io/slide-decks/, they are added to the npm scripts and github deploy workflow.
14+
15+
1. Add a build script for that deck to the [package.json](package.json), e.g.
16+
```json
17+
{
18+
...
19+
"build:deckX": "slidev build --out ../../dist/deckX path/to/slides.md",
20+
...
21+
}
22+
```
23+
24+
2. Add to the respective build step to the [deploy.yml](.github/workflows/deploy.yml), e.g.
25+
26+
```yml
27+
- name: Build DeckX
28+
run: npm run build:deckX -- --base /${{github.event.repository.name}}/deckX
29+
```
30+
31+
3. (Optional:) Link the slide deck in the "front page" [index.html](dist/index.html)
32+
33+
34+
## Working with Slidev locally
35+
36+
[Slidev](https://sli.dev/) is a vue.js based framework to build slides from markdown files.
37+
38+
- This can also be used to compile slide decks from individual slides ("EduBricks") or smaller pre-defined slide decks ("EduPaths")
39+
- There's a [vscode extension](https://sli.dev/features/vscode-extension) available
40+
- during watch or build it checks, that all referenced / reused images or imported bricks actually exist
41+
42+
### Install Slidev
43+
44+
```bash
45+
npm install
46+
```
47+
48+
### Watch a Slidev slide deck
49+
50+
You can see an example slide deck built with Slidev here using the following command.
51+
This should open a browser with the presentation, including some presentation controls in the bottom-left corner.
52+
53+
> Note: this will only work, if above `git submodule` are correctly added and pulled locally.
54+
55+
```bash
56+
npm run dev -- slide-decks/2025-11-19_intro-rdm/slides.md
57+
```
58+
59+
### Export a Slidev slide deck to pdf
60+
61+
You can directly export a slide deck to pdf using Slidev's browser controls or use the export command, e.g.
62+
63+
```bash
64+
npm run export -- slide-decks/2025-11-19_intro-rdm/slides.md --output slide-decks/2025-11-19_intro-rdm/slides.pdf
65+
```

README.md

Lines changed: 9 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,22 @@
11
# Slide Decks
22

3-
Minimal repo to showcase EduBricks-based slide decks for FAIR asset reuse.
3+
*EduBricks*-based slide decks for FAIR asset reuse. :stars:
44

5-
Please visit https://edubrickshub.github.io/slide-decks/ to see the examples.
5+
Please visit https://edubrickshub.github.io/slide-decks/ to find the example slide decks.
66

77
## Idea
88

99
- This repository handles slides and styles (no assets, no images) and renders the slide decks via [Slidev](https://sli.dev/)
1010
- Images can be handled and sourced from anywhere else (i.e. URLs) to keep this repo lightweight
11-
- EduBricks/EduPaths are sourced as git submodule from https://github.com/EduBricksHub/EduBricks
11+
- EduBricks & EduPaths are sourced as git submodule from https://github.com/EduBricksHub/EduBricks
1212

13+
## Contribution
1314

14-
## Build as GitHub Pages
15+
Contributions are very welcome. Please check the [contribution guide](./CONTRIBUTING.md) for setups, technical details and design ideas.
1516

16-
To deploy the slide decks publicly on
17+
## License
1718

18-
1. Add a build script for that deck to the [package.json](package.json), e.g.
19-
```json
20-
{
21-
...
22-
"build:deckX": "slidev build --out ../../dist/deckX path/to/slides.md",
23-
...
24-
}
25-
```
19+
This work is licensed under a [Creative Commons Attribution 4.0 International License][cc-by].
2620

27-
2. Add to the respective build step to the [deploy.yml](.github/workflows/deploy.yml), e.g.
28-
29-
```yml
30-
- name: Build DeckX
31-
run: npm run build:deckX -- --base /${{github.event.repository.name}}/deckX
32-
```
33-
34-
3. (Optional:) Link the slide deck in the "front page" [index.html](dist/index.html)
35-
36-
37-
## Working with Slidev locally
38-
39-
[Slidev](https://sli.dev/) is a vue.js based framework to build slides from markdown files.
40-
41-
- This can also be used to compile slide decks from individual slides ("EduBricks") or smaller pre-defined slide decks ("EduPaths")
42-
- There's a [vscode extension](https://sli.dev/features/vscode-extension) available
43-
- during watch or build it checks, that all referenced / reused images or imported bricks actually exist
44-
45-
### Install Slidev
46-
47-
```bash
48-
npm install
49-
```
50-
51-
### Watch a Slidev slide deck
52-
53-
You can see an example slide deck built with Slidev here using the following command.
54-
This should open a browser with the presentation, including some presentation controls in the bottom-left corner.
55-
56-
> Note: this will only work, if above `git submodule` are correctly added and pulled locally.
57-
58-
```bash
59-
npm run dev -- slide-decks/2025-11-19_intro-rdm/slides.md
60-
```
61-
62-
### Export a Slidev slide deck to pdf
63-
64-
You can directly export a slide deck to pdf using Slidev's browser controls or use the export command, e.g.
65-
66-
```bash
67-
npm run export -- slide-decks/2025-11-19_intro-rdm/slides.md --output slide-decks/2025-11-19_intro-rdm/slides.pdf
68-
```
21+
[cc-by]: http://creativecommons.org/licenses/by/4.0/
22+
[cc-by-shield]: https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg

0 commit comments

Comments
 (0)