--- a/wp/wp-admin/css/about.css Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-admin/css/about.css Fri Sep 05 18:52:52 2025 +0200
@@ -21,7 +21,7 @@
.about__container {
/* Section backgrounds */
- --background: #ededed;
+ --background: #f6f5f2;
--subtle-background: #eef0fd;
/* Main text color */
@@ -39,7 +39,7 @@
--nav-color: var(--text);
--nav-current: var(--accent-1);
- --border-radius: 16px;
+ --border-radius: 0;
--gap: 2rem;
}
@@ -411,7 +411,7 @@
color: inherit;
}
-.about__container :is(h1, h2, h3, h4):lang(en) {
+.about__container :is(h1, h2, h3, h4, .about__header-text):lang(en) {
text-wrap: balance;
}
@@ -426,6 +426,7 @@
.about__container p.is-subheading {
margin-top: 0;
+ margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 160%;
@@ -454,7 +455,12 @@
}
.about__section a.button.button-hero {
+ padding-top: 1.1875rem;
+ padding-bottom: 1.1875rem;
font-size: 1.5rem;
+ line-height: 1.4;
+ white-space: normal;
+ text-wrap: pretty;
}
.about__container ul {
@@ -567,13 +573,20 @@
justify-content: flex-end;
box-sizing: border-box;
padding: calc(var(--gap) * 1.5);
+ padding-right: 26rem; /* Space for the background image. */
min-height: clamp(10rem, 25vw, 18.75rem);
border-radius: var(--border-radius);
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='412' height='198' fill='none'%3E%3Cpath stroke='%239D1825' stroke-width='12' d='M6 0v198'/%3E%3Cpath stroke='%23D90120' stroke-width='12' d='m30.171 1.82 51.246 191.253'/%3E%3Cpath stroke='%23408538' stroke-width='12' d='m62.427 7.626 87.895 177.422'/%3E%3Cpath stroke='%23FFEE58' stroke-width='12' d='M98.769 20.973 230.2 169.061'/%3E%3Cpath stroke='%23F17826' stroke-width='12' d='m152.67 36.891 161.59 114.424'/%3E%3Cpath stroke='%23fff' stroke-width='12' d='m246.433 66.098 190.42 54.264'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
- background-position: right 7% center, top left;
+ background-position: right center;
+ background-size: auto 65%;
background-color: var(--background);
}
+[dir="rtl"] .about__header {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='412' height='198' fill='none'%3E%3Cg transform='scale(-1,1)' transform-origin='50%25 50%25'%3E%3Cpath stroke='%239D1825' stroke-width='12' d='M6 0v198'/%3E%3Cpath stroke='%23D90120' stroke-width='12' d='m30.171 1.82 51.246 191.253'/%3E%3Cpath stroke='%23408538' stroke-width='12' d='m62.427 7.626 87.895 177.422'/%3E%3Cpath stroke='%23FFEE58' stroke-width='12' d='M98.769 20.973 230.2 169.061'/%3E%3Cpath stroke='%23F17826' stroke-width='12' d='m152.67 36.891 161.59 114.424'/%3E%3Cpath stroke='%23fff' stroke-width='12' d='m246.433 66.098 190.42 54.264'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
.about__header-image {
margin: 0 var(--gap) 3em;
}
@@ -662,6 +675,9 @@
}
@media screen and (max-width: 960px) {
+ .about__header {
+ padding-right: 21rem;
+ }
.about-php .about__header-title h1,
.credits-php .about__header-title h1,
@@ -688,6 +704,7 @@
.about__header {
padding: var(--gap);
+ padding-right: 17rem;
}
.about__header-text {
@@ -704,6 +721,7 @@
@media screen and (max-width: 600px) {
.about__header {
min-height: auto;
+ padding-right: var(--gap);
}
.about__header,