Skip to content

Commit fab5812

Browse files
github-actions[bot]github-actions[bot]
committed
Deploy Marp slides [skip ci]
0 parents  commit fab5812

10 files changed

Lines changed: 1162 additions & 0 deletions

File tree

‎.deploy/figures/illustrations/dependency-inferno.png‎

3.45 MB
Loading

‎.deploy/figures/illustrations/dependency_hell.png‎

4.28 MB
Loading

‎.deploy/figures/illustrations/pythons_nine_circles.png‎

3.75 MB
Loading

‎.deploy/index.html‎

Lines changed: 261 additions & 0 deletions
Large diffs are not rendered by default.

‎.deploy/theme.css‎

Lines changed: 320 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,320 @@
1+
/* ngi-theme.css*/
2+
/* @theme ngi-theme */
3+
4+
@import 'default';
5+
6+
section {
7+
/* Override default background */
8+
background-color: #F5F5F5;
9+
color: black;
10+
font-family: 'Times New Roman';
11+
/*justify-content: flex-start;*/
12+
}
13+
14+
15+
h1 {
16+
color: #B22222;
17+
}
18+
19+
h2 {
20+
color: gray;
21+
/* color: #7F8C8D; */
22+
}
23+
24+
slide {
25+
font-family: 'Times New Roman', serif !important;
26+
}
27+
28+
section::after {
29+
content: attr(data-marpit-pagination) ' / ' attr(data-marpit-pagination-total);
30+
}
31+
32+
td,
33+
th {
34+
border: none !important;
35+
}
36+
37+
/* Reset table styling provided by theme */
38+
table,
39+
tr,
40+
td,
41+
th {
42+
all: unset;
43+
44+
/* Override contextual styling */
45+
border: 0 !important;
46+
background: transparent !important;
47+
}
48+
49+
table {
50+
display: table;
51+
}
52+
53+
tr {
54+
display: table-row;
55+
}
56+
57+
/* ...and layout freely :) */
58+
table {
59+
width: 100%;
60+
}
61+
62+
td {
63+
text-align: center;
64+
vertical-align: middle;
65+
}
66+
67+
td,
68+
th {
69+
display: table-cell;
70+
}
71+
img {
72+
background-color: transparent !important;
73+
box-sizing: initial;
74+
max-width: 100%;
75+
}
76+
77+
figure {
78+
border: thin #c0c0c0 solid;
79+
display: flex;
80+
flex-flow: column;
81+
padding: 5px;
82+
max-width: 220px;
83+
margin: auto;
84+
}
85+
86+
87+
section.title {
88+
--title-height: 130px;
89+
--subtitle-height: 70px;
90+
--subsubtitle-height: 50px;
91+
92+
overflow: visible;
93+
display: grid;
94+
grid-template-columns: 1fr;
95+
grid-template-rows: 1fr var(--title-height) var(--subtitle-height) var(--subsubtitle-height) 1fr;
96+
grid-template-areas: "." "title" "subtitle" "subsubtitle" ".";
97+
}
98+
99+
section.title h1,
100+
section.title h2,
101+
section.title h3 {
102+
margin: 0;
103+
padding: 0;
104+
text-align: center;
105+
height: var(--area-height);
106+
line-height: var(--area-height);
107+
font-size: calc(var(--area-height) * 0.7);
108+
109+
border: 0px dashed gray;
110+
/* debug */
111+
}
112+
113+
section.title h1 {
114+
grid-area: title;
115+
--area-height: var(--title-height);
116+
}
117+
118+
section.title h2 {
119+
grid-area: subtitle;
120+
--area-height: var(--subtitle-height);
121+
}
122+
123+
section.title h3 {
124+
grid-area: subsubtitle;
125+
text-align: center;
126+
--area-height: var(--subsubtitle-height);
127+
}
128+
129+
section.split-text {
130+
overflow: visible;
131+
display: grid;
132+
grid-template-columns: 500px 500px;
133+
grid-template-rows: 100px auto;
134+
grid-template-areas:
135+
"slideheading slideheading"
136+
"leftpanel rightpanel";
137+
}
138+
139+
/* debug */
140+
section.split-text h3,
141+
section.split-text .ldiv,
142+
section.split-text .rdiv {
143+
border: none;
144+
}
145+
146+
section.split-text h3 {
147+
grid-area: slideheading;
148+
font-size: 50px;
149+
}
150+
151+
section.split-text .ldiv {
152+
grid-area: leftpanel;
153+
text-align: left;
154+
}
155+
156+
section.split-text .rdiv {
157+
grid-area: rightpanel;
158+
text-align: left;
159+
}
160+
161+
section.split-text-image {
162+
overflow: visible;
163+
display: grid;
164+
grid-template-columns: 1fr 1fr;
165+
/* Use fractions for responsive columns */
166+
grid-template-rows: auto auto;
167+
/* Automatically adjust row heights */
168+
grid-template-areas:
169+
"slideheading slideheading"
170+
/* Header spans both columns */
171+
"leftpanel rightpanel";
172+
/* Panels for images */
173+
}
174+
175+
/* Debug */
176+
section.split-text-image h3,
177+
section.split-text-image .ldiv,
178+
section.split-text-image .rdiv {
179+
border: none;
180+
/* No border for debug mode */
181+
}
182+
183+
section.split-text-image {
184+
overflow: visible;
185+
display: grid;
186+
grid-template-columns: 1fr 1fr;
187+
/* Use fractions for responsive columns */
188+
grid-template-rows: auto auto;
189+
/* Automatically adjust row heights */
190+
grid-template-areas:
191+
"slideheading slideheading"
192+
/* Header spans both columns */
193+
"leftpanel rightpanel";
194+
/* Panels for images */
195+
}
196+
197+
/* Debug */
198+
section.split-text-image h1,
199+
section.split-text-image .ldiv,
200+
section.split-text-image .rdiv {
201+
border: none;
202+
/* No border for debug mode */
203+
}
204+
205+
section.split-text-image h1 {
206+
grid-area: slideheading;
207+
/* Place the header in the first row */
208+
font-size: 50px;
209+
/* Set the font size for the header */
210+
text-align: center;
211+
/* Center the header text */
212+
margin: 0;
213+
/* Remove default margin */
214+
overflow: hidden;
215+
/* Hide overflow if text is too long */
216+
text-overflow: ellipsis;
217+
/* Add ellipsis if the text overflows */
218+
}
219+
220+
section.split-text-image .ldiv {
221+
grid-area: leftpanel;
222+
/* Place left image in the left column */
223+
display: flex;
224+
/* Use flexbox for image alignment */
225+
justify-content: center;
226+
/* Center image horizontally */
227+
align-items: center;
228+
/* Center image vertically */
229+
}
230+
231+
section.split-text-image .rdiv {
232+
grid-area: rightpanel;
233+
/* Place right image in the right column */
234+
display: flex;
235+
/* Use flexbox for image alignment */
236+
justify-content: center;
237+
/* Center image horizontally */
238+
align-items: center;
239+
/* Center image vertically */
240+
}
241+
242+
img {
243+
max-width: 100%;
244+
/* Responsive images */
245+
height: auto;
246+
/* Maintain aspect ratio */
247+
}
248+
249+
250+
section.body-quote {
251+
margin: 1em;
252+
font: 1.2rem/1.4 Georgia, serif;
253+
}
254+
255+
section.body-quote {
256+
margin: 0;
257+
background: #eee;
258+
padding: 1em;
259+
border-radius: 1em;
260+
}
261+
262+
figcaption {
263+
position: right;
264+
bottom: 0;
265+
padding: 15px;
266+
color: black;
267+
background-color: #F5F5F5;
268+
text-align: right;
269+
font-size: 1rem;
270+
width: 100%;
271+
}
272+
273+
274+
div.twocols {
275+
margin-top: 35px;
276+
column-count: 2;
277+
}
278+
279+
div.twocols p:first-child,
280+
div.twocols h1:first-child,
281+
div.twocols h2:first-child,
282+
div.twocols ul:first-child,
283+
div.twocols ul li:first-child,
284+
div.twocols ul li p:first-child {
285+
margin-top: 0 !important;
286+
}
287+
288+
div.twocols p.break {
289+
break-before: column;
290+
margin-top: 0;
291+
}
292+
293+
/* CSS to align the term to the right */
294+
.right-aligned {
295+
text-align: right;
296+
font-style: italic;
297+
margin-top: 0.5rem;
298+
/* Add some spacing from the quote */
299+
display: block;
300+
}
301+
302+
303+
div.twocols {
304+
margin-top: 35px;
305+
column-count: 2;
306+
}
307+
308+
div.twocols p:first-child,
309+
div.twocols h1:first-child,
310+
div.twocols h2:first-child,
311+
div.twocols ul:first-child,
312+
div.twocols ul li:first-child,
313+
div.twocols ul li p:first-child {
314+
margin-top: 0 !important;
315+
}
316+
317+
div.twocols p.break {
318+
break-before: column;
319+
margin-top: 0;
320+
}

‎figures/illustrations/dependency-inferno.png‎

3.45 MB
Loading

‎figures/illustrations/dependency_hell.png‎

4.28 MB
Loading

‎figures/illustrations/pythons_nine_circles.png‎

3.75 MB
Loading

‎index.html‎

Lines changed: 261 additions & 0 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)