Merge pull request #16827 from overleaf/mf-change-font-to-dedicated-icon

[website-redesign] Optimize page speed for website redesign pages

GitOrigin-RevId: c4e88b4dd3c44866779f35a0ebc1e808d6df7780

services/web/frontend/fonts/dm-mono.css

@@ -1,30 +1,15 @@
 /* We're using the "ss05" (stylistic set 5) version of the DM Mono, on the font-feature-settings rule */
 /* https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings */
-/* We use the ss05 specifically to remove the "squiggle" below the f letter. */ 
+/* We use the ss05 specifically to remove the "squiggle" below the f letter. */
 /* You can try removing the `font-feature-settings` rule and check what happens to the letter "f", */
 /* as it's quite hard to describe it with sentences alone */
 
-@font-face {
-  font-family: 'DM Mono';
-  font-feature-settings: 'ss05';
-  font-style: normal;
-  font-weight: 300;
-  src: url('dm-mono/DMMono-Light.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'DM Mono';
-  font-feature-settings: 'ss05';
-  font-style: italic;
-  font-weight: 300;
-  src: url('dm-mono/DMMono-LightItalic.woff2') format('woff2');
-}
-
 @font-face {
   font-family: 'DM Mono';
   font-feature-settings: 'ss05';
   font-style: normal;
   font-weight: 400;
+  font-display: fallback;
   src: url('dm-mono/DMMono-Regular.woff2') format('woff2');
 }
 
@@ -33,6 +18,7 @@
   font-feature-settings: 'ss05';
   font-style: italic;
   font-weight: 400;
+  font-display: fallback;
   src: url('dm-mono/DMMono-Italic.woff2') format('woff2');
 }
 
@@ -41,6 +27,7 @@
   font-feature-settings: 'ss05';
   font-style: normal;
   font-weight: 500;
+  font-display: fallback;
   src: url('dm-mono/DMMono-Medium.woff2') format('woff2');
 }
 
@@ -49,5 +36,6 @@
   font-feature-settings: 'ss05';
   font-style: italic;
   font-weight: 500;
+  font-display: fallback;
   src: url('dm-mono/DMMono-MediumItalic.woff2') format('woff2');
 }

services/web/frontend/fonts/noto-sans.css

@@ -1,53 +1,9 @@
-/* Noto Sans - Thin */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 100;
-  src: url('noto-sans/NotoSans-Thin.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 100;
-  src: url('noto-sans/NotoSans-ThinItalic.woff2') format('woff2');
-}
-
-/* Noto Sans - ExtraLight */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 200;
-  src: url('noto-sans/NotoSans-ExtraLight.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 200;
-  src: url('noto-sans/NotoSans-ExtraLightItalic.woff2') format('woff2');
-}
-
-/* Noto Sans - Light */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: url('noto-sans/NotoSans-Light.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 300;
-  src: url('noto-sans/NotoSans-LightItalic.woff2') format('woff2');
-}
-
 /* Noto Sans - Regular */
 @font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 400;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-Regular.woff2') format('woff2');
 }
 
@@ -55,6 +11,7 @@
   font-family: 'Noto Sans';
   font-style: italic;
   font-weight: 400;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-Italic.woff2') format('woff2');
 }
 
@@ -63,6 +20,7 @@
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 500;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-Medium.woff2') format('woff2');
 }
 
@@ -70,6 +28,7 @@
   font-family: 'Noto Sans';
   font-style: italic;
   font-weight: 500;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-MediumItalic.woff2') format('woff2');
 }
 
@@ -78,6 +37,7 @@
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 600;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-SemiBold.woff2') format('woff2');
 }
 
@@ -85,50 +45,6 @@
   font-family: 'Noto Sans';
   font-style: italic;
   font-weight: 600;
+  font-display: fallback;
   src: url('noto-sans/NotoSans-SemiBoldItalic.woff2') format('woff2');
 }
-
-/* Noto Sans - Bold */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: url('noto-sans/NotoSans-Bold.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 700;
-  src: url('noto-sans/NotoSans-BoldItalic.woff2') format('woff2');
-}
-
-/* Noto Sans - ExtraBold */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 800;
-  src: url('noto-sans/NotoSans-ExtraBold.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 800;
-  src: url('noto-sans/NotoSans-ExtraBoldItalic.woff2') format('woff2');
-}
-
-/* Noto Sans - Black */
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: normal;
-  font-weight: 900;
-  src: url('noto-sans/NotoSans-Black.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Noto Sans';
-  font-style: italic;
-  font-weight: 900;
-  src: url('noto-sans/NotoSans-BlackItalic.woff2') format('woff2');
-}

services/web/frontend/stylesheets/app/website-redesign.less

@@ -804,7 +804,6 @@
   .green-round-background {
     .round-background;
     background: var(--mint-green);
-    color: var(--dark-jungle-green);
   }
 
   .blue-round-background {

services/web/public/img/website-redesign/biotech.svg

@@ -0,0 +1,3 @@
+<svg width="34" height="44" viewBox="0 0 34 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00033 43.9989C2.33921 43.9989 1.78505 43.7753 1.33783 43.3281C0.890603 42.8809 0.666992 42.3267 0.666992 41.6656C0.666992 41.0045 0.890603 40.4503 1.33783 40.0031C1.78505 39.5559 2.33921 39.3323 3.00033 39.3323H12.3337V34.6656C9.10588 34.6656 6.35449 33.5281 4.07949 31.2531C1.80449 28.9781 0.666992 26.2267 0.666992 22.9989C0.666992 20.7823 1.23088 18.7406 2.35866 16.8739C3.48644 15.0073 5.04199 13.5878 7.02533 12.6156C6.86977 13.4712 6.89894 14.3073 7.11283 15.1239C7.32671 15.9406 7.66699 16.7184 8.13366 17.4573C7.23921 18.0795 6.54894 18.8767 6.06283 19.8489C5.57671 20.8212 5.33366 21.8712 5.33366 22.9989C5.33366 24.9434 6.01421 26.5962 7.37533 27.9573C8.73644 29.3184 10.3892 29.9989 12.3337 29.9989H28.667C29.3281 29.9989 29.8823 30.2226 30.3295 30.6698C30.7767 31.117 31.0003 31.6712 31.0003 32.3323C31.0003 32.9934 30.7767 33.5476 30.3295 33.9948C29.8823 34.442 29.3281 34.6656 28.667 34.6656H19.3337V39.3323H31.0003C31.6614 39.3323 32.2156 39.5559 32.6628 40.0031C33.1101 40.4503 33.3337 41.0045 33.3337 41.6656C33.3337 42.3267 33.1101 42.8809 32.6628 43.3281C32.2156 43.7753 31.6614 43.9989 31.0003 43.9989H3.00033ZM20.967 21.0156H20.9087C20.2864 21.2489 19.6934 21.2392 19.1295 20.9864C18.5656 20.7337 18.167 20.2962 17.9337 19.6739L17.5837 18.7406C18.3614 18.1184 18.9642 17.3698 19.392 16.4948C19.8198 15.6198 20.0337 14.6767 20.0337 13.6656C20.0337 11.8378 19.392 10.292 18.1087 9.02811C16.8253 7.76423 15.2503 7.13228 13.3837 7.13228L13.092 6.37395C12.8975 5.75172 12.9267 5.15867 13.1795 4.59478C13.4323 4.03089 13.8698 3.63228 14.492 3.39895H14.5503C14.317 2.81561 14.3364 2.242 14.6087 1.67811C14.8809 1.11422 15.3475 0.715614 16.0087 0.48228C16.592 0.287836 17.1656 0.317003 17.7295 0.56978C18.2934 0.822558 18.6726 1.26006 18.867 1.88228C19.4892 1.64895 20.092 1.66839 20.6753 1.94061C21.2587 2.21284 21.667 2.66006 21.9003 3.28228L26.6837 16.4073C26.917 17.0295 26.9073 17.6226 26.6545 18.1864C26.4017 18.7503 25.9642 19.1489 25.342 19.3823H25.2837C25.517 20.0045 25.4976 20.6073 25.2253 21.1906C24.9531 21.7739 24.4864 22.1823 23.8253 22.4156C23.242 22.6101 22.6684 22.5809 22.1045 22.3281C21.5406 22.0753 21.1614 21.6378 20.967 21.0156ZM13.5003 17.8656C12.3337 17.8656 11.342 17.4573 10.5253 16.6406C9.70866 15.8239 9.30033 14.8323 9.30033 13.6656C9.30033 12.4989 9.70866 11.5073 10.5253 10.6906C11.342 9.87395 12.3337 9.46561 13.5003 9.46561C14.667 9.46561 15.6587 9.87395 16.4753 10.6906C17.292 11.5073 17.7003 12.4989 17.7003 13.6656C17.7003 14.8323 17.292 15.8239 16.4753 16.6406C15.6587 17.4573 14.667 17.8656 13.5003 17.8656Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/book_5.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="41" viewBox="0 0 32 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.35704 40.47C3.89603 40.47 2.63794 39.9749 1.58276 38.9846C0.527587 37.9944 0 36.7688 0 35.3078V8.13296C0 6.89922 0.381486 5.79534 1.14446 4.82134C1.90743 3.84733 2.90579 3.23046 4.13953 2.97072L18.7496 0.0974007C19.9509 -0.162335 21.0223 0.0974007 21.9639 0.876607C22.9054 1.65581 23.3762 2.66229 23.3762 3.89603V27.1261C23.3762 28.0676 23.084 28.9037 22.4996 29.6342C21.9152 30.3647 21.1684 30.8111 20.2593 30.9734L4.91874 34.0416C4.62653 34.1065 4.38303 34.2607 4.18823 34.5042C3.99343 34.7477 3.89603 35.0156 3.89603 35.3078C3.89603 35.6649 4.04213 35.9652 4.33433 36.2087C4.62653 36.4522 4.96744 36.574 5.35704 36.574H27.2722V7.35375C27.2722 6.80182 27.4589 6.33916 27.8323 5.96579C28.2056 5.59242 28.6683 5.40574 29.2202 5.40574C29.7722 5.40574 30.2348 5.59242 30.6082 5.96579C30.9815 6.33916 31.1682 6.80182 31.1682 7.35375V36.574C31.1682 37.6454 30.7867 38.5626 30.0238 39.3255C29.2608 40.0885 28.3436 40.47 27.2722 40.47H5.35704ZM8.18166 29.4637C8.6362 29.3663 9.00957 29.1391 9.30177 28.7819C9.59397 28.4248 9.74007 28.0189 9.74007 27.5644V8.23036C9.74007 7.61349 9.50469 7.11025 9.03392 6.72065C8.56315 6.33105 8.01933 6.20118 7.40245 6.33105C6.94792 6.42845 6.57455 6.65572 6.28235 7.01285C5.99014 7.36999 5.84404 7.77582 5.84404 8.23036V27.5644C5.84404 28.1813 6.07943 28.6845 6.5502 29.0741C7.02097 29.4637 7.56479 29.5936 8.18166 29.4637Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/draw.svg

@@ -0,0 +1,3 @@
+<svg width="37" height="35" viewBox="0 0 37 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.10197 34.5584C3.56513 34.5584 3.11513 34.3768 2.75197 34.0136C2.38882 33.6505 2.20724 33.2005 2.20724 32.6637V28.0689C2.20724 27.5637 2.30197 27.0821 2.49145 26.6242C2.68092 26.1663 2.94934 25.7637 3.29671 25.4163L27.1704 1.58997C27.5493 1.21102 27.9757 0.926809 28.4493 0.737336C28.923 0.547862 29.3967 0.453125 29.8704 0.453125C30.3757 0.453125 30.8572 0.547862 31.3151 0.737336C31.773 0.926809 32.1757 1.21102 32.523 1.58997L35.1757 4.2426C35.5546 4.58997 35.8388 4.9926 36.0283 5.45049C36.2178 5.90839 36.3125 6.38997 36.3125 6.89523C36.3125 7.36891 36.2178 7.8426 36.0283 8.31628C35.8388 8.78997 35.5546 9.21628 35.1757 9.59523L11.3493 33.4689C11.002 33.8163 10.5993 34.0847 10.1414 34.2742C9.68355 34.4636 9.20197 34.5584 8.69671 34.5584H4.10197ZM29.9651 9.50049L32.523 6.9426L29.823 4.2426L27.2651 6.80049L29.9651 9.50049ZM21.1546 34.5584C23.4914 34.5584 25.6546 33.9742 27.6441 32.8058C29.6336 31.6373 30.6283 30.011 30.6283 27.9268C30.6283 26.79 30.3283 25.811 29.7283 24.99C29.1283 24.1689 28.323 23.4584 27.3125 22.8584L24.5178 25.6531C25.2441 25.9689 25.8125 26.3163 26.223 26.6952C26.6336 27.0742 26.8388 27.4847 26.8388 27.9268C26.8388 28.6531 26.2625 29.3084 25.1099 29.8926C23.9572 30.4768 22.6388 30.7689 21.1546 30.7689C20.6178 30.7689 20.1678 30.9505 19.8046 31.3137C19.4415 31.6768 19.2599 32.1268 19.2599 32.6637C19.2599 33.2005 19.4415 33.6505 19.8046 34.0136C20.1678 34.3768 20.6178 34.5584 21.1546 34.5584ZM3.29671 20.0637L6.13882 17.2215C5.50724 16.9689 5.00987 16.7084 4.64671 16.44C4.28355 16.1715 4.10197 15.8952 4.10197 15.611C4.10197 15.2321 4.38618 14.8531 4.95461 14.4742C5.52303 14.0952 6.72303 13.511 8.55461 12.7215C11.3336 11.5215 13.1809 10.4321 14.0967 9.45312C15.0125 8.47418 15.4704 7.36891 15.4704 6.13734C15.4704 4.40049 14.7757 3.01891 13.3862 1.9926C11.9967 0.966283 10.1651 0.453125 7.89145 0.453125C6.4704 0.453125 5.19934 0.705757 4.07829 1.21102C2.95724 1.71628 2.09671 2.33207 1.49671 3.05839C1.14934 3.46891 1.00724 3.92681 1.07039 4.43207C1.13355 4.93734 1.37039 5.34786 1.78092 5.66365C2.19145 6.01102 2.64934 6.15313 3.15461 6.08997C3.65987 6.02681 4.08618 5.82155 4.43355 5.47418C4.87566 5.03207 5.36513 4.71628 5.90197 4.52681C6.43882 4.33734 7.10197 4.2426 7.89145 4.2426C9.18618 4.2426 10.1414 4.43207 10.7572 4.81102C11.373 5.18997 11.6809 5.63207 11.6809 6.13734C11.6809 6.57944 11.4046 6.98207 10.852 7.34523C10.2993 7.70839 9.02829 8.34786 7.03882 9.26365C4.5125 10.3689 2.75987 11.3715 1.78092 12.2715C0.801974 13.1715 0.3125 14.2847 0.3125 15.611C0.3125 16.6215 0.580921 17.4821 1.11776 18.1926C1.65461 18.9031 2.38092 19.5268 3.29671 20.0637Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/edit_note.svg

@@ -0,0 +1,3 @@
+<svg width="46" height="41" viewBox="0 0 46 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.55172 25.5172C1.82873 25.5172 1.2227 25.2726 0.733619 24.7836C0.24454 24.2945 0 23.6885 0 22.9655C0 22.2425 0.24454 21.6364 0.733619 21.1474C1.2227 20.6583 1.82873 20.4137 2.55172 20.4137H15.3103C16.0333 20.4137 16.6393 20.6583 17.1284 21.1474C17.6175 21.6364 17.862 22.2425 17.862 22.9655C17.862 23.6885 17.6175 24.2945 17.1284 24.7836C16.6393 25.2726 16.0333 25.5172 15.3103 25.5172H2.55172ZM2.55172 15.3103C1.82873 15.3103 1.2227 15.0658 0.733619 14.5767C0.24454 14.0876 0 13.4816 0 12.7586C0 12.0356 0.24454 11.4296 0.733619 10.9405C1.2227 10.4514 1.82873 10.2069 2.55172 10.2069H25.5172C26.2402 10.2069 26.8462 10.4514 27.3353 10.9405C27.8244 11.4296 28.0689 12.0356 28.0689 12.7586C28.0689 13.4816 27.8244 14.0876 27.3353 14.5767C26.8462 15.0658 26.2402 15.3103 25.5172 15.3103H2.55172ZM2.55172 5.10344C1.82873 5.10344 1.2227 4.8589 0.733619 4.36982C0.24454 3.88074 0 3.27471 0 2.55172C0 1.82873 0.24454 1.2227 0.733619 0.733619C1.2227 0.24454 1.82873 0 2.55172 0H25.5172C26.2402 0 26.8462 0.24454 27.3353 0.733619C27.8244 1.2227 28.0689 1.82873 28.0689 2.55172C28.0689 3.27471 27.8244 3.88074 27.3353 4.36982C26.8462 4.8589 26.2402 5.10344 25.5172 5.10344H2.55172ZM22.9655 38.2758V34.0654C22.9655 33.7252 23.0293 33.3956 23.1568 33.0767C23.2844 32.7577 23.4758 32.4706 23.731 32.2155L37.0637 18.9465C37.4465 18.5638 37.8718 18.2873 38.3396 18.1172C38.8074 17.9471 39.2752 17.862 39.743 17.862C40.2534 17.862 40.7424 17.9577 41.2103 18.1491C41.6781 18.3405 42.1034 18.6275 42.4861 19.0103L44.8465 21.3706C45.1867 21.7534 45.4525 22.1787 45.6439 22.6465C45.8352 23.1143 45.9309 23.5821 45.9309 24.0499C45.9309 24.5178 45.8459 24.9962 45.6758 25.4853C45.5056 25.9744 45.2292 26.4103 44.8465 26.793L31.5775 40.062C31.3223 40.3172 31.0353 40.5085 30.7163 40.6361C30.3973 40.7637 30.0678 40.8275 29.7275 40.8275H25.5172C24.7942 40.8275 24.1882 40.583 23.6991 40.0939C23.21 39.6048 22.9655 38.9988 22.9655 38.2758ZM39.743 26.5379L42.1034 24.0499L39.743 21.6896L37.3189 24.1137L39.743 26.5379ZM26.793 36.9999H29.2172L36.9361 29.2172L35.7879 28.0051L34.5758 26.8568L26.793 34.5758V36.9999ZM26.793 36.9999V34.5758L34.5758 26.8568L36.9361 29.2172L29.2172 36.9999H26.793Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/function.svg

@@ -0,0 +1,3 @@
+<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2917 30.625V26.5417H17.4563L22.8156 20.4167L17.4563 14.2917H14.0875L10.8208 31.85C10.5486 33.3813 9.9191 34.5807 8.93229 35.4484C7.94549 36.3162 6.68646 36.75 5.15521 36.75C3.62396 36.75 2.38194 36.3417 1.42917 35.525C0.476389 34.7083 0 33.6194 0 32.2583C0 31.1694 0.289236 30.2932 0.867708 29.6297C1.44618 28.9661 2.17778 28.6344 3.0625 28.6344C3.91319 28.6344 4.63628 28.9236 5.23177 29.5021C5.82726 30.0806 6.125 30.7781 6.125 31.5948C6.125 31.7649 6.11649 31.9181 6.09948 32.0542C6.08247 32.1903 6.05694 32.3434 6.02292 32.5135C6.19306 32.4795 6.33767 32.3859 6.45677 32.2328C6.57587 32.0797 6.66944 31.867 6.7375 31.5948L9.90208 14.2917H4.08333V10.2083H10.6677L11.7396 4.38958C11.9778 3.09653 12.6158 2.04167 13.6536 1.225C14.6915 0.408333 15.925 0 17.3542 0C18.8514 0 20.0764 0.442361 21.0292 1.32708C21.9819 2.21181 22.4583 3.31771 22.4583 4.64479C22.4583 5.66563 22.1691 6.50781 21.5906 7.17135C21.0122 7.8349 20.2806 8.16667 19.3958 8.16667C18.5451 8.16667 17.8221 7.87743 17.2266 7.29896C16.6311 6.72049 16.3333 6.0059 16.3333 5.15521C16.3333 4.98507 16.3418 4.83194 16.3589 4.69583C16.3759 4.55972 16.4014 4.4066 16.4354 4.23646C16.2313 4.30451 16.0781 4.4066 15.976 4.54271C15.874 4.67882 15.7889 4.88299 15.7208 5.15521L14.8531 10.2083H24.5V14.2917H22.8667L25.5208 17.3031L28.175 14.2917H26.5417V10.2083H36.75V14.2917H33.5854L28.226 20.4167L33.5854 26.5417H36.75V30.625H26.5417V26.5417H28.175L25.5208 23.4792L22.8667 26.5417H24.5V30.625H14.2917Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/material-symbols-arrow-outward.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M648-645 268-265q-11 11-25 10.5T218-266q-11-11-11-25.5t11-25.5l379-379H276q-15.3 0-25.65-10.289-10.35-10.29-10.35-25.5Q240-747 250.35-757.5 260.7-768 276-768h408q15.3 0 25.65 10.35Q720-747.3 720-732v408q0 15.3-10.289 25.65-10.29 10.35-25.5 10.35Q669-288 658.5-298.35 648-308.7 648-324v-321Z"/></svg>

services/web/public/img/website-redesign/material-symbols-arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#098842"><path d="M630-444H228.049q-15.321 0-25.685-10.289Q192-464.579 192-479.789 192-495 202.364-505.5q10.364-10.5 25.685-10.5H630l-80-80q-11-11-11-25.5t10.522-25.5Q561-658 575.5-658q14.5 0 25.5 11l142.333 142.333Q748-500 750.5-493.7q2.5 6.3 2.5 13.5t-2.5 13.5q-2.5 6.3-7.5 11.7L601-313q-11 11-25 10.5T550.522-314Q540-325 540-339.5t11-25.5l79-79Z"/></svg>

services/web/public/img/website-redesign/material-symbols-check-blue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#6597e0"><path d="m395-387 264-263q11-11 25-10.5t25 11.5q11 11 11 25t-11 25L421-311q-11 11-25.5 11T370-311L251-430q-11-11-11-25t11-25q11-11 25-11t25 11l94 93Z"/></svg>

services/web/public/img/website-redesign/material-symbols-check-green.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#0f271a"><path d="m395-387 264-263q11-11 25-10.5t25 11.5q11 11 11 25t-11 25L421-311q-11 11-25.5 11T370-311L251-430q-11-11-11-25t11-25q11-11 25-11t25 11l94 93Z"/></svg>

services/web/public/img/website-redesign/picture_as_pdf.svg

@@ -0,0 +1,3 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3333 17.3542H18.375C18.9535 17.3542 19.4384 17.1585 19.8297 16.7672C20.221 16.3759 20.4167 15.891 20.4167 15.3125V13.2708C20.4167 12.6924 20.221 12.2075 19.8297 11.8161C19.4384 11.4248 18.9535 11.2292 18.375 11.2292H15.3125C15.0403 11.2292 14.8021 11.3313 14.5979 11.5354C14.3938 11.7396 14.2917 11.9778 14.2917 12.25V20.4167C14.2917 20.6889 14.3938 20.9271 14.5979 21.1313C14.8021 21.3354 15.0403 21.4375 15.3125 21.4375C15.5847 21.4375 15.8229 21.3354 16.0271 21.1313C16.2313 20.9271 16.3333 20.6889 16.3333 20.4167V17.3542ZM16.3333 15.3125V13.2708H18.375V15.3125H16.3333ZM26.5417 21.4375C27.1201 21.4375 27.605 21.2418 27.9964 20.8505C28.3877 20.4592 28.5833 19.9743 28.5833 19.3958V13.2708C28.5833 12.6924 28.3877 12.2075 27.9964 11.8161C27.605 11.4248 27.1201 11.2292 26.5417 11.2292H23.4792C23.2069 11.2292 22.9688 11.3313 22.7646 11.5354C22.5604 11.7396 22.4583 11.9778 22.4583 12.25V20.4167C22.4583 20.6889 22.5604 20.9271 22.7646 21.1313C22.9688 21.3354 23.2069 21.4375 23.4792 21.4375H26.5417ZM24.5 19.3958V13.2708H26.5417V19.3958H24.5ZM32.6667 17.3542H33.6875C33.9597 17.3542 34.1979 17.2521 34.4021 17.0479C34.6063 16.8438 34.7083 16.6056 34.7083 16.3333C34.7083 16.0611 34.6063 15.8229 34.4021 15.6188C34.1979 15.4146 33.9597 15.3125 33.6875 15.3125H32.6667V13.2708H33.6875C33.9597 13.2708 34.1979 13.1688 34.4021 12.9646C34.6063 12.7604 34.7083 12.5222 34.7083 12.25C34.7083 11.9778 34.6063 11.7396 34.4021 11.5354C34.1979 11.3313 33.9597 11.2292 33.6875 11.2292H31.6458C31.3736 11.2292 31.1354 11.3313 30.9313 11.5354C30.7271 11.7396 30.625 11.9778 30.625 12.25V20.4167C30.625 20.6889 30.7271 20.9271 30.9313 21.1313C31.1354 21.3354 31.3736 21.4375 31.6458 21.4375C31.9181 21.4375 32.1563 21.3354 32.3604 21.1313C32.5646 20.9271 32.6667 20.6889 32.6667 20.4167V17.3542ZM12.25 32.6667C11.1271 32.6667 10.1658 32.2668 9.36615 31.4672C8.56649 30.6675 8.16667 29.7063 8.16667 28.5833V4.08333C8.16667 2.96042 8.56649 1.99913 9.36615 1.19948C10.1658 0.399826 11.1271 0 12.25 0H36.75C37.8729 0 38.8342 0.399826 39.6339 1.19948C40.4335 1.99913 40.8333 2.96042 40.8333 4.08333V28.5833C40.8333 29.7063 40.4335 30.6675 39.6339 31.4672C38.8342 32.2668 37.8729 32.6667 36.75 32.6667H12.25ZM4.08333 40.8333C2.96042 40.8333 1.99913 40.4335 1.19948 39.6339C0.399826 38.8342 0 37.8729 0 36.75V10.2083C0 9.62986 0.19566 9.14497 0.586979 8.75365C0.978299 8.36233 1.46319 8.16667 2.04167 8.16667C2.62014 8.16667 3.10503 8.36233 3.49635 8.75365C3.88767 9.14497 4.08333 9.62986 4.08333 10.2083V36.75H30.625C31.2035 36.75 31.6884 36.9457 32.0797 37.337C32.471 37.7283 32.6667 38.2132 32.6667 38.7917C32.6667 39.3701 32.471 39.855 32.0797 40.2464C31.6884 40.6377 31.2035 40.8333 30.625 40.8333H4.08333Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/preview.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66667 42C3.38333 42 2.28472 41.5431 1.37083 40.6292C0.456944 39.7153 0 38.6167 0 37.3333V4.66667C0 3.38333 0.456944 2.28472 1.37083 1.37083C2.28472 0.456944 3.38333 0 4.66667 0H37.3333C38.6167 0 39.7153 0.456944 40.6292 1.37083C41.5431 2.28472 42 3.38333 42 4.66667V37.3333C42 38.6167 41.5431 39.7153 40.6292 40.6292C39.7153 41.5431 38.6167 42 37.3333 42H4.66667ZM4.66667 37.3333H37.3333V9.33333H4.66667V37.3333ZM21 32.6667C17.8111 32.6667 14.9625 31.8014 12.4542 30.0708C9.94583 28.3403 8.12778 26.0944 7 23.3333C8.12778 20.5722 9.94583 18.3264 12.4542 16.5958C14.9625 14.8653 17.8111 14 21 14C24.1889 14 27.0375 14.8653 29.5458 16.5958C32.0542 18.3264 33.8722 20.5722 35 23.3333C33.8722 26.0944 32.0542 28.3403 29.5458 30.0708C27.0375 31.8014 24.1889 32.6667 21 32.6667ZM21 26.8333C20.0278 26.8333 19.2014 26.4931 18.5208 25.8125C17.8403 25.1319 17.5 24.3056 17.5 23.3333C17.5 22.3611 17.8403 21.5347 18.5208 20.8542C19.2014 20.1736 20.0278 19.8333 21 19.8333C21.9722 19.8333 22.7986 20.1736 23.4792 20.8542C24.1597 21.5347 24.5 22.3611 24.5 23.3333C24.5 24.3056 24.1597 25.1319 23.4792 25.8125C22.7986 26.4931 21.9722 26.8333 21 26.8333ZM21 29.1667C22.6333 29.1667 24.0139 28.6028 25.1417 27.475C26.2694 26.3472 26.8333 24.9667 26.8333 23.3333C26.8333 21.7 26.2694 20.3194 25.1417 19.1917C24.0139 18.0639 22.6333 17.5 21 17.5C19.3667 17.5 17.9861 18.0639 16.8583 19.1917C15.7306 20.3194 15.1667 21.7 15.1667 23.3333C15.1667 24.9667 15.7306 26.3472 16.8583 27.475C17.9861 28.6028 19.3667 29.1667 21 29.1667Z" fill="#4354A3"/>
+</svg>

services/web/public/img/website-redesign/school.svg

@@ -0,0 +1,3 @@
+<svg width="50" height="42" viewBox="0 0 50 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.0004 30.3342V16.5676L26.2171 26.7759C25.5171 27.1648 24.7782 27.3592 24.0004 27.3592C23.2226 27.3592 22.4837 27.1648 21.7837 26.7759L2.06706 16.0426C1.63928 15.8092 1.33789 15.5176 1.16289 15.1676C0.987891 14.8176 0.900391 14.4287 0.900391 14.0009C0.900391 13.5731 0.987891 13.1842 1.16289 12.8342C1.33789 12.4842 1.63928 12.1926 2.06706 11.9592L21.7837 1.22591C22.1337 1.03147 22.4934 0.885634 22.8629 0.788411C23.2323 0.691189 23.6115 0.642578 24.0004 0.642578C24.3893 0.642578 24.7684 0.691189 25.1379 0.788411C25.5073 0.885634 25.8671 1.03147 26.2171 1.22591L48.4421 13.3592C48.8309 13.5537 49.1323 13.8356 49.3462 14.2051C49.5601 14.5745 49.6671 14.9731 49.6671 15.4009V30.3342C49.6671 30.9954 49.4434 31.5495 48.9962 31.9967C48.549 32.444 47.9948 32.6676 47.3337 32.6676C46.6726 32.6676 46.1184 32.444 45.6712 31.9967C45.224 31.5495 45.0004 30.9954 45.0004 30.3342ZM21.7837 40.7759L10.1171 34.4759C9.33928 34.0481 8.7365 33.4648 8.30872 32.7259C7.88095 31.987 7.66706 31.1898 7.66706 30.3342V21.4676L21.7837 29.1092C22.4837 29.4981 23.2226 29.6926 24.0004 29.6926C24.7782 29.6926 25.5171 29.4981 26.2171 29.1092L40.3337 21.4676V30.3342C40.3337 31.1898 40.1198 31.987 39.6921 32.7259C39.2643 33.4648 38.6615 34.0481 37.8837 34.4759L26.2171 40.7759C25.8671 40.9704 25.5073 41.1162 25.1379 41.2134C24.7684 41.3106 24.3893 41.3592 24.0004 41.3592C23.6115 41.3592 23.2323 41.3106 22.8629 41.2134C22.4934 41.1162 22.1337 40.9704 21.7837 40.7759Z" fill="#4354A3"/>
+</svg>