Skip to content

Commit cdc4ef3

Browse files
AB-xdevAB-xdev
committed
deploy: d6cc99d 
0 parents  commit cdc4ef3

File tree

134 files changed

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

134 files changed

+15330
-0
lines changed

‎.nojekyll‎

Whitespace-only changes.

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
commit-cards.xdev.software

‎_/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: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
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+
footer.footer {
35+
text-align: center;
36+
line-height: 1.5em;
37+
background-color: #333;
38+
color: #ffffff;
39+
}
40+
41+
footer.footer a,
42+
footer.footer .link-separator
43+
{
44+
color: #c02222;
45+
}
46+
47+
.doc > h1.page:first-child {
48+
color: #ffffff;
49+
background-color: #c02222;
50+
padding: 1rem 2rem 0.75rem;
51+
margin: auto auto 0.5em auto;
52+
text-transform: uppercase;
53+
}
54+
55+
.doc {
56+
width: 100%;
57+
max-width: 100%;
58+
padding: 0.5em;
59+
}
60+
/* ====== Global Styles (Light Theme) ====== */
61+
body {
62+
margin: 0;
63+
font-family: 'Inter', 'Source Sans Pro', sans-serif;
64+
background-color: #ffffff;
65+
color: #1f2937;
66+
line-height: 1.6;
67+
}
68+
69+
/* ===============================
70+
Toolbar & Breadcrumbs
71+
=============================== */
72+
.toolbar {
73+
display: flex;
74+
justify-content: space-between;
75+
align-items: center;
76+
background: #ffffff;
77+
padding: 0.75rem 1.5rem;
78+
}
79+
80+
.toolbar a {
81+
color: #374151;
82+
text-decoration: none;
83+
font-size: 0.95rem;
84+
transition: color 0.2s ease-in-out;
85+
}
86+
87+
.toolbar a:hover {
88+
color: #e60012; /* XDEV red */
89+
}
90+
91+
.breadcrumbs ul {
92+
list-style: none;
93+
padding: 0;
94+
margin: 0;
95+
display: flex;
96+
}
97+
98+
.breadcrumbs li {
99+
font-size: 0.9rem;
100+
color: #6b7280;
101+
}
102+
103+
.breadcrumbs a {
104+
color: #374151;
105+
text-decoration: none;
106+
transition: color 0.2s ease-in-out;
107+
}
108+
109+
.breadcrumbs a:hover {
110+
color: #e60012;
111+
}
112+
113+
/* ====== Sidebar ====== */
114+
.sidebar {
115+
background: #f9fafb;
116+
padding: 1rem 1rem 0rem 1rem;
117+
font-size: 0.9rem;
118+
color: #6b7280;
119+
flex: 1 1 250px;
120+
max-width: 250px;
121+
border: 1px solid #e5e7eb;
122+
}
123+
124+
/* Overlay */
125+
.lightbox-overlay {
126+
position: fixed;
127+
top: 0;
128+
left: 0;
129+
width: 100%;
130+
height: 100%;
131+
background: rgba(0,0,0,0.8);
132+
display: flex;
133+
justify-content: center;
134+
align-items: center;
135+
z-index: 9999;
136+
cursor: pointer;
137+
opacity: 0;
138+
transition: opacity 0.3s ease;
139+
}
140+
141+
/* Visible state */
142+
.lightbox-overlay.visible {
143+
opacity: 1;
144+
}
145+
146+
/* Fullscreen image */
147+
.lightbox-overlay img {
148+
max-width: 90%;
149+
max-height: 90%;
150+
border-radius: 4px;
151+
box-shadow: 0 0 20px rgba(0,0,0,0.5);
152+
transition: transform 0.3s ease;
153+
}
154+
155+
/* ===============================
156+
Mobile / Small Screen Styles
157+
=============================== */
158+
@media screen and (max-width: 768px) {
159+
.toolbar {
160+
padding: 0;
161+
bottom: 0;
162+
width: 100%;
163+
position: fixed;
164+
top: auto;
165+
}
166+
167+
/* Toolbar will otherwise overlap end of article */
168+
body {
169+
padding-bottom: 2.5em !important;
170+
}
171+
172+
/* Nav will otherwise be offset by toolbar */
173+
.nav {
174+
height: calc(100vh - 2.5em) !important;
175+
}
176+
177+
.nav-container {
178+
top: unset;
179+
}
180+
}

‎_/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.

0 commit comments

Comments
 (0)