Skip to content

Commit 48c0081

Browse files
author
committed
Deployed b8e68a6 with MkDocs version: 1.6.1
1 parent 28504ec commit 48c0081

File tree

5 files changed

+516
-0
lines changed

5 files changed

+516
-0
lines changed

‎assets/images/social/index.png‎

0 Bytes
Loading

‎css/extra.css‎

Lines changed: 392 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,392 @@
1+
/* ---------------------------------------------------------------------------------------------- */
2+
3+
/* Justify all text */
4+
.md-typeset p, ul {
5+
text-align: justify
6+
}
7+
8+
/* Slightly more compact lines, shouldn't hurt readability */
9+
.md-typeset {
10+
line-height: 1.4;
11+
}
12+
13+
h1, h2, h3 {
14+
font-family: 'Roboto Slab', serif;
15+
}
16+
17+
/* Hide "Important" admonition, GitHub alerts workaround */
18+
.md-typeset .admonition.important,
19+
.md-typeset details.important {
20+
display: none;
21+
}
22+
23+
/* .md-tabs__link {
24+
font-weight: bold;
25+
} */
26+
27+
/* Remove underline, striketrough inside critics { } */
28+
ins.critic, del.critic {
29+
text-decoration: none;
30+
}
31+
32+
/* Operating system logos */
33+
.os-logo {
34+
vertical-align: middle;
35+
border-radius: 20%;
36+
width: 80px;
37+
}
38+
39+
/* Better nested unordered lists */
40+
article ul ul {
41+
list-style-type: circle !important;}
42+
article ul ul ul {
43+
list-style-type: square !important;}
44+
45+
/* Thinner table items */
46+
.slim-table > tr > td {
47+
padding: 0.25em !important;
48+
}
49+
div.tabbed-block > p:empty {
50+
display: none;
51+
}
52+
53+
/* More material-dark looking colors than slate */
54+
[data-md-color-scheme=slate] {
55+
--md-footer-bg-color--dark: hsla(var(--md-hue), 0%, 10%, 1);
56+
--md-footer-bg-color: hsla(var(--md-hue), 0%, 10%, 1);
57+
--md-default-bg-color: hsla(var(--md-hue), 0%, 15%, 1);
58+
--md-code-bg-color: hsla(var(--md-hue), 0%, 12%, 1);
59+
}
60+
61+
/* Better slate header color */
62+
[data-md-color-scheme=slate] {
63+
.md-tabs, .md-header {
64+
background-color: hsl(0, 0%, 20%);
65+
background-image: none;
66+
}
67+
}
68+
69+
/* Better code background color */
70+
[data-md-color-scheme=default] {
71+
--md-code-bg-color: hsla(var(--md-hue), 0%, 96%, 1);
72+
}
73+
74+
/* Dark gray 'currently selected' tab bar */
75+
[data-md-color-scheme=default] .tabbed-labels::before {
76+
background: #AAA !important}
77+
[data-md-color-scheme=slate] .tabbed-labels::before {
78+
background: #555 !important}
79+
80+
/* ----------------- Ensure the footer is at least a viewport below the content ----------------- */
81+
82+
.md-main__inner {
83+
min-height: calc(100vh - 150px);
84+
}
85+
86+
@media screen and (min-width: 992px) {
87+
.md-main__inner {
88+
min-height: calc(100vh - 115px);
89+
}
90+
}
91+
92+
@media screen and (max-width: 991.98px) {
93+
.md-main__inner {
94+
min-height: calc(100vh - 115px);
95+
}
96+
}
97+
98+
/* ------------------------------------------------------------------------------------------ */
99+
100+
/* https://squidfunk.github.io/mkdocs-material/reference/admonitions/#classic-admonitions */
101+
.md-typeset .admonition,
102+
.md-typeset details {
103+
border-width: 0;
104+
border-left-width: 4px;
105+
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
106+
}
107+
108+
/* Pop-out admonitions on dark mode */
109+
[data-md-color-scheme=slate] {
110+
.md-typeset .admonition,
111+
.md-typeset details {
112+
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
113+
}
114+
}
115+
116+
/* Un-bold Admonition titles */
117+
.md-typeset .admonition-title,
118+
.md-typeset details summary {
119+
font-weight: normal;
120+
}
121+
122+
.doc-label {
123+
border-radius: 15px;
124+
padding: 2px 8px;
125+
font-weight: bold;
126+
}
127+
128+
.md-typeset .tabbed-set {
129+
margin: 0;
130+
}
131+
132+
/* https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/#with-animations */
133+
@keyframes beat {
134+
0%, 40%, 80%, 100% {transform: scale(1);}
135+
20%, 60% {transform: scale(1.1);}
136+
} .beat {
137+
animation: beat 1000ms infinite;
138+
}
139+
140+
/* ------------------------------------ Tables configuration ------------------------------------ */
141+
142+
/* https://github.com/squidfunk/mkdocs-material/issues/3430#issuecomment-1005966126 */
143+
.md-typeset .md-typeset__table {
144+
display: block;
145+
} .md-typeset__table table:not([class]) {
146+
display: table;
147+
}
148+
149+
/* Always align table headers */
150+
table > thead > tr > th {
151+
text-align: center !important;
152+
}
153+
154+
/* Stretch a button to the full width */
155+
.md-button--stretch {
156+
text-align: center;
157+
width: 100%;
158+
}
159+
160+
/* Disabled buttons */
161+
.md-button--disabled {
162+
cursor: not-allowed;
163+
pointer-events: none;
164+
opacity: 0.5;
165+
}
166+
167+
/* Elegant button */
168+
.md-button--thin {
169+
border: 1px solid !important;
170+
}
171+
172+
/* Spread content tabs to full width */
173+
.tabbed-labels--linked label {
174+
text-align: center;
175+
flex: 1;
176+
}
177+
178+
/* No rows and columns grid lines */
179+
.md-typeset__table table:not([class]) {
180+
border-collapse: collapse;
181+
border: none;
182+
}
183+
.md-typeset__table table:not([class]) th,
184+
.md-typeset__table table:not([class]) td {
185+
border: none;
186+
}
187+
188+
/* ----------------------------------------- Screenshots ---------------------------------------- */
189+
190+
.screenshot {
191+
width: 100%;
192+
height: auto;
193+
object-fit: contain;
194+
transform: scale(1.1);
195+
transform-origin: center center;
196+
}
197+
198+
/* ----------------------------------- Code reference styling ----------------------------------- */
199+
200+
/* https://mkdocstrings.github.io/python/usage/customization */
201+
202+
/* Add indentation for all .doc-contents */
203+
.doc-contents:not(.first) {
204+
padding-left: 25px;
205+
}
206+
207+
/* Apply left border only on .doc-class */
208+
.doc-class > .doc-contents:not(.first) {
209+
border-left: .1rem solid var(--md-typeset-table-color);
210+
}
211+
212+
.doc-attribute, .doc-function {
213+
border: 1px solid var(--md-typeset-table-color);
214+
border-radius: 4px;
215+
padding-left: 6px;
216+
padding-right: 8px;
217+
padding-bottom: 2px;
218+
margin-bottom: 12px;
219+
position: relative;
220+
}
221+
222+
.doc-attribute h4, .doc-function h4 {
223+
margin: 0;
224+
}
225+
226+
h2.doc.doc-heading {
227+
font-weight: bold;
228+
}
229+
230+
/* ------------------------------------------ Write-ups ----------------------------------------- */
231+
232+
/* Paper titles */
233+
.paper-title {
234+
font-size: 1em;
235+
font-weight: bold;
236+
font-family: "Times New Roman", serif;
237+
}
238+
239+
/* Drop cap */
240+
.the {
241+
float: left;
242+
font-size: 3em;
243+
line-height: 0.8em;
244+
padding-top: 0.1em;
245+
padding-right: 0.1em;
246+
padding-left: 0.1em;
247+
font-family: "Times New Roman", serif;
248+
font-weight: bold;
249+
}
250+
251+
/* ------------------------------------- Custom Admonitions ------------------------------------- */
252+
253+
/* Heart admonition */
254+
255+
:root {
256+
--md-admonition-icon--heart: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>')
257+
}
258+
.md-typeset .admonition.heart,
259+
.md-typeset details.heart {
260+
border-color: rgb(255, 55, 55);
261+
}
262+
.md-typeset .heart > .admonition-title,
263+
.md-typeset .heart > summary {
264+
background-color: rgba(255, 152, 152, 0.1);
265+
}
266+
.md-typeset .heart > .admonition-title::before,
267+
.md-typeset .heart > summary::before {
268+
background-color: rgb(255, 55, 55);
269+
-webkit-mask-image: var(--md-admonition-icon--heart);
270+
mask-image: var(--md-admonition-icon--heart);
271+
}
272+
273+
/* Apply beat animation to the heart icon */
274+
.md-typeset .heart > .admonition-title::before,
275+
.md-typeset .heart > summary::before {
276+
animation: beat 1000ms infinite;
277+
}
278+
279+
/* Inline admonition */
280+
281+
.md-typeset .admonition.bifurcation,
282+
.md-typeset details.bifurcation {
283+
border-top-width: 0px;
284+
border-bottom-width: 0px;
285+
border-left-width: 2px;
286+
border-right-width: 2px;
287+
border-radius: 0;
288+
border-color: rgba(0, 0, 0, 0.1);
289+
box-shadow: none;
290+
font-size: 0.8rem;
291+
padding: 0;
292+
}
293+
294+
/* --------------------------------------------- Videos ----------------------------------------- */
295+
296+
video {
297+
display: block;
298+
width: 100%;
299+
display: inline-block;
300+
border-radius: 4px;
301+
overflow: hidden;
302+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25),
303+
0 12px 30px rgba(0, 0, 0, 0.22);
304+
}
305+
306+
.thick-hr {
307+
border: 0;
308+
height: 2px;
309+
background: var(--md-typeset-table-color);
310+
margin: 1em 0;
311+
}
312+
313+
/* ----------------------------- Round most stuff for a modern look ----------------------------- */
314+
315+
:root {
316+
--roundness: 0.4rem;
317+
}
318+
319+
/* {++ ++}, {== ==}, ... */
320+
.md-typeset .critic, .md-typeset mark {
321+
border-radius: 0.2rem;
322+
}
323+
324+
/* Round borders for quotes '>' */
325+
.md-typeset blockquote {
326+
border-radius: 4px;
327+
}
328+
329+
/* Grid cargs */
330+
.md-typeset .grid.cards > ul > li {
331+
border-radius: var(--roundness);
332+
}
333+
334+
/* Buttons */
335+
.md-typeset .md-button {
336+
border-radius: var(--roundness);
337+
}
338+
339+
/* Search button */
340+
.md-search__form {
341+
border-radius: var(--roundness);
342+
}
343+
344+
/* Code blocks */
345+
.md-typeset pre > code {
346+
border-radius: var(--roundness);
347+
} .highlight span.filename {
348+
border-bottom: none;
349+
border-radius: var(--roundness);
350+
border-bottom-left-radius: 0;
351+
border-bottom-right-radius: 0;
352+
text-align: center;
353+
display: inline;
354+
} .linenos {
355+
border-top-left-radius: var(--roundness) !important;
356+
border-bottom-left-radius: var(--roundness) !important;
357+
}
358+
359+
/* Cricit thickening */
360+
.md-typeset mark {
361+
box-shadow: 0 0 0 0.1rem var(--md-typeset-mark-color);}
362+
.md-typeset ins.critic {
363+
box-shadow: 0 0 0 0.1rem var(--md-typeset-ins-color);}
364+
.md-typeset del.critic {
365+
box-shadow: 0 0 0 0.1rem var(--md-typeset-del-color);}
366+
367+
/* ---------------------------------------------------------------------------------------------- */
368+
369+
/* Particles configuration */
370+
@keyframes fadeIn {
371+
0% {opacity: 0;}
372+
100% {opacity: 1;}
373+
}
374+
375+
@media (max-width: 768px) {
376+
#tsparticles {
377+
display: none;
378+
}
379+
}
380+
381+
#tsparticles {
382+
position: fixed;
383+
top: 0;
384+
left: -5%;
385+
width: 110%;
386+
height: 150%;
387+
z-index: -1;
388+
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
389+
mask-position: center;
390+
mask-size: cover;
391+
animation: fadeIn 4s forwards;
392+
}

0 commit comments

Comments
 (0)