Skip to content

Commit 3bec011

Browse files
jabrenajabrena
authored
Improving solution to publish Devoxx Be 2025 deck in an inmutable way (#346)
1 parent c5c955d commit 3bec011

109 files changed

Lines changed: 12995 additions & 4 deletions

File tree

Some content is hidden

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

‎docs/dvbe25/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; }

‎docs/dvbe25/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+
}

‎docs/dvbe25/css/print/pdf.scss‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
/**
2+
* This stylesheet is used to print reveal.js
3+
* presentations to PDF.
4+
*
5+
* https://revealjs.com/pdf-export/
6+
*/
7+
8+
html.reveal-print {
9+
* {
10+
-webkit-print-color-adjust: exact;
11+
}
12+
13+
& {
14+
width: 100%;
15+
height: 100%;
16+
overflow: visible;
17+
}
18+
19+
body {
20+
margin: 0 auto !important;
21+
border: 0;
22+
padding: 0;
23+
float: none !important;
24+
overflow: visible;
25+
}
26+
27+
/* Remove any elements not needed in print. */
28+
.nestedarrow,
29+
.reveal .controls,
30+
.reveal .progress,
31+
.reveal .playback,
32+
.reveal.overview,
33+
.state-background {
34+
display: none !important;
35+
}
36+
37+
.reveal pre code {
38+
overflow: hidden !important;
39+
}
40+
41+
.reveal {
42+
width: auto !important;
43+
height: auto !important;
44+
overflow: hidden !important;
45+
}
46+
.reveal .slides {
47+
position: static;
48+
width: 100% !important;
49+
height: auto !important;
50+
zoom: 1 !important;
51+
pointer-events: initial;
52+
53+
left: auto;
54+
top: auto;
55+
margin: 0 !important;
56+
padding: 0 !important;
57+
58+
overflow: visible;
59+
display: block;
60+
61+
perspective: none;
62+
perspective-origin: 50% 50%;
63+
}
64+
65+
.reveal .slides .pdf-page {
66+
position: relative;
67+
overflow: hidden;
68+
z-index: 1;
69+
70+
page-break-after: always;
71+
}
72+
73+
.reveal .slides .pdf-page:last-of-type {
74+
page-break-after: avoid;
75+
}
76+
77+
.reveal .slides section {
78+
visibility: visible !important;
79+
display: block !important;
80+
position: absolute !important;
81+
82+
margin: 0 !important;
83+
padding: 0 !important;
84+
box-sizing: border-box !important;
85+
min-height: 1px;
86+
87+
opacity: 1 !important;
88+
89+
transform-style: flat !important;
90+
transform: none !important;
91+
}
92+
93+
.reveal section.stack {
94+
position: relative !important;
95+
margin: 0 !important;
96+
padding: 0 !important;
97+
page-break-after: avoid !important;
98+
height: auto !important;
99+
min-height: auto !important;
100+
}
101+
102+
.reveal img {
103+
box-shadow: none;
104+
}
105+
106+
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
107+
.reveal .backgrounds {
108+
display: none;
109+
}
110+
.reveal .slide-background {
111+
display: block !important;
112+
position: absolute;
113+
top: 0;
114+
left: 0;
115+
width: 100%;
116+
height: 100%;
117+
z-index: auto !important;
118+
}
119+
120+
/* Display slide speaker notes when 'showNotes' is enabled */
121+
.reveal.show-notes {
122+
max-width: none;
123+
max-height: none;
124+
}
125+
.reveal .speaker-notes-pdf {
126+
display: block;
127+
width: 100%;
128+
height: auto;
129+
max-height: none;
130+
top: auto;
131+
right: auto;
132+
bottom: auto;
133+
left: auto;
134+
z-index: 100;
135+
}
136+
137+
/* Layout option which makes notes appear on a separate page */
138+
.reveal .speaker-notes-pdf[data-layout="separate-page"] {
139+
position: relative;
140+
color: inherit;
141+
background-color: transparent;
142+
padding: 20px;
143+
page-break-after: always;
144+
border: 0;
145+
}
146+
147+
/* Display slide numbers when 'slideNumber' is enabled */
148+
.reveal .slide-number-pdf {
149+
display: block;
150+
position: absolute;
151+
font-size: 14px;
152+
visibility: visible;
153+
}
154+
155+
/* This accessibility tool is not useful in PDF and breaks it visually */
156+
.aria-status {
157+
display: none;
158+
}
159+
}

0 commit comments

Comments
 (0)