Skip to content

Commit 46ebac2

Browse files
JohannesRabauerJohannesRabauer
committed
deploy: 0cdbe1e 
0 parents  commit 46ebac2

File tree

133 files changed

+15303
-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.

133 files changed

+15303
-0
lines changed

‎.nojekyll‎

Whitespace-only changes.

‎_/css/cards.css‎

Lines changed: 179 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
/* ===============================
2+
General Page Styles
3+
=============================== */
4+
body, html {
5+
margin: 0;
6+
padding: 0;
7+
background-color: #f9f9f9;
8+
line-height: 1.6;
9+
}
10+
11+
a {
12+
color: black !important; /* XDEV red highlight */
13+
text-decoration: none;
14+
transition: color 0.3s ease;
15+
}
16+
17+
a:hover {
18+
color: #c02222 !important;
19+
}
20+
21+
/* ===============================
22+
Main Content Layout
23+
=============================== */
24+
25+
.content {
26+
flex-direction: row;
27+
}
28+
29+
/* ===============================
30+
Table of Contents Sidebar
31+
=============================== */
32+
33+
.toc.sidebar {
34+
position: sticky;
35+
top: 2rem;
36+
flex: 0 0 200px;
37+
}
38+
39+
.toc .toc-menu a.is-active {
40+
border-left-color: rgb(235, 42, 57);
41+
}
42+
.is-current-page.is-active {
43+
border-radius: 2em;
44+
background: linear-gradient(135deg, color-mix(in srgb, rgb(235, 42, 57) 25%, transparent), color-mix(in srgb, rgb(235, 42, 57) 12%, transparent));
45+
border: 1px solid color-mix(in srgb, rgb(235, 42, 57) 60%, rgb(235, 42, 57));
46+
}
47+
48+
49+
.title {
50+
}
51+
52+
.nav-menu h3.title {
53+
padding: 0.25rem 1.5rem 0.5rem 1rem;
54+
font-size: 0.95rem;
55+
box-shadow: 0 1px 0 #e1e1e1;
56+
/* Todo sticky fix
57+
position: sticky;
58+
top: 0;
59+
background: #f3f0fb;
60+
*/
61+
}
62+
63+
64+
/* ===============================
65+
Article / Doc Styling
66+
=============================== */
67+
.card-layout {
68+
display: flex;
69+
align-items: flex-start;
70+
gap: 20px;
71+
}
72+
73+
h1 {
74+
text-align: center;
75+
/*margin-left: calc(200px + 3rem);*/
76+
}
77+
78+
h1, h2, h3, h4 {
79+
font-family: 'Inter', sans-serif;
80+
color: #333333;
81+
margin-bottom: 1rem;
82+
}
83+
84+
/* ===============================
85+
Card Image Styles
86+
=============================== */
87+
.card-image, .imageblock {
88+
float: right;
89+
width: 200px;
90+
/* overrides the default margin of site.css */
91+
margin: 1rem 1rem 1rem 3rem !important;
92+
transform: rotate(-5deg);
93+
transition: transform 0.3s ease, box-shadow 0.3s ease, background-image 0.3s ease;
94+
border-radius: 12px;
95+
overflow: hidden;
96+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
97+
cursor: pointer;
98+
background-size: cover;
99+
background-position: center;
100+
}
101+
102+
.card-image img {
103+
width: 100%;
104+
display: block;
105+
border-radius: 12px;
106+
}
107+
108+
/* Hover animation: tilt reset + scale + background image */
109+
.card-image:hover {
110+
transform: rotate(0deg) scale(1.05);
111+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
112+
background-image: url('./images/card-hover-bg.avif'); /* change to your hover image */
113+
}
114+
115+
.card-layout > :not(.card-image) {
116+
overflow: hidden;
117+
animation: fadeIn 0.5s ease forwards;
118+
}
119+
120+
/* ===============================
121+
Paragraphs & Code Blocks
122+
=============================== */
123+
.paragraph {
124+
margin-bottom: 1.25rem;
125+
}
126+
127+
.listingblock {
128+
background-color: #f0f0f0;
129+
border-radius: 8px;
130+
padding: 1rem;
131+
overflow-x: auto;
132+
margin-bottom: 1.5rem;
133+
}
134+
135+
pre {
136+
margin: 0;
137+
}
138+
139+
/* ===============================
140+
Animations
141+
=============================== */
142+
@keyframes fadeIn {
143+
from { opacity: 0; }
144+
to { opacity: 1; }
145+
}
146+
147+
/* ===============================
148+
Mobile / Small Screen Styles
149+
=============================== */
150+
@media screen and (max-width: 768px) {
151+
.card-layout, .card-layout > .content {
152+
display: flex; /* ensure flex is active */
153+
flex-direction: column; /* stack image and text vertically */
154+
}
155+
156+
.card-image, .imageblock {
157+
float: none !important; /* remove float */
158+
margin: 1rem !important; /* center spacing */
159+
width: 80%; /* scale image for mobile */
160+
max-width: 300px; /* optional cap */
161+
transform: rotate(0deg); /* optional: reset rotation for mobile */
162+
display: block !important;
163+
align-self: center;
164+
}
165+
166+
.card-layout > :not(.card-image) {
167+
width: 100%; /* ensure text takes full width */
168+
}
169+
170+
.content {
171+
flex-direction: column; /* stack content sections */
172+
}
173+
174+
.toc.sidebar {
175+
position: static; /* make sidebar flow normally on mobile */
176+
flex: none;
177+
margin-bottom: 2rem;
178+
}
179+
}

‎_/css/site-extra.css‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
body {
2+
font-family: "Montserrat", sans-serif;
3+
padding-top: 0px;
4+
}
5+
6+
.toolbar {
7+
top: 0px;
8+
}
9+
10+
.nav {
11+
top: 0px;
12+
height: calc(100vh);
13+
background-color: #f3f0fb;
14+
width: 20rem;
15+
}
16+
17+
.nav-item {
18+
padding: 0.35rem 0.85rem;
19+
}
20+
21+
.nav-container {
22+
width: 20rem;
23+
}
24+
25+
.nav a:hover {
26+
text-decoration: none;
27+
}
28+
29+
30+
.nav-list{
31+
margin: 0;
32+
33+
}
34+
35+
footer.footer {
36+
text-align: center;
37+
line-height: 1.5em;
38+
background-color: #333;
39+
color: #ffffff;
40+
}
41+
42+
footer.footer a,
43+
footer.footer .link-separator
44+
{
45+
color: #c02222;
46+
}
47+
48+
.doc h1 {
49+
color: #ffffff;
50+
background-color: #c02222;
51+
padding: 1rem 2rem 0.75rem;
52+
margin: 1.5rem auto 1.5rem auto !important;
53+
text-transform: uppercase;
54+
}
55+
56+
.doc {
57+
width: 100%;
58+
max-width: 100%;
59+
padding: 0;
60+
}
61+
/* ====== Global Styles (Light Theme) ====== */
62+
body {
63+
margin: 0;
64+
font-family: 'Inter', 'Source Sans Pro', sans-serif;
65+
background-color: #ffffff;
66+
color: #1f2937;
67+
line-height: 1.6;
68+
}
69+
70+
/* ===============================
71+
Toolbar & Breadcrumbs
72+
=============================== */
73+
.toolbar {
74+
display: flex;
75+
justify-content: space-between;
76+
align-items: center;
77+
background: #ffffff;
78+
padding: 0.75rem 1.5rem;
79+
}
80+
81+
.toolbar a {
82+
color: #374151;
83+
text-decoration: none;
84+
font-size: 0.95rem;
85+
transition: color 0.2s ease-in-out;
86+
}
87+
88+
.toolbar a:hover {
89+
color: #e60012; /* XDEV red */
90+
}
91+
92+
.breadcrumbs ul {
93+
list-style: none;
94+
padding: 0;
95+
margin: 0;
96+
display: flex;
97+
}
98+
99+
.breadcrumbs li {
100+
font-size: 0.9rem;
101+
color: #6b7280;
102+
}
103+
104+
.breadcrumbs a {
105+
color: #374151;
106+
text-decoration: none;
107+
transition: color 0.2s ease-in-out;
108+
}
109+
110+
.breadcrumbs a:hover {
111+
color: #e60012;
112+
}
113+
114+
/* ====== Sidebar ====== */
115+
.sidebar {
116+
background: #f9fafb;
117+
padding: 1rem 1rem 0rem 1rem ;
118+
font-size: 0.9rem;
119+
color: #6b7280;
120+
flex: 1 1 250px;
121+
max-width: 250px;
122+
border: 1px solid #e5e7eb;
123+
}
124+
125+
/* Overlay */
126+
.lightbox-overlay {
127+
position: fixed;
128+
top: 0;
129+
left: 0;
130+
width: 100%;
131+
height: 100%;
132+
background: rgba(0,0,0,0.8);
133+
display: flex;
134+
justify-content: center;
135+
align-items: center;
136+
z-index: 9999;
137+
cursor: pointer;
138+
opacity: 0;
139+
transition: opacity 0.3s ease;
140+
}
141+
142+
/* Visible state */
143+
.lightbox-overlay.visible {
144+
opacity: 1;
145+
}
146+
147+
/* Fullscreen image */
148+
.lightbox-overlay img {
149+
max-width: 90%;
150+
max-height: 90%;
151+
border-radius: 4px;
152+
box-shadow: 0 0 20px rgba(0,0,0,0.5);
153+
transition: transform 0.3s ease;
154+
}

‎_/css/site.css‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎_/font/roboto-cyrillic-400-italic.woff2‎

10.1 KB
Binary file not shown.

‎_/font/roboto-cyrillic-400-normal.woff2‎

9.4 KB
Binary file not shown.

‎_/font/roboto-cyrillic-500-italic.woff2‎

10.4 KB
Binary file not shown.

‎_/font/roboto-cyrillic-500-normal.woff2‎

9.61 KB
Binary file not shown.

‎_/font/roboto-latin-400-italic.woff‎

21.5 KB
Binary file not shown.

‎_/font/roboto-latin-400-italic.woff2‎

17 KB
Binary file not shown.

0 commit comments

Comments
 (0)