Skip to content

Commit dda42f9

Browse files
authored
feat: adds slides.js implementation of course slides (#694)
* feat: adds initial slidesjs setup * chore: updates links on README Signed-off-by: Anthony D. Mays <[email protected]> * chore: makes syllabus links relative Signed-off-by: Anthony D. Mays <[email protected]> * chore: implements custom style for title slides Signed-off-by: Anthony D. Mays <[email protected]> * chore: adds custom styles for ml template Signed-off-by: Anthony D. Mays <[email protected]> * chore: adds the search plugin --------- Signed-off-by: Anthony D. Mays <[email protected]>
1 parent ea481aa commit dda42f9

File tree

1,094 files changed

+42096
-28
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,094 files changed

+42096
-28
lines changed

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,3 +150,6 @@ venv/
150150
pip-log.txt
151151
.vercel
152152
.env*.local
153+
154+
# Custom
155+
!slides/dist/

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
[![Check Push](https://github.com/code-differently/code-differently-24-q4/actions/workflows/check_push.yml/badge.svg)](https://github.com/code-differently/code-differently-24-q4/actions/workflows/check_push.yml)
55

66
### Purpose
7-
Main project repo for the Code Differently 2024 Q4 cohort. Read the [syllabus](/syllabus/) for more information about the class. Use the lesson folders to find and submit homework assignments.
7+
Main project repo for the Code Differently 2024 Q4 cohort. Read the [syllabus](syllabus/) for more information about the class. Use the lesson folders to find and submit homework assignments.
88

99
### Preview
1010
1. Install VS Code and Docker. You can references the [instructions here][dev-container-instructions], if needed.

slides/.github/CONTRIBUTING.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
## Contributing
2+
Please keep the [issue tracker](https://github.com/hakimel/reveal.js/issues) limited to **bug reports**.
3+
4+
5+
### General Questions and Support
6+
If you have questions about how to use reveal.js the best place to ask is in the [Discussions](https://github.com/hakimel/reveal.js/discussions). Anything that isn't a bug report should be posted as a dicussion instead.
7+
8+
9+
### Bug Reports
10+
When reporting a bug make sure to include information about which browser and operating system you are on as well as the necessary steps to reproduce the issue. If possible please include a link to a sample presentation where the bug can be tested.
11+
12+
13+
### Pull Requests
14+
- Should be submitted from a feature/topic branch (not your master)
15+
- Should follow the coding style of the file you work in, most importantly:
16+
- Tabs to indent
17+
- Single-quoted strings
18+
19+
20+
### Plugins
21+
Please do not submit plugins as pull requests. They should be maintained in their own separate repository. More information here: https://github.com/hakimel/reveal.js/wiki/Plugin-Guidelines

slides/.github/FUNDING.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
github: [hakimel]

slides/.github/workflows/js.yml

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
name: tests
2+
3+
on:
4+
- push
5+
6+
permissions:
7+
contents: read
8+
9+
jobs:
10+
build:
11+
runs-on: ubuntu-latest
12+
13+
strategy:
14+
matrix:
15+
node-version:
16+
- 18
17+
- 20
18+
19+
steps:
20+
- uses: actions/checkout@v4
21+
22+
- name: Use Node.js ${{ matrix.node-version }}
23+
uses: actions/setup-node@v4
24+
with:
25+
node-version: ${{ matrix.node-version }}
26+
27+
- run: npm install
28+
- run: npm run build --if-present
29+
- run: npm test
30+
env:
31+
CI: true

slides/.gitignore

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
.idea/
2+
*.iml
3+
*.iws
4+
*.eml
5+
out/
6+
.DS_Store
7+
.svn
8+
log/*.log
9+
tmp/**
10+
node_modules/
11+
.sass-cache

slides/.npmignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/test
2+
/examples
3+
.github
4+
.sass-cache
5+
gulpfile.js

slides/LICENSE

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
Copyright (C) 2011-2024 Hakim El Hattab, http://hakim.se, and reveal.js contributors
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy
4+
of this software and associated documentation files (the "Software"), to deal
5+
in the Software without restriction, including without limitation the rights
6+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7+
copies of the Software, and to permit persons to whom the Software is
8+
furnished to do so, subject to the following conditions:
9+
10+
The above copyright notice and this permission notice shall be included in
11+
all copies or substantial portions of the Software.
12+
13+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19+
THE SOFTWARE.

slides/README.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<p align="center">
2+
<a href="https://revealjs.com">
3+
<img src="https://hakim-static.s3.amazonaws.com/reveal-js/logo/v1/reveal-black-text-sticker.png" alt="reveal.js" width="500">
4+
</a>
5+
<br><br>
6+
<a href="https://github.com/hakimel/reveal.js/actions"><img src="https://github.com/hakimel/reveal.js/workflows/tests/badge.svg"></a>
7+
<a href="https://slides.com/"><img src="https://s3.amazonaws.com/static.slid.es/images/slides-github-banner-320x40.png?1" alt="Slides" width="160" height="20"></a>
8+
</p>
9+
10+
reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free. Check out the live demo at [revealjs.com](https://revealjs.com/).
11+
12+
The framework comes with a powerful feature set including [nested slides](https://revealjs.com/vertical-slides/), [Markdown support](https://revealjs.com/markdown/), [Auto-Animate](https://revealjs.com/auto-animate/), [PDF export](https://revealjs.com/pdf-export/), [speaker notes](https://revealjs.com/speaker-view/), [LaTeX typesetting](https://revealjs.com/math/), [syntax highlighted code](https://revealjs.com/code/) and an [extensive API](https://revealjs.com/api/).
13+
14+
---
15+
16+
Want to create reveal.js presentation in a graphical editor? Try <https://slides.com>. It's made by the same people behind reveal.js.
17+
18+
---
19+
20+
### Sponsors
21+
Hakim's open source work is supported by <a href="https://github.com/sponsors/hakimel">GitHub sponsors</a>. Special thanks to:
22+
<div align="center">
23+
<table>
24+
<td align="center">
25+
<a href="https://workos.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=revealjs&utm_source=github">
26+
<div>
27+
<img src="https://user-images.githubusercontent.com/629429/151508669-efb4c3b3-8fe3-45eb-8e47-e9510b5f0af1.svg" width="290" alt="WorkOS">
28+
</div>
29+
<b>Your app, enterprise-ready.</b>
30+
<div>
31+
<sub>Start selling to enterprise customers with just a few lines of code. Add Single Sign-On (and more) in minutes instead of months.</sup>
32+
</div>
33+
</a>
34+
</td>
35+
</table>
36+
</div>
37+
38+
---
39+
40+
### Getting started
41+
- 🚀 [Install reveal.js](https://revealjs.com/installation)
42+
- 👀 [View the demo presentation](https://revealjs.com/demo)
43+
- 📖 [Read the documentation](https://revealjs.com/markup/)
44+
- 🖌 [Try the visual editor for reveal.js at Slides.com](https://slides.com/)
45+
- 🎬 [Watch the reveal.js video course (paid)](https://revealjs.com/course)
46+
47+
---
48+
<div align="center">
49+
MIT licensed | Copyright © 2011-2024 Hakim El Hattab, https://hakim.se
50+
</div>

slides/css/layout.scss

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
/**
2+
* Layout helpers.
3+
*/
4+
5+
// Stretch an element vertically based on available space
6+
.reveal .stretch,
7+
.reveal .r-stretch {
8+
max-width: none;
9+
max-height: none;
10+
}
11+
12+
.reveal pre.stretch code,
13+
.reveal pre.r-stretch code {
14+
height: 100%;
15+
max-height: 100%;
16+
box-sizing: border-box;
17+
}
18+
19+
// Text that auto-fits its container
20+
.reveal .r-fit-text {
21+
display: inline-block; // https://github.com/rikschennink/fitty#performance
22+
white-space: nowrap;
23+
}
24+
25+
// Stack multiple elements on top of each other
26+
.reveal .r-stack {
27+
display: grid;
28+
grid-template-rows: 100%;
29+
}
30+
31+
.reveal .r-stack > * {
32+
grid-area: 1/1;
33+
margin: auto;
34+
}
35+
36+
// Horizontal and vertical stacks
37+
.reveal .r-vstack,
38+
.reveal .r-hstack {
39+
display: flex;
40+
41+
img, video {
42+
min-width: 0;
43+
min-height: 0;
44+
object-fit: contain;
45+
}
46+
}
47+
48+
.reveal .r-vstack {
49+
flex-direction: column;
50+
align-items: center;
51+
justify-content: center;
52+
}
53+
54+
.reveal .r-hstack {
55+
flex-direction: row;
56+
align-items: center;
57+
justify-content: center;
58+
}
59+
60+
// Naming based on tailwindcss
61+
.reveal .items-stretch { align-items: stretch; }
62+
.reveal .items-start { align-items: flex-start; }
63+
.reveal .items-center { align-items: center; }
64+
.reveal .items-end { align-items: flex-end; }
65+
66+
.reveal .justify-between { justify-content: space-between; }
67+
.reveal .justify-around { justify-content: space-around; }
68+
.reveal .justify-start { justify-content: flex-start; }
69+
.reveal .justify-center { justify-content: center; }
70+
.reveal .justify-end { justify-content: flex-end; }

0 commit comments

Comments
 (0)