Skip to content

Commit 045cc86

Browse files
authored
Merge branch 'master' into rahti-remove-2
2 parents 13cfa45 + b13c812 commit 045cc86

File tree

204 files changed

+4907
-1718
lines changed

Some content is hidden

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

204 files changed

+4907
-1718
lines changed
Lines changed: 9 additions & 0 deletions
Loading
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
!!! warning "SSH login to Puhti and Mahti requires SSH keys since April 2025"
2+
Starting April 14 2025, SSH login to Puhti and Mahti will only work using
3+
SSH keys added in MyCSC. Password authentication and public keys stored in
4+
users' personal `~/.ssh/authorized_keys` file on the supercomputer will no
5+
longer work. This authentication method is already in use on LUMI.
6+
7+
[Read the detailed instructions on setting up and using SSH keys](/computing/connecting/ssh-keys.md).
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
*[RAID]: Redundant Array of Inexpensive Disks
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
!!! warning "Multi-factor authentication required to log in to Puhti and Mahti web interfaces"
2+
Since 22 April 2025, the web interfaces of Puhti and Mahti require
3+
multi-factor authentication (MFA).
4+
5+
1. [Test whether **Haka MFA** is already enabled for you](/accounts/mfa.md#mfa-instructions-for-users-logging-in-with-haka-credentials).
6+
* If your home organization has enabled MFA for Haka login, you do not need to activate MFA separately for CSC services. It is highly preferred that you use the Haka MFA of your home organization if possible.
7+
2. [If Haka MFA is not enabled or if your home organization does not offer Haka, activate **CSC MFA** following these instructions](/accounts/mfa.md#how-to-activate-mfa).
Lines changed: 185 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,70 @@
1-
/* Collapsible admonitions are not supported ATM. */
2-
.md-typeset :is(details, summary) {
1+
/* Hide fallback admonition when collapsible */
2+
.md-typeset details:not(
3+
.default,
4+
.info,
5+
.success,
6+
.warning,
7+
.error
8+
) {
39
display: none !important;
410
}
511

6-
.md-typeset .admonition {
12+
.md-typeset .admonition,
13+
.md-typeset details {
714
box-shadow: unset;
8-
border: 2px solid;
9-
border-radius: 6px;
10-
border-left-width: 14px;
15+
border-width: var(--csc-admonition-border-width);
16+
border-radius: var(--csc-admonition-border-radius);
1117
font-size: medium;
1218
font-weight: var(--csc-font-weight--regular);
1319
}
1420

15-
.md-typeset .admonition-title::before {
21+
.md-typeset .admonition:not(
22+
.info,
23+
.success,
24+
.warning,
25+
.error
26+
) .admonition-title::before,
27+
.md-typeset details:not(
28+
.info,
29+
.success,
30+
.warning,
31+
.error
32+
) > summary::before {
1633
display: none;
1734
}
1835

19-
.md-typeset .admonition-title {
20-
margin: unset !important;
21-
padding: unset !important;
22-
padding-top: .6rem !important;
36+
.md-typeset .admonition-title,
37+
.md-typeset details > summary {
2338
font-weight: var(--csc-font-weight--bold);
39+
}
40+
41+
.md-typeset .admonition-title {
2442
background-color: unset !important;
2543
}
2644

2745
.md-typeset .admonition-title + * {
2846
margin-top: 0;
2947
}
3048

49+
.md-typeset .admonition > :not(.admonition-title):first-child {
50+
margin-top: .6rem;
51+
}
52+
53+
.md-typeset .admonition:not(
54+
.info,
55+
.success,
56+
.warning,
57+
.error
58+
) > .admonition-title,
59+
.md-typeset details:not(
60+
.info,
61+
.success,
62+
.warning,
63+
.error
64+
) > summary {
65+
padding: .4rem 0 .4rem .6rem !important;
66+
}
67+
3168
.md-typeset .admonition:not(
3269
.default,
3370
.info,
@@ -40,94 +77,171 @@
4077
color: var(--csc-admonition--fg);
4178
}
4279

43-
.md-typeset .admonition.default {
44-
border-color: var(--csc-admonition-default--border);
80+
.md-typeset .admonition:is(
81+
.default-label,
82+
.info-label,
83+
.success-label,
84+
.warning-label,
85+
.error-label
86+
) > .admonition-title {
87+
display: none;
88+
}
89+
90+
.md-typeset .admonition:is(
91+
.default-label,
92+
.info-label,
93+
.success-label,
94+
.warning-label,
95+
.error-label
96+
) {
97+
max-width: max-content;
98+
line-height: 1;
99+
font-weight: var(--csc-font-weight--regular);
100+
font-size: var(--csc-admonition-label-font-size);
101+
padding: var(--csc-admonition-label-padding);
102+
box-shadow: var(--csc-admonition-label-box-shadow);
103+
}
104+
105+
.md-typeset .admonition:is(
106+
.default-label,
107+
.info-label,
108+
.success-label,
109+
.warning-label,
110+
.error-label
111+
) > :last-child {
112+
margin-bottom: 0;
113+
}
114+
115+
.md-typeset .admonition.default,
116+
.md-typeset details.default {
117+
border-color: var(--csc-admonition-default-border-color);
118+
}
119+
120+
.md-typeset details.default:focus-within {
121+
box-shadow: 0 0 0 .2rem color(from var(--csc-admonition-default-background-color) srgb r g b / .6);
122+
}
123+
124+
.md-typeset .admonition.default > .admonition-title::before,
125+
.md-typeset details.default > summary::after,
126+
.md-typeset details.default > summary::before {
127+
background-color: var(--csc-admonition-default-border-color);
128+
}
129+
130+
.md-typeset details.default > summary {
131+
background-color: var(--csc-admonition-default-background-color);
45132
}
46133

47134
.md-typeset .admonition.default-label {
48-
border-color: var(--csc-admonition-default-label--fg) !important;
49-
color: var(--csc-admonition-default-label--fg);
50-
background-color: var(--csc-admonition-default-label--bg);
135+
border-color: var(--csc-admonition-default-text-color) !important;
136+
color: var(--csc-admonition-default-text-color);
137+
background-color: var(--csc-admonition-default-background-color);
138+
}
139+
140+
.md-typeset .admonition.info,
141+
.md-typeset details.info {
142+
border-color: var(--csc-admonition-info-border-color);
143+
}
144+
145+
.md-typeset details.info:focus-within {
146+
box-shadow: 0 0 0 .2rem color(from var(--csc-admonition-info-background-color) srgb r g b / .6);
147+
}
148+
149+
.md-typeset .admonition.info > .admonition-title::before,
150+
.md-typeset details.info > summary::after,
151+
.md-typeset details.info > summary::before {
152+
background-color: var(--csc-admonition-info-border-color);
51153
}
52154

53-
.md-typeset .admonition.info {
54-
border-color: var(--csc-admonition-info--border);
155+
.md-typeset details.info > summary {
156+
background-color: var(--csc-admonition-info-background-color);
55157
}
56158

57159
.md-typeset .admonition.info-label {
58-
border-color: var(--csc-admonition-info-label--fg) !important;
59-
color: var(--csc-admonition-info-label--fg);
60-
background-color: var(--csc-admonition-info-label--bg);
160+
border-color: var(--csc-admonition-info-text-color) !important;
161+
color: var(--csc-admonition-info-text-color);
162+
background-color: var(--csc-admonition-info-background-color);
61163
}
62164

63-
.md-typeset .admonition.success {
64-
border-color: var(--csc-admonition-success--border);
165+
.md-typeset .admonition.success,
166+
.md-typeset details.success {
167+
border-color: var(--csc-admonition-success-border-color);
168+
}
169+
.md-typeset details.success:focus-within {
170+
box-shadow: 0 0 0 .2rem color(from var(--csc-admonition-success-background-color) srgb r g b / .6);
171+
}
172+
173+
.md-typeset .admonition.success > .admonition-title::before,
174+
.md-typeset details.success > summary::after,
175+
.md-typeset details.success > summary::before {
176+
background-color: var(--csc-admonition-success-border-color);
177+
}
178+
179+
.md-typeset details.success > summary {
180+
background-color: var(--csc-admonition-success-background-color);
65181
}
66182

67183
.md-typeset .admonition.success-label {
68-
border-color: var(--csc-admonition-success-label--fg) !important;
69-
color: var(--csc-admonition-success-label--fg);
70-
background-color: var(--csc-admonition-success-label--bg);
184+
border-color: var(--csc-admonition-success-text-color) !important;
185+
color: var(--csc-admonition-success-text-color);
186+
background-color: var(--csc-admonition-success-background-color);
187+
}
188+
189+
.md-typeset .admonition.warning,
190+
.md-typeset details.warning {
191+
border-color: var(--csc-admonition-warning-border-color);
71192
}
72193

73-
.md-typeset .admonition.warning {
74-
border-color: var(--csc-admonition-warning--border);
194+
.md-typeset details.warning:focus-within {
195+
box-shadow: 0 0 0 .2rem color(from var(--csc-admonition-warning-background-color) srgb r g b / .6);
196+
}
197+
198+
.md-typeset .admonition.warning > .admonition-title::before,
199+
.md-typeset details.warning > summary::after,
200+
.md-typeset details.warning > summary::before {
201+
background-color: var(--csc-admonition-warning-border-color);
202+
}
203+
204+
.md-typeset details.warning > summary {
205+
background-color: var(--csc-admonition-warning-background-color);
75206
}
76207

77208
.md-typeset .admonition.warning-label {
78-
border-color: var(--csc-admonition-warning-label--fg) !important;
79-
color: var(--csc-admonition-warning-label--fg);
80-
background-color: var(--csc-admonition-warning-label--bg);
209+
border-color: var(--csc-admonition-warning-text-color) !important;
210+
color: var(--csc-admonition-warning-text-color);
211+
background-color: var(--csc-admonition-warning-background-color);
81212
}
82213

83-
.md-typeset .admonition.error {
84-
border-color: var(--csc-admonition-error--border);
214+
.md-typeset .admonition.error,
215+
.md-typeset details.error {
216+
border-color: var(--csc-admonition-error-border-color);
85217
}
86218

87-
.md-typeset .admonition.error-label {
88-
border-color: var(--csc-admonition-error-label--fg) !important;
89-
color: var(--csc-admonition-error-label--fg);
90-
background-color: var(--csc-admonition-error-label--bg);
219+
.md-typeset details.error:focus-within {
220+
box-shadow: 0 0 0 .2rem color(from var(--csc-admonition-error-background-color) srgb r g b / .6);
91221
}
92222

93-
.md-typeset .admonition:is(
94-
.default-label,
95-
.info-label,
96-
.success-label,
97-
.warning-label,
98-
.error-label
99-
) {
100-
max-width: max-content;
101-
border: var(--csc-border);
102-
font-weight: var(--csc-font-weight--regular);
223+
.md-typeset .admonition.error > .admonition-title::before,
224+
.md-typeset details.error > summary::after,
225+
.md-typeset details.error > summary::before {
226+
background-color: var(--csc-admonition-error-border-color);
103227
}
104228

105-
.md-typeset .admonition:is(
106-
.default-label,
107-
.info-label,
108-
.success-label,
109-
.warning-label,
110-
.error-label
111-
) > .admonition-title {
112-
display: none;
229+
.md-typeset details.error > summary {
230+
background-color: var(--csc-admonition-error-background-color);
113231
}
114232

115-
.md-typeset .admonition:is(
116-
.default-label,
117-
.info-label,
118-
.success-label,
119-
.warning-label,
120-
.error-label
121-
) > :nth-child(2) {
122-
margin-top: .1rem;
233+
/* Error admonition type is not defined in Material for MkDocs,
234+
so here's the icon for it. Icons for the other admonitions
235+
are defined in mkdocs.yml, under theme.icon.admonition.*
236+
*/
237+
.md-typeset .admonition.error > .admonition-title::before,
238+
.md-typeset details.error > summary::before {
239+
-webkit-mask-image: var(--md-admonition-icon--error);
240+
mask-image: var(--md-admonition-icon--error);
123241
}
124242

125-
.md-typeset .admonition:is(
126-
.default-label,
127-
.info-label,
128-
.success-label,
129-
.warning-label,
130-
.error-label
131-
) > :last-child {
132-
margin-bottom: .1rem;
243+
.md-typeset .admonition.error-label {
244+
border-color: var(--csc-admonition-error-text-color) !important;
245+
color: var(--csc-admonition-error-text-color);
246+
background-color: var(--csc-admonition-error-background-color);
133247
}
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.csc-landing-banner {
2+
max-width: calc(var(--csc-content-width) / 2);
3+
margin: 1rem auto 2rem auto;
4+
}
5+
6+
.csc-landing-banner a,
7+
.csc-landing-banner a:hover,
8+
.csc-landing-banner a:focus-within {
9+
color: unset !important;
10+
background-color: unset !important;
11+
text-decoration: none !important;
12+
}
13+
14+
.csc-landing-banner img {
15+
transition: box-shadow .25s,
16+
border-radius .25s,
17+
filter .25s;
18+
border-radius: 2px;
19+
}
20+
21+
.csc-landing-banner img:hover,
22+
.csc-landing-banner img:focus-within {
23+
box-shadow: var(--md-shadow-z3);
24+
border-radius: 4px;
25+
filter: saturate(.75) brightness(1.125);
26+
}

0 commit comments

Comments
 (0)