Skip to content

Commit aa3575f

Browse files
danieldanieleckidanieldanielecki
committed
feat: add presentation theme
1 parent f13df86 commit aa3575f

File tree

22,462 files changed

+2388811
-1
lines changed

Some content is hidden

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

22,462 files changed

+2388811
-1
lines changed

‎.DS_Store‎

6 KB
Binary file not shown.

‎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.

‎README.md‎

Lines changed: 50 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,50 @@
1-
# presentations-theme
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>

‎css/.DS_Store‎

6 KB
Binary file not shown.

‎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; }

‎css/print/paper.scss‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
2+
@media print {
3+
html:not(.print-pdf) {
4+
overflow: visible;
5+
width: auto;
6+
height: auto;
7+
8+
body {
9+
margin: 0;
10+
padding: 0;
11+
overflow: visible;
12+
}
13+
}
14+
15+
html:not(.print-pdf) .reveal {
16+
background: #fff;
17+
font-size: 20pt;
18+
19+
.controls,
20+
.state-background,
21+
.progress,
22+
.backgrounds,
23+
.slide-number {
24+
display: none !important;
25+
}
26+
27+
p, td, li {
28+
font-size: 20pt!important;
29+
color: #000;
30+
}
31+
32+
h1,h2,h3,h4,h5,h6 {
33+
color: #000!important;
34+
height: auto;
35+
line-height: normal;
36+
text-align: left;
37+
letter-spacing: normal;
38+
}
39+
40+
h1 { font-size: 28pt !important; }
41+
h2 { font-size: 24pt !important; }
42+
h3 { font-size: 22pt !important; }
43+
h4 { font-size: 22pt !important; font-variant: small-caps; }
44+
h5 { font-size: 21pt !important; }
45+
h6 { font-size: 20pt !important; font-style: italic; }
46+
47+
a:link,
48+
a:visited {
49+
color: #000 !important;
50+
font-weight: bold;
51+
text-decoration: underline;
52+
}
53+
54+
ul, ol, div, p {
55+
visibility: visible;
56+
position: static;
57+
width: auto;
58+
height: auto;
59+
display: block;
60+
overflow: visible;
61+
margin: 0;
62+
text-align: left !important;
63+
}
64+
pre,
65+
table {
66+
margin-left: 0;
67+
margin-right: 0;
68+
}
69+
pre code {
70+
padding: 20px;
71+
}
72+
blockquote {
73+
margin: 20px 0;
74+
}
75+
76+
.slides {
77+
position: static !important;
78+
width: auto !important;
79+
height: auto !important;
80+
81+
left: 0 !important;
82+
top: 0 !important;
83+
margin-left: 0 !important;
84+
margin-top: 0 !important;
85+
padding: 0 !important;
86+
zoom: 1 !important;
87+
transform: none !important;
88+
89+
overflow: visible !important;
90+
display: block !important;
91+
92+
text-align: left !important;
93+
perspective: none;
94+
95+
perspective-origin: 50% 50%;
96+
}
97+
.slides section {
98+
visibility: visible !important;
99+
position: static !important;
100+
width: auto !important;
101+
height: auto !important;
102+
display: block !important;
103+
overflow: visible !important;
104+
105+
left: 0 !important;
106+
top: 0 !important;
107+
margin-left: 0 !important;
108+
margin-top: 0 !important;
109+
padding: 60px 20px !important;
110+
z-index: auto !important;
111+
112+
opacity: 1 !important;
113+
114+
page-break-after: always !important;
115+
116+
transform-style: flat !important;
117+
transform: none !important;
118+
transition: none !important;
119+
}
120+
.slides section.stack {
121+
padding: 0 !important;
122+
}
123+
.slides section:last-of-type {
124+
page-break-after: avoid !important;
125+
}
126+
.slides section .fragment {
127+
opacity: 1 !important;
128+
visibility: visible !important;
129+
130+
transform: none !important;
131+
}
132+
133+
.r-fit-text {
134+
white-space: normal !important;
135+
}
136+
137+
section img {
138+
display: block;
139+
margin: 15px 0px;
140+
background: rgba(255,255,255,1);
141+
border: 1px solid #666;
142+
box-shadow: none;
143+
}
144+
145+
section small {
146+
font-size: 0.8em;
147+
}
148+
149+
.hljs {
150+
max-height: 100%;
151+
white-space: pre-wrap;
152+
word-wrap: break-word;
153+
word-break: break-word;
154+
font-size: 15pt;
155+
}
156+
157+
.hljs .hljs-ln-numbers {
158+
white-space: nowrap;
159+
}
160+
161+
.hljs td {
162+
font-size: inherit !important;
163+
color: inherit !important;
164+
}
165+
}
166+
}

0 commit comments

Comments
 (0)