Skip to content

Commit 9c7de40

Browse files
danieldanieleckidanieldanielecki
committed
feat: tweaks for our custom styling
1 parent f979ff6 commit 9c7de40

21 files changed

+149
-53
lines changed

‎README.md‎

Lines changed: 5 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,8 @@
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>
1+
# Presentation Theme
92

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/).
3+
This repository acts as a presentation theme for our courses.
114

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/).
5+
## Instruction
136

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>
7+
1. `git clone https://github.com/Ditectrev/__presentation-slides` in the repository of our book & course, and keep it like that without changing the name, so the slides are always visible on top of the list of fiels & folders.
8+
2. Follow [https://revealjs.com](https://revealjs.com) how to use the software to make presentations.

‎css/reveal.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -198,7 +198,7 @@ html.reveal-full-page {
198198
color: #17ff2e;
199199
}
200200
.reveal .fragment.highlight-blue.visible {
201-
color: #1b91ff;
201+
color: #3f51b5;
202202
}
203203

204204
.reveal .fragment.highlight-current-red.current-fragment {
@@ -208,7 +208,7 @@ html.reveal-full-page {
208208
color: #17ff2e;
209209
}
210210
.reveal .fragment.highlight-current-blue.current-fragment {
211-
color: #1b91ff;
211+
color: #3f51b5;
212212
}
213213

214214

‎css/theme/template/theme.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,11 @@
99
.reveal-viewport {
1010
@include bodyBackground();
1111
background-color: var(--r-background-color);
12+
background-image: linear-gradient(to right, rgba(255,255,255, 0.8) 0 80%), url(../../images/background.png);
13+
background-size: cover;
14+
background-repeat: no-repeat;
15+
background-position: center;
16+
background-size: cover;
1217
}
1318

1419
.reveal {

‎dist/reveal.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/theme/beige.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,11 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
5050
background: -ms-radial-gradient(center, circle cover, rgb(255, 255, 255) 0%, rgb(247, 242, 211) 100%);
5151
background: radial-gradient(center, circle cover, rgb(255, 255, 255) 0%, rgb(247, 242, 211) 100%);
5252
background-color: var(--r-background-color);
53+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
54+
background-size: cover;
55+
background-repeat: no-repeat;
56+
background-position: center;
57+
background-size: cover;
5358
}
5459

5560
.reveal {

‎dist/theme/black-contrast.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
4646
.reveal-viewport {
4747
background: #000000;
4848
background-color: var(--r-background-color);
49+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
50+
background-size: cover;
51+
background-repeat: no-repeat;
52+
background-position: center;
53+
background-size: cover;
4954
}
5055

5156
.reveal {

‎dist/theme/black.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
4343
.reveal-viewport {
4444
background: #191919;
4545
background-color: var(--r-background-color);
46+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
47+
background-size: cover;
48+
background-repeat: no-repeat;
49+
background-position: center;
50+
background-size: cover;
4651
}
4752

4853
.reveal {

‎dist/theme/blood.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
4949
.reveal-viewport {
5050
background: #222;
5151
background-color: var(--r-background-color);
52+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
53+
background-size: cover;
54+
background-repeat: no-repeat;
55+
background-position: center;
56+
background-size: cover;
5257
}
5358

5459
.reveal {

‎dist/theme/dracula.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
5050
.reveal-viewport {
5151
background: #282A36;
5252
background-color: var(--r-background-color);
53+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
54+
background-size: cover;
55+
background-repeat: no-repeat;
56+
background-position: center;
57+
background-size: cover;
5358
}
5459

5560
.reveal {

‎dist/theme/league.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
5252
background: -ms-radial-gradient(center, circle cover, rgb(85, 90, 95) 0%, rgb(28, 30, 32) 100%);
5353
background: radial-gradient(center, circle cover, rgb(85, 90, 95) 0%, rgb(28, 30, 32) 100%);
5454
background-color: var(--r-background-color);
55+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0 80%), url(../../images/background.png);
56+
background-size: cover;
57+
background-repeat: no-repeat;
58+
background-position: center;
59+
background-size: cover;
5560
}
5661

5762
.reveal {

0 commit comments

Comments
 (0)