Skip to content

Commit 6d90ac1

Browse files
khinkkhink
committed
Add the presentation
1 parent 4361409 commit 6d90ac1

File tree

659 files changed

+76129
-0
lines changed

Some content is hidden

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

659 files changed

+76129
-0
lines changed

‎.gitignore

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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
12+
13+
__pycache__/

‎.npmignore

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

‎README.md

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# PyGrunn 2024: Testing Django Applications
2+
3+
A presentation built with [RevealJS](https://revealjs.com/).
4+
5+
## Install
6+
7+
Requirements: NodeJS 18 or up.
8+
9+
```bash
10+
npm install
11+
```
12+
13+
## Run
14+
15+
```bash
16+
npm start
17+
```
18+
19+
## RevealJS commands
20+
21+
- Toggle full screen: `f`
22+
- Open speaker notes: `s`
23+
- Toggle overview mode: `Esc`
24+
- Toggle black screen: `b`
25+
26+
## Editing the presentation
27+
28+
Go to [index.html](./index.html) to edit slides.

‎css/layout.scss

+70
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

+166
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)