github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #16178 from overleaf/tm-website-redesign-why-latex

Browse source 
Implement Why Latex? page

GitOrigin-RevId: 7596673d2261331040a6ff53de279445acafbcf8
This commit is contained in:
M Fahru 2023-12-13 07:43:29 -07:00 committed by Copybot
parent a79d115693
commit 14cc40ac90
10 changed files with 137 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
services/web/frontend/stylesheets/app/website-redesign.less
View file

@ -27,10 +27,6 @@
font-weight: 600; font-weight: 600;
} }
a {
font-weight: 600;
}
.img-rounded { .img-rounded {
// TODO: design specifies 'border-radius-large' which is 5px, but uses 16px // TODO: design specifies 'border-radius-large' which is 5px, but uses 16px
border-radius: 16px; border-radius: 16px;
@ -113,6 +109,11 @@
} }
.info-cards { .info-cards {
@media (min-width: @screen-md-min) {
display: flex; /* equal heights */
flex-wrap: wrap;
}
.info-card-container { .info-card-container {
min-height: 348px; min-height: 348px;
margin-bottom: 16px; margin-bottom: 16px;
@ -132,6 +133,10 @@
} }
.features-card { .features-card {
display: flex; /* equal heights */
flex-wrap: wrap;
align-items: center;
.features-card-image { .features-card-image {
img.img-responsive { img.img-responsive {
width: 100%; width: 100%;
@ -202,6 +207,7 @@
a { a {
width: 100%; width: 100%;
font-weight: 600;
color: var(--neutral-90); color: var(--neutral-90);
display: inline-flex; display: inline-flex;
justify-content: space-between; justify-content: space-between;
@ -400,6 +406,42 @@
} }
} }
.resources {
@media (min-width: @screen-md-min) {
display: flex; /* equal heights */
flex-wrap: wrap;
}
.resources-card {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 48px;
align-content: flex-start;
@media (max-width: @screen-sm-max) {
margin-bottom: 16px;
}
img {
width: 56px;
}
h3 {
width: 100%;
}
a {
margin-top: auto;
}
}
}
.centered-block {
@media (min-width: @screen-md-min) {
text-align: center;
}
}
.mono-text { .mono-text {
font-family: 'DM Mono', monospace; font-family: 'DM Mono', monospace;
color: var(--green-60); color: var(--green-60);
@ -542,7 +584,7 @@
} }
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
flex-direction: column; flex-direction: column-reverse;
width: 100%; width: 100%;
} }
} }

10
services/web/public/img/website-redesign/add-notes-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1294_25813" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1294_25813)">
<path d="M33.5 34.5V36.5C33.5 36.6333 33.55 36.75 33.65 36.85C33.75 36.95 33.8667 37 34 37C34.1333 37 34.25 36.95 34.35 36.85C34.45 36.75 34.5 36.6333 34.5 36.5V34.5H36.5C36.6333 34.5 36.75 34.45 36.85 34.35C36.95 34.25 37 34.1333 37 34C37 33.8667 36.95 33.75 36.85 33.65C36.75 33.55 36.6333 33.5 36.5 33.5H34.5V31.5C34.5 31.3667 34.45 31.25 34.35 31.15C34.25 31.05 34.1333 31 34 31C33.8667 31 33.75 31.05 33.65 31.15C33.55 31.25 33.5 31.3667 33.5 31.5V33.5H31.5C31.3667 33.5 31.25 33.55 31.15 33.65C31.05 33.75 31 33.8667 31 34C31 34.1333 31.05 34.25 31.15 34.35C31.25 34.45 31.3667 34.5 31.5 34.5H33.5ZM34 39C32.6167 39 31.4375 38.5125 30.4625 37.5375C29.4875 36.5625 29 35.3833 29 34C29 32.6167 29.4875 31.4375 30.4625 30.4625C31.4375 29.4875 32.6167 29 34 29C35.3833 29 36.5625 29.4875 37.5375 30.4625C38.5125 31.4375 39 32.6167 39 34C39 35.3833 38.5125 36.5625 37.5375 37.5375C36.5625 38.5125 35.3833 39 34 39ZM24 25H32C32.2833 25 32.5208 24.9042 32.7125 24.7125C32.9042 24.5208 33 24.2833 33 24C33 23.7167 32.9042 23.4792 32.7125 23.2875C32.5208 23.0958 32.2833 23 32 23H24C23.7167 23 23.4792 23.0958 23.2875 23.2875C23.0958 23.4792 23 23.7167 23 24C23 24.2833 23.0958 24.5208 23.2875 24.7125C23.4792 24.9042 23.7167 25 24 25ZM27.675 37H21C20.45 37 19.9792 36.8042 19.5875 36.4125C19.1958 36.0208 19 35.55 19 35V21C19 20.45 19.1958 19.9792 19.5875 19.5875C19.9792 19.1958 20.45 19 21 19H35C35.55 19 36.0208 19.1958 36.4125 19.5875C36.8042 19.9792 37 20.45 37 21V27.7C36.5167 27.4667 36.0292 27.2917 35.5375 27.175C35.0458 27.0583 34.5333 27 34 27C33.8167 27 33.6458 27.0042 33.4875 27.0125C33.3292 27.0208 33.1667 27.0417 33 27.075C32.85 27.0417 32.6833 27.0208 32.5 27.0125C32.3167 27.0042 32.15 27 32 27H24C23.7167 27 23.4792 27.0958 23.2875 27.2875C23.0958 27.4792 23 27.7167 23 28C23 28.2833 23.0958 28.5208 23.2875 28.7125C23.4792 28.9042 23.7167 29 24 29H29.125C28.825 29.2833 28.5542 29.5917 28.3125 29.925C28.0708 30.2583 27.8583 30.6167 27.675 31H24C23.7167 31 23.4792 31.0958 23.2875 31.2875C23.0958 31.4792 23 31.7167 23 32C23 32.2833 23.0958 32.5208 23.2875 32.7125C23.4792 32.9042 23.7167 33 24 33H27.075C27.0417 33.1667 27.0208 33.3292 27.0125 33.4875C27.0042 33.6458 27 33.8167 27 34C27 34.55 27.05 35.0625 27.15 35.5375C27.25 36.0125 27.425 36.5 27.675 37Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

10
services/web/public/img/website-redesign/book-4-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1238_23822" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1238_23822)">
<path d="M24 32C24.2833 32 24.5208 31.9042 24.7125 31.7125C24.9042 31.5208 25 31.2833 25 31V21C25 20.7167 24.9042 20.4792 24.7125 20.2875C24.5208 20.0958 24.2833 20 24 20C23.7167 20 23.4792 20.0958 23.2875 20.2875C23.0958 20.4792 23 20.7167 23 21V31C23 31.2833 23.0958 31.5208 23.2875 31.7125C23.4792 31.9042 23.7167 32 24 32ZM22 38C21.1667 38 20.4583 37.7083 19.875 37.125C19.2917 36.5417 19 35.8333 19 35V21C19 20.1667 19.2917 19.4583 19.875 18.875C20.4583 18.2917 21.1667 18 22 18H31C31.55 18 32.0208 18.1958 32.4125 18.5875C32.8042 18.9792 33 19.45 33 20V32C33 32.55 32.8042 33.0208 32.4125 33.4125C32.0208 33.8042 31.55 34 31 34H22C21.7167 34 21.4792 34.0958 21.2875 34.2875C21.0958 34.4792 21 34.7167 21 35C21 35.2833 21.0958 35.5208 21.2875 35.7125C21.4792 35.9042 21.7167 36 22 36H35V21C35 20.7167 35.0958 20.4792 35.2875 20.2875C35.4792 20.0958 35.7167 20 36 20C36.2833 20 36.5208 20.0958 36.7125 20.2875C36.9042 20.4792 37 20.7167 37 21V36C37 36.55 36.8042 37.0208 36.4125 37.4125C36.0208 37.8042 35.55 38 35 38H22Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

10
services/web/public/img/website-redesign/design-services-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1773_217944" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1773_217944)">
<path d="M24.8 26.9501L26.95 24.7751L25.55 23.3501L25.15 23.7501C24.9667 23.9334 24.7375 24.0292 24.4625 24.0376C24.1875 24.0459 23.95 23.9501 23.75 23.7501C23.55 23.5501 23.45 23.3126 23.45 23.0376C23.45 22.7626 23.55 22.5251 23.75 22.3251L24.125 21.9501L23 20.8251L20.825 23.0001L24.8 26.9501ZM33 35.1751L35.175 33.0001L34.05 31.8751L33.65 32.2501C33.45 32.4501 33.2167 32.5501 32.95 32.5501C32.6833 32.5501 32.45 32.4501 32.25 32.2501C32.05 32.0501 31.95 31.8167 31.95 31.5501C31.95 31.2834 32.05 31.0501 32.25 30.8501L32.625 30.4501L31.2 29.0501L29.05 31.2001L33 35.1751ZM32.225 22.4251L33.625 23.8251L35.025 22.4251L33.6 21.0001L32.225 22.4251ZM20 37.0001C19.7167 37.0001 19.4792 36.9042 19.2875 36.7126C19.0958 36.5209 19 36.2834 19 36.0001V33.1751C19 33.0417 19.025 32.9126 19.075 32.7876C19.125 32.6626 19.2 32.5501 19.3 32.4501L23.375 28.3751L19.05 24.0501C18.7667 23.7667 18.625 23.4167 18.625 23.0001C18.625 22.5834 18.7667 22.2334 19.05 21.9501L21.95 19.0501C22.2333 18.7667 22.5833 18.6292 23 18.6376C23.4167 18.6459 23.7667 18.7917 24.05 19.0751L28.4 23.4001L32.175 19.6001C32.375 19.4001 32.6 19.2501 32.85 19.1501C33.1 19.0501 33.3583 19.0001 33.625 19.0001C33.8917 19.0001 34.15 19.0501 34.4 19.1501C34.65 19.2501 34.875 19.4001 35.075 19.6001L36.4 20.9501C36.6 21.1501 36.75 21.3751 36.85 21.6251C36.95 21.8751 37 22.1334 37 22.4001C37 22.6667 36.95 22.9209 36.85 23.1626C36.75 23.4042 36.6 23.6251 36.4 23.8251L32.625 27.6251L36.95 31.9501C37.2333 32.2334 37.375 32.5834 37.375 33.0001C37.375 33.4167 37.2333 33.7667 36.95 34.0501L34.05 36.9501C33.7667 37.2334 33.4167 37.3751 33 37.3751C32.5833 37.3751 32.2333 37.2334 31.95 36.9501L27.625 32.6251L23.55 36.7001C23.45 36.8001 23.3375 36.8751 23.2125 36.9251C23.0875 36.9751 22.9583 37.0001 22.825 37.0001H20Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

10
services/web/public/img/website-redesign/live-tv-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1294_25809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1294_25809)">
<path d="M27.05 30.5L31.2 27.85C31.5 27.65 31.65 27.3667 31.65 27C31.65 26.6333 31.5 26.35 31.2 26.15L27.05 23.5C26.7167 23.2833 26.375 23.2667 26.025 23.45C25.675 23.6333 25.5 23.925 25.5 24.325V29.675C25.5 30.075 25.675 30.3667 26.025 30.55C26.375 30.7333 26.7167 30.7167 27.05 30.5ZM20 35C19.45 35 18.9792 34.8042 18.5875 34.4125C18.1958 34.0208 18 33.55 18 33V21C18 20.45 18.1958 19.9792 18.5875 19.5875C18.9792 19.1958 19.45 19 20 19H36C36.55 19 37.0208 19.1958 37.4125 19.5875C37.8042 19.9792 38 20.45 38 21V33C38 33.55 37.8042 34.0208 37.4125 34.4125C37.0208 34.8042 36.55 35 36 35H32V36C32 36.2833 31.9042 36.5208 31.7125 36.7125C31.5208 36.9042 31.2833 37 31 37H25C24.7167 37 24.4792 36.9042 24.2875 36.7125C24.0958 36.5208 24 36.2833 24 36V35H20Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

10
services/web/public/img/website-redesign/local-library-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1294_25817" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1294_25817)">
<path d="M22 38C21.45 38 20.9792 37.8042 20.5875 37.4125C20.1958 37.0208 20 36.55 20 36V20C20 19.45 20.1958 18.9792 20.5875 18.5875C20.9792 18.1958 21.45 18 22 18H29.175C29.4417 18 29.6958 18.05 29.9375 18.15C30.1792 18.25 30.3917 18.3917 30.575 18.575L35.425 23.425C35.6083 23.6083 35.75 23.8208 35.85 24.0625C35.95 24.3042 36 24.5583 36 24.825V27C35.6167 27.0833 35.2583 27.2167 34.925 27.4C34.5917 27.5833 34.2833 27.8167 34 28.1L28.6 33.5C28.4167 33.6833 28.2708 33.8958 28.1625 34.1375C28.0542 34.3792 28 34.6333 28 34.9V38H22ZM30 37V35.35C30 35.2167 30.025 35.0875 30.075 34.9625C30.125 34.8375 30.2 34.725 30.3 34.625L35.525 29.425C35.675 29.275 35.8417 29.1667 36.025 29.1C36.2083 29.0333 36.3917 29 36.575 29C36.775 29 36.9667 29.0375 37.15 29.1125C37.3333 29.1875 37.5 29.3 37.65 29.45L38.575 30.375C38.7083 30.525 38.8125 30.6917 38.8875 30.875C38.9625 31.0583 39 31.2417 39 31.425C39 31.6083 38.9667 31.7958 38.9 31.9875C38.8333 32.1792 38.725 32.35 38.575 32.5L33.375 37.7C33.275 37.8 33.1625 37.875 33.0375 37.925C32.9125 37.975 32.7833 38 32.65 38H31C30.7167 38 30.4792 37.9042 30.2875 37.7125C30.0958 37.5208 30 37.2833 30 37ZM36.575 32.4L37.5 31.425L36.575 30.5L35.625 31.45L36.575 32.4ZM30 25H34L29 20V24C29 24.2833 29.0958 24.5208 29.2875 24.7125C29.4792 24.9042 29.7167 25 30 25Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

10
services/web/public/img/website-redesign/preview-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1294_25821" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1294_25821)">
<path d="M21 37C20.45 37 19.9792 36.8042 19.5875 36.4125C19.1958 36.0208 19 35.55 19 35V21C19 20.45 19.1958 19.9792 19.5875 19.5875C19.9792 19.1958 20.45 19 21 19H35C35.55 19 36.0208 19.1958 36.4125 19.5875C36.8042 19.9792 37 20.45 37 21V35C37 35.55 36.8042 36.0208 36.4125 36.4125C36.0208 36.8042 35.55 37 35 37H21ZM21 35H35V23H21V35ZM28 33C26.6333 33 25.4125 32.6292 24.3375 31.8875C23.2625 31.1458 22.4833 30.1833 22 29C22.4833 27.8167 23.2625 26.8542 24.3375 26.1125C25.4125 25.3708 26.6333 25 28 25C29.3667 25 30.5875 25.3708 31.6625 26.1125C32.7375 26.8542 33.5167 27.8167 34 29C33.5167 30.1833 32.7375 31.1458 31.6625 31.8875C30.5875 32.6292 29.3667 33 28 33ZM28 30.5C27.5833 30.5 27.2292 30.3542 26.9375 30.0625C26.6458 29.7708 26.5 29.4167 26.5 29C26.5 28.5833 26.6458 28.2292 26.9375 27.9375C27.2292 27.6458 27.5833 27.5 28 27.5C28.4167 27.5 28.7708 27.6458 29.0625 27.9375C29.3542 28.2292 29.5 28.5833 29.5 29C29.5 29.4167 29.3542 29.7708 29.0625 30.0625C28.7708 30.3542 28.4167 30.5 28 30.5ZM28 31.5C28.7 31.5 29.2917 31.2583 29.775 30.775C30.2583 30.2917 30.5 29.7 30.5 29C30.5 28.3 30.2583 27.7083 29.775 27.225C29.2917 26.7417 28.7 26.5 28 26.5C27.3 26.5 26.7083 26.7417 26.225 27.225C25.7417 27.7083 25.5 28.3 25.5 29C25.5 29.7 25.7417 30.2917 26.225 30.775C26.7083 31.2583 27.3 31.5 28 31.5Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

10
services/web/public/img/website-redesign/school-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1294_25825" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1294_25825)">
<path d="M36.9996 31.9999V26.0999L28.9496 30.4749C28.6496 30.6416 28.3329 30.7249 27.9996 30.7249C27.6663 30.7249 27.3496 30.6416 27.0496 30.4749L18.5996 25.8749C18.4163 25.7749 18.2871 25.6499 18.2121 25.4999C18.1371 25.3499 18.0996 25.1832 18.0996 24.9999C18.0996 24.8166 18.1371 24.6499 18.2121 24.4999C18.2871 24.3499 18.4163 24.2249 18.5996 24.1249L27.0496 19.5249C27.1996 19.4416 27.3538 19.3791 27.5121 19.3374C27.6704 19.2957 27.8329 19.2749 27.9996 19.2749C28.1663 19.2749 28.3288 19.2957 28.4871 19.3374C28.6454 19.3791 28.7996 19.4416 28.9496 19.5249L38.4746 24.7249C38.6413 24.8082 38.7704 24.9291 38.8621 25.0874C38.9538 25.2457 38.9996 25.4166 38.9996 25.5999V31.9999C38.9996 32.2832 38.9038 32.5207 38.7121 32.7124C38.5204 32.9041 38.2829 32.9999 37.9996 32.9999C37.7163 32.9999 37.4788 32.9041 37.2871 32.7124C37.0954 32.5207 36.9996 32.2832 36.9996 31.9999ZM27.0496 36.4749L22.0496 33.7749C21.7163 33.5916 21.4579 33.3416 21.2746 33.0249C21.0913 32.7082 20.9996 32.3666 20.9996 31.9999V28.1999L27.0496 31.4749C27.3496 31.6416 27.6663 31.7249 27.9996 31.7249C28.3329 31.7249 28.6496 31.6416 28.9496 31.4749L34.9996 28.1999V31.9999C34.9996 32.3666 34.9079 32.7082 34.7246 33.0249C34.5413 33.3416 34.2829 33.5916 33.9496 33.7749L28.9496 36.4749C28.7996 36.5582 28.6454 36.6207 28.4871 36.6624C28.3288 36.7041 28.1663 36.7249 27.9996 36.7249C27.8329 36.7249 27.6704 36.7041 27.5121 36.6624C27.3538 36.6207 27.1996 36.5582 27.0496 36.4749Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

10
services/web/public/img/website-redesign/settings-applications-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1238_23659" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="25" height="25">
<rect x="16.1758" y="16.0029" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1238_23659)">
<path d="M26.8758 31.5029L27.0258 32.2279C27.0758 32.4613 27.1883 32.6488 27.3633 32.7904C27.5383 32.9321 27.7424 33.0029 27.9758 33.0029H28.3758C28.6091 33.0029 28.8133 32.9279 28.9883 32.7779C29.1633 32.6279 29.2758 32.4363 29.3258 32.2029L29.4758 31.5029C29.6758 31.4196 29.8633 31.3321 30.0383 31.2404C30.2133 31.1488 30.3924 31.0363 30.5758 30.9029L31.3008 31.1279C31.5174 31.1946 31.7299 31.1863 31.9383 31.1029C32.1466 31.0196 32.3091 30.8863 32.4258 30.7029L32.6258 30.3529C32.7424 30.1529 32.7841 29.9363 32.7508 29.7029C32.7174 29.4696 32.6091 29.2779 32.4258 29.1279L31.8758 28.6529C31.9091 28.4196 31.9258 28.2029 31.9258 28.0029C31.9258 27.8029 31.9091 27.5863 31.8758 27.3529L32.4258 26.8779C32.6091 26.7279 32.7174 26.5404 32.7508 26.3154C32.7841 26.0904 32.7424 25.8779 32.6258 25.6779L32.4008 25.3029C32.2841 25.1196 32.1258 24.9863 31.9258 24.9029C31.7258 24.8196 31.5174 24.8113 31.3008 24.8779L30.5758 25.1029C30.3924 24.9696 30.2133 24.8571 30.0383 24.7654C29.8633 24.6738 29.6758 24.5863 29.4758 24.5029L29.3258 23.7779C29.2758 23.5446 29.1633 23.3571 28.9883 23.2154C28.8133 23.0738 28.6091 23.0029 28.3758 23.0029H27.9758C27.7424 23.0029 27.5383 23.0779 27.3633 23.2279C27.1883 23.3779 27.0758 23.5696 27.0258 23.8029L26.8758 24.5029C26.6758 24.5863 26.4883 24.6738 26.3133 24.7654C26.1383 24.8571 25.9591 24.9696 25.7758 25.1029L25.0508 24.8779C24.8341 24.8113 24.6216 24.8196 24.4133 24.9029C24.2049 24.9863 24.0424 25.1196 23.9258 25.3029L23.7258 25.6529C23.6091 25.8529 23.5674 26.0696 23.6008 26.3029C23.6341 26.5363 23.7424 26.7279 23.9258 26.8779L24.4758 27.3529C24.4424 27.5863 24.4258 27.8029 24.4258 28.0029C24.4258 28.2029 24.4424 28.4196 24.4758 28.6529L23.9258 29.1279C23.7424 29.2779 23.6341 29.4654 23.6008 29.6904C23.5674 29.9154 23.6091 30.1279 23.7258 30.3279L23.9508 30.7029C24.0674 30.8863 24.2258 31.0196 24.4258 31.1029C24.6258 31.1863 24.8341 31.1946 25.0508 31.1279L25.7758 30.9029C25.9591 31.0363 26.1383 31.1488 26.3133 31.2404C26.4883 31.3321 26.6758 31.4196 26.8758 31.5029ZM28.1758 30.0029C27.6258 30.0029 27.1549 29.8071 26.7633 29.4154C26.3716 29.0238 26.1758 28.5529 26.1758 28.0029C26.1758 27.4529 26.3716 26.9821 26.7633 26.5904C27.1549 26.1988 27.6258 26.0029 28.1758 26.0029C28.7258 26.0029 29.1966 26.1988 29.5883 26.5904C29.9799 26.9821 30.1758 27.4529 30.1758 28.0029C30.1758 28.5529 29.9799 29.0238 29.5883 29.4154C29.1966 29.8071 28.7258 30.0029 28.1758 30.0029ZM21.1758 37.0029C20.6258 37.0029 20.1549 36.8071 19.7633 36.4154C19.3716 36.0238 19.1758 35.5529 19.1758 35.0029V21.0029C19.1758 20.4529 19.3716 19.9821 19.7633 19.5904C20.1549 19.1988 20.6258 19.0029 21.1758 19.0029H35.1758C35.7258 19.0029 36.1966 19.1988 36.5883 19.5904C36.9799 19.9821 37.1758 20.4529 37.1758 21.0029V35.0029C37.1758 35.5529 36.9799 36.0238 36.5883 36.4154C36.1966 36.8071 35.7258 37.0029 35.1758 37.0029H21.1758Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

10
services/web/public/img/website-redesign/two-pager-round.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="4" width="48" height="48" rx="24" fill="#BBDBB8"/>
<rect x="4" y="4" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
<mask id="mask0_1238_23818" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="15" width="24" height="25">
<rect x="16" y="15.999" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1238_23818)">
<path d="M20 35.999C19.45 35.999 18.9792 35.8032 18.5875 35.4115C18.1958 35.0199 18 34.549 18 33.999V21.999C18 21.449 18.1958 20.9782 18.5875 20.5865C18.9792 20.1949 19.45 19.999 20 19.999H36C36.55 19.999 37.0208 20.1949 37.4125 20.5865C37.8042 20.9782 38 21.449 38 21.999V33.999C38 34.549 37.8042 35.0199 37.4125 35.4115C37.0208 35.8032 36.55 35.999 36 35.999H20ZM29 33.999H36V21.999H29V33.999ZM22 31.999H25C25.2833 31.999 25.5208 31.9032 25.7125 31.7115C25.9042 31.5199 26 31.2824 26 30.999C26 30.7157 25.9042 30.4782 25.7125 30.2865C25.5208 30.0949 25.2833 29.999 25 29.999H22C21.7167 29.999 21.4792 30.0949 21.2875 30.2865C21.0958 30.4782 21 30.7157 21 30.999C21 31.2824 21.0958 31.5199 21.2875 31.7115C21.4792 31.9032 21.7167 31.999 22 31.999ZM22 28.999H25C25.2833 28.999 25.5208 28.9032 25.7125 28.7115C25.9042 28.5199 26 28.2824 26 27.999C26 27.7157 25.9042 27.4782 25.7125 27.2865C25.5208 27.0949 25.2833 26.999 25 26.999H22C21.7167 26.999 21.4792 27.0949 21.2875 27.2865C21.0958 27.4782 21 27.7157 21 27.999C21 28.2824 21.0958 28.5199 21.2875 28.7115C21.4792 28.9032 21.7167 28.999 22 28.999ZM22 25.999H25C25.2833 25.999 25.5208 25.9032 25.7125 25.7115C25.9042 25.5199 26 25.2824 26 24.999C26 24.7157 25.9042 24.4782 25.7125 24.2865C25.5208 24.0949 25.2833 23.999 25 23.999H22C21.7167 23.999 21.4792 24.0949 21.2875 24.2865C21.0958 24.4782 21 24.7157 21 24.999C21 25.2824 21.0958 25.5199 21.2875 25.7115C21.4792 25.9032 21.7167 25.999 22 25.999ZM31 31.999H34C34.2833 31.999 34.5208 31.9032 34.7125 31.7115C34.9042 31.5199 35 31.2824 35 30.999C35 30.7157 34.9042 30.4782 34.7125 30.2865C34.5208 30.0949 34.2833 29.999 34 29.999H31C30.7167 29.999 30.4792 30.0949 30.2875 30.2865C30.0958 30.4782 30 30.7157 30 30.999C30 31.2824 30.0958 31.5199 30.2875 31.7115C30.4792 31.9032 30.7167 31.999 31 31.999ZM31 28.999H34C34.2833 28.999 34.5208 28.9032 34.7125 28.7115C34.9042 28.5199 35 28.2824 35 27.999C35 27.7157 34.9042 27.4782 34.7125 27.2865C34.5208 27.0949 34.2833 26.999 34 26.999H31C30.7167 26.999 30.4792 27.0949 30.2875 27.2865C30.0958 27.4782 30 27.7157 30 27.999C30 28.2824 30.0958 28.5199 30.2875 28.7115C30.4792 28.9032 30.7167 28.999 31 28.999ZM31 25.999H34C34.2833 25.999 34.5208 25.9032 34.7125 25.7115C34.9042 25.5199 35 25.2824 35 24.999C35 24.7157 34.9042 24.4782 34.7125 24.2865C34.5208 24.0949 34.2833 23.999 34 23.999H31C30.7167 23.999 30.4792 24.0949 30.2875 24.2865C30.0958 24.4782 30 24.7157 30 24.999C30 25.2824 30.0958 25.5199 30.2875 25.7115C30.4792 25.9032 30.7167 25.999 31 25.999Z" fill="#138A07"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB