Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-07 23:01:25 -05:00
Code Issues Activity

refactor(console): improve guide logo and contact us logo display (#6391)

Browse source
This commit is contained in:
Charles Zhao 2024-08-06 11:20:52 +08:00 • committed by GitHub
parent a731b09122
commit 43d5bd248c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
54 changed files with 673 additions and 245 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/console/src/assets/docs/guides/api-express/logo-dark.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11277_22146)">
<path d="M40 31.0011C38.545 31.3711 37.645 31.0174 36.8375 29.8049L31.095 21.8599L30.265 20.7599L23.5588 29.8311C22.7925 30.9224 21.9888 31.3974 20.5588 31.0111L29.1462 19.4836L21.1512 9.07112C22.5262 8.80362 23.4762 8.93986 24.32 10.1711L30.2763 18.2149L36.2762 10.2149C37.045 9.12362 37.8713 8.70862 39.2512 9.11112L36.1512 13.2211L31.9513 18.6899C31.4513 19.3149 31.52 19.7424 31.98 20.3461L40 31.0011ZM0.01 19.2911L0.7125 15.8361C2.625 8.99862 10.4625 6.15737 15.8675 10.3824C19.0263 12.8674 19.8113 16.3824 19.655 20.3199H1.85C1.5825 27.4074 6.68375 31.6849 13.1875 29.5024C15.4688 28.7361 16.8125 26.9499 17.485 24.7149C17.8263 23.5949 18.3913 23.4199 19.4438 23.7399C18.9062 26.5349 17.6937 28.8699 15.1312 30.3311C11.3025 32.5186 5.8375 31.8111 2.9625 28.7711C1.25 27.0074 0.5425 24.7724 0.225 22.3824C0.175 21.9874 0.075 21.6111 0 21.2324C0.00666667 20.5857 0.01 19.939 0.01 19.2924V19.2911ZM1.8825 18.8161H17.9725C17.8675 13.6911 14.6762 10.0511 10.315 10.0199C5.5275 9.98237 2.09 13.5361 1.8825 18.8161Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_11277_22146">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

11
packages/console/src/assets/docs/guides/api-express/logo.svg
View file

@ -1,3 +1,10 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40 32.7951C38.836 33.0911 38.116 32.8081 37.47 31.8381L32.876 25.4821L32.212 24.6021L26.847 31.8591C26.234 32.7321 25.591 33.1121 24.447 32.8031L31.317 23.5811L24.921 15.2511C26.021 15.0371 26.781 15.1461 27.456 16.1311L32.221 22.5661L37.021 16.1661C37.636 15.2931 38.297 14.9611 39.401 15.2831L36.921 18.5711L33.561 22.9461C33.161 23.4461 33.216 23.7881 33.584 24.2711L40 32.7951ZM8.008 23.4271L8.57 20.6631C10.1 15.1931 16.37 12.9201 20.694 16.3001C23.221 18.2881 23.849 21.1001 23.724 24.2501H9.48C9.266 29.9201 13.347 33.3421 18.55 31.5961C20.375 30.9831 21.45 29.5541 21.988 27.7661C22.261 26.8701 22.713 26.7301 23.555 26.9861C23.125 29.2221 22.155 31.0901 20.105 32.2591C17.042 34.0091 12.67 33.4431 10.37 31.0111C9 29.6001 8.434 27.8121 8.18 25.9001C8.14 25.5841 8.06 25.2831 8 24.9801C8.00533 24.4628 8.008 23.9455 8.008 23.4281V23.4271ZM9.506 23.0471H22.378C22.294 18.9471 19.741 16.0351 16.252 16.0101C12.422 15.9801 9.672 18.8231 9.506 23.0471Z" fill="black"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9121_88096)">
<path d="M40 31.0011C38.545 31.3711 37.645 31.0174 36.8375 29.8049L31.095 21.8599L30.265 20.7599L23.5588 29.8311C22.7925 30.9224 21.9888 31.3974 20.5588 31.0111L29.1462 19.4836L21.1512 9.07112C22.5262 8.80362 23.4762 8.93986 24.32 10.1711L30.2763 18.2149L36.2762 10.2149C37.045 9.12362 37.8712 8.70862 39.2512 9.11112L36.1512 13.2211L31.9513 18.6899C31.4513 19.3149 31.52 19.7424 31.98 20.3461L40 31.0011ZM0.01 19.2911L0.7125 15.8361C2.625 8.99862 10.4625 6.15737 15.8675 10.3824C19.0263 12.8674 19.8112 16.3824 19.655 20.3199H1.85C1.5825 27.4074 6.68375 31.6849 13.1875 29.5024C15.4688 28.7361 16.8125 26.9499 17.485 24.7149C17.8262 23.5949 18.3913 23.4199 19.4438 23.7399C18.9063 26.5349 17.6937 28.8699 15.1312 30.3311C11.3025 32.5186 5.8375 31.8111 2.9625 28.7711C1.25 27.0074 0.5425 24.7724 0.225 22.3824C0.175 21.9874 0.075 21.6111 0 21.2324C0.00666667 20.5857 0.01 19.939 0.01 19.2924V19.2911ZM1.8825 18.8161H17.9725C17.8675 13.6911 14.6762 10.0511 10.315 10.0199C5.5275 9.98237 2.09 13.5361 1.8825 18.8161Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_9121_88096">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

15
packages/console/src/assets/docs/guides/api-python/logo.svg
View file

@ -1,14 +1,19 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.885 8C15.761 8 16.268 11.523 16.268 11.523L16.278 15.173H24.03V16.268H13.197C13.197 16.268 8 15.678 8 23.876C8 32.072 12.537 31.782 12.537 31.782H15.245V27.978C15.245 27.978 15.099 23.441 19.71 23.441H27.398C27.398 23.441 31.718 23.511 31.718 19.266V12.247C31.718 12.247 32.374 8 23.885 8ZM19.61 10.454C20.381 10.454 21.005 11.078 21.005 11.849C21.005 12.62 20.381 13.244 19.61 13.244C19.4267 13.2443 19.2452 13.2084 19.0758 13.1383C18.9065 13.0683 18.7526 12.9656 18.623 12.836C18.4934 12.7064 18.3907 12.5525 18.3207 12.3832C18.2506 12.2138 18.2147 12.0323 18.215 11.849C18.215 11.078 18.839 10.454 19.61 10.454Z" fill="url(#paint0_linear_129_42168)"/>
<path d="M24.115 39.833C32.239 39.833 31.732 36.31 31.732 36.31L31.722 32.66H23.97V31.565H34.802C34.802 31.565 40 32.155 40 23.958C40 15.761 35.463 16.052 35.463 16.052H32.755V19.855C32.755 19.855 32.901 24.392 28.29 24.392H20.602C20.602 24.392 16.282 24.322 16.282 28.567V35.586C16.282 35.586 15.626 39.833 24.115 39.833ZM28.39 37.379C28.2068 37.3793 28.0252 37.3434 27.8559 37.2734C27.6865 37.2033 27.5326 37.1006 27.403 36.971C27.2734 36.8414 27.1707 36.6875 27.1007 36.5182C27.0307 36.3488 26.9948 36.1673 26.995 35.984C26.995 35.214 27.619 34.59 28.39 34.59C29.161 34.59 29.785 35.213 29.785 35.984C29.785 36.756 29.161 37.379 28.39 37.379Z" fill="url(#paint1_linear_129_42168)"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9122_88152)">
<path d="M19.8563 0.104492C9.70125 0.104492 10.335 4.50824 10.335 4.50824L10.3475 9.07075H20.0375V10.4395H6.49625C6.49625 10.4395 0 9.702 0 19.9495C0 30.1945 5.67125 29.832 5.67125 29.832H9.05625V25.077C9.05625 25.077 8.87375 19.4057 14.6375 19.4057H24.2475C24.2475 19.4057 29.6475 19.4933 29.6475 14.187V5.41324C29.6475 5.41324 30.4675 0.104492 19.8563 0.104492ZM14.5125 3.17199C15.4763 3.17199 16.2563 3.95199 16.2563 4.91575C16.2563 5.8795 15.4763 6.65949 14.5125 6.65949C14.2834 6.65982 14.0565 6.61494 13.8448 6.52743C13.6331 6.43991 13.4407 6.31148 13.2788 6.14949C13.1168 5.98751 12.9883 5.79515 12.9008 5.58344C12.8133 5.37173 12.7684 5.14483 12.7688 4.91575C12.7688 3.95199 13.5488 3.17199 14.5125 3.17199Z" fill="url(#paint0_linear_9122_88152)"/>
<path d="M20.1438 39.8958C30.2988 39.8958 29.6651 35.4921 29.6651 35.4921L29.6526 30.9296H19.9626V29.5608H33.5026C33.5026 29.5608 40.0001 30.2983 40.0001 20.0521C40.0001 9.80582 34.3288 10.1696 34.3288 10.1696H30.9438V14.9233C30.9438 14.9233 31.1263 20.5946 25.3626 20.5946H15.7526C15.7526 20.5946 10.3526 20.5071 10.3526 25.8133V34.5871C10.3526 34.5871 9.53259 39.8958 20.1438 39.8958ZM25.4876 36.8283C25.2585 36.8287 25.0316 36.7838 24.8199 36.6963C24.6082 36.6087 24.4158 36.4803 24.2538 36.3183C24.0919 36.1563 23.9634 35.964 23.8759 35.7523C23.7884 35.5406 23.7435 35.3137 23.7438 35.0846C23.7438 34.1221 24.5238 33.3421 25.4876 33.3421C26.4513 33.3421 27.2313 34.1208 27.2313 35.0846C27.2313 36.0496 26.4513 36.8283 25.4876 36.8283Z" fill="url(#paint1_linear_9122_88152)"/>
</g>
<defs>
<linearGradient id="paint0_linear_129_42168" x1="11.075" y1="10.782" x2="26.898" y2="26.658" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_9122_88152" x1="3.84375" y1="3.58199" x2="23.6225" y2="23.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#387EB8"/>
<stop offset="1" stop-color="#366994"/>
</linearGradient>
<linearGradient id="paint1_linear_129_42168" x1="20.809" y1="20.882" x2="37.803" y2="37.163" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_9122_88152" x1="16.0113" y1="16.2071" x2="37.2538" y2="36.5583" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFE052"/>
<stop offset="1" stop-color="#FFC331"/>
</linearGradient>
<clipPath id="clip0_9122_88152">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

10
packages/console/src/assets/docs/guides/api-spring-boot/logo.svg
View file

@ -1,10 +1,10 @@
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_48_60544)">
<path d="M37.7667 9.68245C37.3185 10.757 36.7447 11.7748 36.0572 12.7144C34.5564 11.2074 32.771 10.0137 30.8047 9.20278C28.8385 8.39188 26.7306 7.97995 24.6037 7.99094C22.4769 8.00193 20.3734 8.43562 18.4156 9.26679C16.4579 10.098 14.6848 11.31 13.1997 12.8325C11.7145 14.3551 10.5469 16.1576 9.76455 18.1354C8.98225 20.1132 8.60092 22.2268 8.64275 24.3533C8.68458 26.4798 9.14872 28.5768 10.0082 30.5223C10.8677 32.4678 12.1053 34.223 13.6492 35.6859L14.2422 36.2094C16.5051 38.1162 19.2515 39.3598 22.1773 39.8027C25.1031 40.2455 28.0945 39.8704 30.8203 38.7187C33.5462 37.567 35.9003 35.6837 37.6223 33.2772C39.3443 30.8706 40.367 28.0346 40.5772 25.0829C41.0147 20.9979 39.8152 15.8279 37.7672 9.68295L37.7667 9.68245ZM15.9317 35.7789C15.761 35.9899 15.5314 36.1455 15.2722 36.2261C15.013 36.3066 14.7358 36.3084 14.4755 36.2313C14.2153 36.1542 13.9837 36.0017 13.8102 35.7929C13.6367 35.5842 13.529 35.3287 13.5007 35.0588C13.4724 34.7888 13.5248 34.5165 13.6513 34.2764C13.7778 34.0362 13.9727 33.839 14.2114 33.7096C14.45 33.5803 14.7216 33.5246 14.9919 33.5497C15.2622 33.5748 15.5189 33.6794 15.7297 33.8504C16.012 34.0795 16.1919 34.4113 16.2298 34.7729C16.2676 35.1345 16.1604 35.4963 15.9317 35.7789ZM37.7007 30.9739C33.7407 36.2489 25.2857 34.4689 19.8647 34.7249C19.8647 34.7249 18.9037 34.7814 17.9362 34.9399C17.9362 34.9399 18.3012 34.7849 18.7677 34.6084C22.5747 33.2834 24.3742 33.0284 26.6867 31.8384C31.0407 29.6249 35.3477 24.7774 36.2427 19.7384C34.5862 24.5859 29.5562 28.7544 24.9777 30.4474C21.8397 31.6039 16.1707 32.7304 16.1707 32.7304L15.9422 32.6079C12.0852 30.7329 11.9662 22.3794 18.9807 19.6854C22.0522 18.5024 24.9907 19.1519 28.3077 18.3604C31.8497 17.5189 35.9477 14.8654 37.6152 11.4024C39.4802 16.9424 41.7272 25.6134 37.6982 30.9774L37.7007 30.9739Z" fill="#68BD45"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9133_88406)">
<path d="M36.3779 2.13434C35.8181 3.47644 35.1014 4.74754 34.2428 5.92112C32.3684 4.03887 30.1385 2.54803 27.6828 1.53527C25.227 0.522503 22.5945 0.00802741 19.9381 0.0217519C17.2818 0.0354764 14.6547 0.577127 12.2096 1.61521C9.76445 2.6533 7.55008 4.1671 5.69521 6.06862C3.84034 7.97013 2.38198 10.2214 1.40494 12.6916C0.427886 15.1617 -0.0483634 17.8015 0.00387615 20.4573C0.0561157 23.1132 0.635802 25.7321 1.70923 28.162C2.78266 30.5918 4.32842 32.784 6.25663 34.6111L6.99725 35.2649C9.82352 37.6463 13.2535 39.1995 16.9077 39.7526C20.5619 40.3057 24.2978 39.8371 27.7023 38.3988C31.1067 36.9604 34.0469 34.6083 36.1975 31.6027C38.3481 28.597 39.6254 25.0551 39.888 21.3686C40.4344 16.2667 38.9363 9.80968 36.3785 2.13497L36.3779 2.13434ZM9.10732 34.7272C8.89406 34.9907 8.60743 35.1851 8.28369 35.2856C7.95995 35.3862 7.61365 35.3885 7.28861 35.2922C6.96358 35.1959 6.67441 35.0054 6.45769 34.7447C6.24097 34.484 6.10644 34.1649 6.07112 33.8278C6.03581 33.4906 6.10129 33.1505 6.25929 32.8506C6.41729 32.5507 6.6607 32.3044 6.95873 32.1428C7.25676 31.9812 7.59601 31.9117 7.93356 31.943C8.27112 31.9743 8.5918 32.1051 8.85504 32.3187C9.20764 32.6048 9.43226 33.0191 9.47956 33.4707C9.52686 33.9223 9.39298 34.3743 9.10732 34.7272ZM36.2954 28.7261C31.3496 35.3142 20.7899 33.0911 14.0194 33.4108C14.0194 33.4108 12.8192 33.4814 11.6108 33.6794C11.6108 33.6794 12.0667 33.4858 12.6493 33.2653C17.404 31.6105 19.6515 31.292 22.5396 29.8058C27.9775 27.0413 33.3567 20.987 34.4745 14.6937C32.4056 20.7479 26.1235 25.9541 20.4052 28.0685C16.486 29.5129 9.40582 30.9198 9.40582 30.9198L9.12044 30.7668C4.30329 28.4251 4.15466 17.9921 12.9153 14.6275C16.7514 13.15 20.4214 13.9612 24.5642 12.9726C28.9879 11.9216 34.106 8.60758 36.1887 4.28251C38.5179 11.2016 41.3243 22.0312 36.2923 28.7305L36.2954 28.7261Z" fill="#68BD45"/>
</g>
<defs>
<clipPath id="clip0_48_60544">
<rect width="32" height="32" fill="white" transform="translate(8.6665 8)"/>
<clipPath id="clip0_9133_88406">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

28
packages/console/src/assets/docs/guides/generate-metadata.js
View file

@ -1,4 +1,4 @@
// This script generates the `index.ts` file for all the guides.
// This script generates the `index.tsx` file for all the guides.
// It should be run from the `packages/console/src/assets/docs/guides` (current) directory.
// For conventions and specifications, see the `README.md` file in this directory.
@ -21,6 +21,9 @@ const data = await Promise.all(
}
const logo = ['logo.webp', 'logo.svg', 'logo.png'].find((logo) => existsSync(`${directory}/${logo}`));
const darkLogo = ['logo-dark.webp', 'logo-dark.svg', 'logo-dark.png'].find((logo) =>
existsSync(`${directory}/${logo}`)
);
const config = existsSync(`${directory}/config.json`)
? await import(`./${directory}/config.json`, { assert: { type: 'json' } }).then(
@ -31,6 +34,7 @@ const data = await Promise.all(
return {
name: directory,
logo,
darkLogo,
order: config?.order ?? Number.POSITIVE_INFINITY,
};
})
@ -45,10 +49,11 @@ const filename = 'index.tsx';
await fs.writeFile(
filename,
"// This is a generated file, don't update manually.\n\nimport { lazy } from 'react';\n\nimport { type Guide } from './types';\n"
`/* eslint-disable max-lines */
// This is a generated file, don't update manually.\n\nimport { lazy } from 'react';\n\nimport { type Guide } from './types';\n`
);
for (const { name, logo } of metadata) {
for (const { name, logo, darkLogo } of metadata) {
// eslint-disable-next-line no-await-in-loop
await fs.appendFile(filename, `import ${camelCase(name)} from './${name}/index';\n`);
@ -56,18 +61,23 @@ for (const { name, logo } of metadata) {
// eslint-disable-next-line no-await-in-loop
await fs.appendFile(filename, `import ${camelCase(name)}Logo from './${name}/${logo}';\n`);
}
if (darkLogo && !darkLogo.endsWith('.svg')) {
// eslint-disable-next-line no-await-in-loop
await fs.appendFile(filename, `import ${camelCase(name)}LogoDark from './${name}/${darkLogo}';\n`);
}
}
await fs.appendFile(filename, '\n');
await fs.appendFile(filename, 'export const guides: Readonly<Guide[]> = Object.freeze([');
const getLogo = ({ name, logo }) => {
const getLogo = ({ name, logo, isDark }) => {
if (!logo) return 'undefined';
if (logo.endsWith('.svg')) return `lazy(async () => import('./${name}/${logo}'))`;
return `({ className }: { readonly className?: string }) => <img src={${camelCase(name)}Logo} alt="${name}" className={className} />`;
if (logo.endsWith('.svg')) return `lazy(async () => import('./${name}/${logo}?react'))`;
return `({ className }: { readonly className?: string }) => <img src={${camelCase(name)}Logo${isDark ? 'Dark' : ''}} alt="${name}" className={className} />`;
};
for (const { name, logo, order } of metadata) {
for (const { name, logo, darkLogo, order } of metadata) {
// eslint-disable-next-line no-await-in-loop
await fs.appendFile(
filename,
@ -76,10 +86,12 @@ for (const { name, logo, order } of metadata) {
order: ${order},
id: '${name}',
Logo: ${getLogo({ name, logo })},
DarkLogo: ${getLogo({ name, logo: darkLogo, isDark: true })},
Component: lazy(async () => import('./${name}/README.mdx')),
metadata: ${camelCase(name)},
},`
);
}
await fs.appendFile(filename, ']);\n');
await fs.appendFile(filename, `]);
/* eslint-enable max-lines */\n`);

42
packages/console/src/assets/docs/guides/index.tsx
View file

@ -1,3 +1,4 @@
/* eslint-disable max-lines */
// This is a generated file, don't update manually.
import { lazy } from 'react';
@ -36,7 +37,6 @@ import webPassport from './web-passport/index';
import webPhp from './web-php/index';
import webPython from './web-python/index';
import webRuby from './web-ruby/index';
import webRubyLogo from './web-ruby/logo.webp';
import webSveltekit from './web-sveltekit/index';
import webWordpress from './web-wordpress/index';
@ -45,6 +45,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1,
id: 'web-next-app-router',
Logo: lazy(async () => import('./web-next-app-router/logo.svg?react')),
DarkLogo: lazy(async () => import('./web-next-app-router/logo-dark.svg?react')),
Component: lazy(async () => import('./web-next-app-router/README.mdx')),
metadata: webNextAppRouter,
},
@ -52,6 +53,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.1,
id: 'native-expo',
Logo: lazy(async () => import('./native-expo/logo.svg?react')),
DarkLogo: lazy(async () => import('./native-expo/logo-dark.svg?react')),
Component: lazy(async () => import('./native-expo/README.mdx')),
metadata: nativeExpo,
},
@ -59,6 +61,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.1,
id: 'spa-angular',
Logo: lazy(async () => import('./spa-angular/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-angular/README.mdx')),
metadata: spaAngular,
},
@ -66,6 +69,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.1,
id: 'spa-chrome-extension',
Logo: lazy(async () => import('./spa-chrome-extension/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-chrome-extension/README.mdx')),
metadata: spaChromeExtension,
},
@ -73,6 +77,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.1,
id: 'spa-react',
Logo: lazy(async () => import('./spa-react/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-react/README.mdx')),
metadata: spaReact,
},
@ -80,6 +85,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.2,
id: 'm2m-general',
Logo: lazy(async () => import('./m2m-general/logo.svg?react')),
DarkLogo: lazy(async () => import('./m2m-general/logo-dark.svg?react')),
Component: lazy(async () => import('./m2m-general/README.mdx')),
metadata: m2mGeneral,
},
@ -87,6 +93,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.2,
id: 'web-express',
Logo: lazy(async () => import('./web-express/logo.svg?react')),
DarkLogo: lazy(async () => import('./web-express/logo-dark.svg?react')),
Component: lazy(async () => import('./web-express/README.mdx')),
metadata: webExpress,
},
@ -94,6 +101,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.2,
id: 'web-next',
Logo: lazy(async () => import('./web-next/logo.svg?react')),
DarkLogo: lazy(async () => import('./web-next/logo-dark.svg?react')),
Component: lazy(async () => import('./web-next/README.mdx')),
metadata: webNext,
},
@ -101,6 +109,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.2,
id: 'web-sveltekit',
Logo: lazy(async () => import('./web-sveltekit/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-sveltekit/README.mdx')),
metadata: webSveltekit,
},
@ -108,6 +117,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.3,
id: 'web-go',
Logo: lazy(async () => import('./web-go/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-go/README.mdx')),
metadata: webGo,
},
@ -115,6 +125,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.3,
id: 'web-next-auth',
Logo: lazy(async () => import('./web-next-auth/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-next-auth/README.mdx')),
metadata: webNextAuth,
},
@ -122,6 +133,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.4,
id: 'web-java-spring-boot',
Logo: lazy(async () => import('./web-java-spring-boot/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-java-spring-boot/README.mdx')),
metadata: webJavaSpringBoot,
},
@ -129,6 +141,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.6,
id: 'spa-vue',
Logo: lazy(async () => import('./spa-vue/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-vue/README.mdx')),
metadata: spaVue,
},
@ -136,6 +149,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 1.7,
id: 'native-ios-swift',
Logo: lazy(async () => import('./native-ios-swift/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./native-ios-swift/README.mdx')),
metadata: nativeIosSwift,
},
@ -143,6 +157,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2,
id: 'native-android',
Logo: lazy(async () => import('./native-android/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./native-android/README.mdx')),
metadata: nativeAndroid,
},
@ -150,6 +165,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2,
id: 'spa-vanilla',
Logo: lazy(async () => import('./spa-vanilla/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-vanilla/README.mdx')),
metadata: spaVanilla,
},
@ -157,6 +173,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2,
id: 'web-nuxt',
Logo: lazy(async () => import('./web-nuxt/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-nuxt/README.mdx')),
metadata: webNuxt,
},
@ -164,15 +181,15 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2,
id: 'web-php',
Logo: lazy(async () => import('./web-php/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-php/README.mdx')),
metadata: webPhp,
},
{
order: 2,
id: 'web-ruby',
Logo: ({ className }: { readonly className?: string }) => (
<img src={webRubyLogo} alt="web-ruby" className={className} />
),
Logo: lazy(async () => import('./web-ruby/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-ruby/README.mdx')),
metadata: webRuby,
},
@ -180,6 +197,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2.1,
id: 'spa-webflow',
Logo: lazy(async () => import('./spa-webflow/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./spa-webflow/README.mdx')),
metadata: spaWebflow,
},
@ -187,6 +205,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 2.2,
id: 'web-wordpress',
Logo: lazy(async () => import('./web-wordpress/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-wordpress/README.mdx')),
metadata: webWordpress,
},
@ -194,6 +213,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 3,
id: 'web-python',
Logo: lazy(async () => import('./web-python/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-python/README.mdx')),
metadata: webPython,
},
@ -201,6 +221,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 4,
id: 'native-capacitor',
Logo: lazy(async () => import('./native-capacitor/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./native-capacitor/README.mdx')),
metadata: nativeCapacitor,
},
@ -208,6 +229,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 5,
id: 'native-flutter',
Logo: lazy(async () => import('./native-flutter/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./native-flutter/README.mdx')),
metadata: nativeFlutter,
},
@ -215,6 +237,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 5,
id: 'web-dotnet-core',
Logo: lazy(async () => import('./web-dotnet-core/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-dotnet-core/README.mdx')),
metadata: webDotnetCore,
},
@ -222,6 +245,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 5.1,
id: 'web-dotnet-core-mvc',
Logo: lazy(async () => import('./web-dotnet-core-mvc/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-dotnet-core-mvc/README.mdx')),
metadata: webDotnetCoreMvc,
},
@ -229,6 +253,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 5.2,
id: 'web-dotnet-core-blazor-server',
Logo: lazy(async () => import('./web-dotnet-core-blazor-server/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-dotnet-core-blazor-server/README.mdx')),
metadata: webDotnetCoreBlazorServer,
},
@ -236,6 +261,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 5.3,
id: 'web-dotnet-core-blazor-wasm',
Logo: lazy(async () => import('./web-dotnet-core-blazor-wasm/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-dotnet-core-blazor-wasm/README.mdx')),
metadata: webDotnetCoreBlazorWasm,
},
@ -243,6 +269,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 6,
id: 'web-outline',
Logo: lazy(async () => import('./web-outline/logo.svg?react')),
DarkLogo: lazy(async () => import('./web-outline/logo-dark.svg?react')),
Component: lazy(async () => import('./web-outline/README.mdx')),
metadata: webOutline,
},
@ -250,6 +277,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 6.1,
id: 'web-passport',
Logo: lazy(async () => import('./web-passport/logo.svg?react')),
DarkLogo: lazy(async () => import('./web-passport/logo-dark.svg?react')),
Component: lazy(async () => import('./web-passport/README.mdx')),
metadata: webPassport,
},
@ -257,6 +285,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: 999,
id: 'web-gpt-plugin',
Logo: lazy(async () => import('./web-gpt-plugin/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./web-gpt-plugin/README.mdx')),
metadata: webGptPlugin,
},
@ -264,6 +293,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: Number.POSITIVE_INFINITY,
id: 'api-express',
Logo: lazy(async () => import('./api-express/logo.svg?react')),
DarkLogo: lazy(async () => import('./api-express/logo-dark.svg?react')),
Component: lazy(async () => import('./api-express/README.mdx')),
metadata: apiExpress,
},
@ -271,6 +301,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: Number.POSITIVE_INFINITY,
id: 'api-python',
Logo: lazy(async () => import('./api-python/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./api-python/README.mdx')),
metadata: apiPython,
},
@ -278,6 +309,7 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: Number.POSITIVE_INFINITY,
id: 'api-spring-boot',
Logo: lazy(async () => import('./api-spring-boot/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./api-spring-boot/README.mdx')),
metadata: apiSpringBoot,
},
@ -285,7 +317,9 @@ export const guides: Readonly<Guide[]> = Object.freeze([
order: Number.POSITIVE_INFINITY,
id: 'third-party-oidc',
Logo: lazy(async () => import('./third-party-oidc/logo.svg?react')),
DarkLogo: undefined,
Component: lazy(async () => import('./third-party-oidc/README.mdx')),
metadata: thirdPartyOidc,
},
]);
/* eslint-enable max-lines */

35
packages/console/src/assets/docs/guides/m2m-general/logo-dark.svg Normal file
View file

@ -0,0 +1,35 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.25 2.5C16.25 1.11929 17.3693 0 18.75 0H36.25C37.6307 0 38.75 1.11929 38.75 2.5V15C38.75 16.3807 37.6307 17.5 36.25 17.5H18.75C17.3693 17.5 16.25 16.3807 16.25 15V2.5Z" fill="url(#paint0_linear_11273_21909)"/>
<rect x="16.25" y="5" width="22.5" height="1.25" fill="#D361E7"/>
<path d="M28.75 3.125C28.75 2.77982 29.0298 2.5 29.375 2.5H35.625C35.9702 2.5 36.25 2.77982 36.25 3.125C36.25 3.47018 35.9702 3.75 35.625 3.75H29.375C29.0298 3.75 28.75 3.47018 28.75 3.125Z" fill="#B545CA"/>
<rect x="18.75" y="2.5" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<path d="M28.75 9.375C28.75 9.02982 29.0298 8.75 29.375 8.75H35.625C35.9702 8.75 36.25 9.02982 36.25 9.375C36.25 9.72018 35.9702 10 35.625 10H29.375C29.0298 10 28.75 9.72018 28.75 9.375Z" fill="#B545CA"/>
<rect x="18.75" y="8.75" width="1.25" height="1.25" rx="0.625" fill="#7958FF"/>
<rect x="21.25" y="8.75" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<path d="M28.75 15.625C28.75 15.2798 29.0298 15 29.375 15H35.625C35.9702 15 36.25 15.2798 36.25 15.625C36.25 15.9702 35.9702 16.25 35.625 16.25H29.375C29.0298 16.25 28.75 15.9702 28.75 15.625Z" fill="#B545CA"/>
<rect x="18.75" y="15" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<rect x="21.25" y="15" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<rect x="16.25" y="11.25" width="22.5" height="1.25" fill="#D361E7"/>
<path d="M1.25 25C1.25 23.6193 2.36929 22.5 3.75 22.5H21.25C22.6307 22.5 23.75 23.6193 23.75 25V37.5C23.75 38.8807 22.6307 40 21.25 40H3.75C2.36929 40 1.25 38.8807 1.25 37.5V25Z" fill="url(#paint1_linear_11273_21909)"/>
<rect x="1.25" y="27.5" width="22.5" height="1.25" fill="#947DFF"/>
<path d="M13.75 25.625C13.75 25.2798 14.0298 25 14.375 25H20.625C20.9702 25 21.25 25.2798 21.25 25.625C21.25 25.9702 20.9702 26.25 20.625 26.25H14.375C14.0298 26.25 13.75 25.9702 13.75 25.625Z" fill="#7958FF"/>
<rect x="3.75" y="25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<path d="M13.75 31.875C13.75 31.5298 14.0298 31.25 14.375 31.25H20.625C20.9702 31.25 21.25 31.5298 21.25 31.875C21.25 32.2202 20.9702 32.5 20.625 32.5H14.375C14.0298 32.5 13.75 32.2202 13.75 31.875Z" fill="#7958FF"/>
<rect x="3.75" y="31.25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="6.25" y="31.25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<path d="M13.75 38.125C13.75 37.7798 14.0298 37.5 14.375 37.5H20.625C20.9702 37.5 21.25 37.7798 21.25 38.125C21.25 38.4702 20.9702 38.75 20.625 38.75H14.375C14.0298 38.75 13.75 38.4702 13.75 38.125Z" fill="#7958FF"/>
<rect x="3.75" y="37.5" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="6.25" y="37.5" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="1.25" y="33.75" width="22.5" height="1.25" fill="#947DFF"/>
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M20 11.249C15.1675 11.249 11.25 15.1665 11.25 19.999H8.75C8.75 13.7858 13.7868 8.74902 20 8.74902V11.249ZM31.25 18.749C31.25 24.9622 26.2132 29.999 20 29.999V27.499C24.8325 27.499 28.75 23.5815 28.75 18.749H31.25Z" fill="#C9C5D0"/>
<defs>
<linearGradient id="paint0_linear_11273_21909" x1="10.625" y1="11.6667" x2="40.5179" y2="7.47396" gradientUnits="userSpaceOnUse">
<stop stop-color="#E4A3FB"/>
<stop offset="1" stop-color="#EC78FF"/>
</linearGradient>
<linearGradient id="paint1_linear_11273_21909" x1="-0.598214" y1="32.526" x2="21.7034" y2="21.9389" gradientUnits="userSpaceOnUse">
<stop stop-color="#492EF3"/>
<stop offset="1" stop-color="#CF69FF"/>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

52
packages/console/src/assets/docs/guides/m2m-general/logo.svg
View file

@ -1,35 +1,35 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.4001 7.20005C20.4001 5.87457 21.4747 4.80005 22.8002 4.80005H39.6003C40.9258 4.80005 42.0003 5.87457 42.0003 7.20005V19.2C42.0003 20.5255 40.9258 21.6 39.6003 21.6H22.8002C21.4747 21.6 20.4001 20.5255 20.4001 19.2V7.20005Z" fill="url(#paint0_linear_134_42614)"/>
<rect x="20.4001" y="9.6001" width="21.6002" height="1.2" fill="#D361E7"/>
<path d="M32.4001 7.79995C32.4001 7.46858 32.6688 7.19995 33.0002 7.19995H39.0002C39.3316 7.19995 39.6002 7.46858 39.6002 7.79995C39.6002 8.13132 39.3316 8.39995 39.0002 8.39995H33.0002C32.6688 8.39995 32.4001 8.13132 32.4001 7.79995Z" fill="#B545CA"/>
<rect x="22.8" y="7.19995" width="1.20001" height="1.2" rx="0.6" fill="#F4E560"/>
<path d="M32.4001 13.8C32.4001 13.4686 32.6688 13.2 33.0002 13.2H39.0002C39.3316 13.2 39.6002 13.4686 39.6002 13.8C39.6002 14.1313 39.3316 14.4 39.0002 14.4H33.0002C32.6688 14.4 32.4001 14.1313 32.4001 13.8Z" fill="#B545CA"/>
<rect x="22.8" y="13.2" width="1.20001" height="1.2" rx="0.6" fill="#7958FF"/>
<rect x="25.2" y="13.2" width="1.20001" height="1.2" rx="0.6" fill="#F4E560"/>
<path d="M32.4001 19.8C32.4001 19.4686 32.6688 19.2 33.0002 19.2H39.0002C39.3316 19.2 39.6002 19.4686 39.6002 19.8C39.6002 20.1313 39.3316 20.4 39.0002 20.4H33.0002C32.6688 20.4 32.4001 20.1313 32.4001 19.8Z" fill="#B545CA"/>
<rect x="22.8" y="19.2" width="1.20001" height="1.2" rx="0.599999" fill="#F4E560"/>
<rect x="25.2" y="19.2" width="1.20001" height="1.2" rx="0.599999" fill="#F4E560"/>
<rect x="20.4001" y="15.6001" width="21.6002" height="1.2" fill="#D361E7"/>
<path d="M6 28.7999C6 27.4744 7.07452 26.3999 8.40002 26.3999H25.2001C26.5256 26.3999 27.6002 27.4744 27.6002 28.7999V40.7999C27.6002 42.1254 26.5256 43.1999 25.2001 43.1999H8.40002C7.07452 43.1999 6 42.1254 6 40.7999V28.7999Z" fill="url(#paint1_linear_134_42614)"/>
<rect x="6" y="31.2" width="21.6002" height="1.2" fill="#947DFF"/>
<path d="M18 29.3998C18 29.0684 18.2686 28.7998 18.6 28.7998H24.6C24.9314 28.7998 25.2001 29.0684 25.2001 29.3998C25.2001 29.7312 24.9314 29.9998 24.6 29.9998H18.6C18.2686 29.9998 18 29.7312 18 29.3998Z" fill="#7958FF"/>
<rect x="8.3999" y="28.7998" width="1.20001" height="1.2" rx="0.6" fill="#FFEAFE"/>
<path d="M18 35.3998C18 35.0684 18.2686 34.7998 18.6 34.7998H24.6C24.9314 34.7998 25.2001 35.0684 25.2001 35.3998C25.2001 35.7312 24.9314 35.9998 24.6 35.9998H18.6C18.2686 35.9998 18 35.7312 18 35.3998Z" fill="#7958FF"/>
<rect x="8.3999" y="34.7998" width="1.20001" height="1.2" rx="0.6" fill="#FFEAFE"/>
<rect x="10.7998" y="34.7998" width="1.20001" height="1.2" rx="0.6" fill="#FFEAFE"/>
<path d="M18 41.3998C18 41.0684 18.2686 40.7998 18.6 40.7998H24.6C24.9314 40.7998 25.2001 41.0684 25.2001 41.3998C25.2001 41.7312 24.9314 41.9998 24.6 41.9998H18.6C18.2686 41.9998 18 41.7312 18 41.3998Z" fill="#7958FF"/>
<rect x="8.3999" y="40.7998" width="1.20001" height="1.2" rx="0.6" fill="#FFEAFE"/>
<rect x="10.7998" y="40.7998" width="1.20001" height="1.2" rx="0.6" fill="#FFEAFE"/>
<rect x="6" y="37.2" width="21.6002" height="1.2" fill="#947DFF"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.25 2.5C16.25 1.11929 17.3693 0 18.75 0H36.25C37.6307 0 38.75 1.11929 38.75 2.5V15C38.75 16.3807 37.6307 17.5 36.25 17.5H18.75C17.3693 17.5 16.25 16.3807 16.25 15V2.5Z" fill="url(#paint0_linear_9693_18517)"/>
<rect x="16.25" y="5" width="22.5" height="1.25" fill="#D361E7"/>
<path d="M28.75 3.125C28.75 2.77982 29.0298 2.5 29.375 2.5H35.625C35.9702 2.5 36.25 2.77982 36.25 3.125C36.25 3.47018 35.9702 3.75 35.625 3.75H29.375C29.0298 3.75 28.75 3.47018 28.75 3.125Z" fill="#B545CA"/>
<rect x="18.75" y="2.5" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<path d="M28.75 9.375C28.75 9.02982 29.0298 8.75 29.375 8.75H35.625C35.9702 8.75 36.25 9.02982 36.25 9.375C36.25 9.72018 35.9702 10 35.625 10H29.375C29.0298 10 28.75 9.72018 28.75 9.375Z" fill="#B545CA"/>
<rect x="18.75" y="8.75" width="1.25" height="1.25" rx="0.625" fill="#7958FF"/>
<rect x="21.25" y="8.75" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<path d="M28.75 15.625C28.75 15.2798 29.0298 15 29.375 15H35.625C35.9702 15 36.25 15.2798 36.25 15.625C36.25 15.9702 35.9702 16.25 35.625 16.25H29.375C29.0298 16.25 28.75 15.9702 28.75 15.625Z" fill="#B545CA"/>
<rect x="18.75" y="15" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<rect x="21.25" y="15" width="1.25" height="1.25" rx="0.625" fill="#F4E560"/>
<rect x="16.25" y="11.25" width="22.5" height="1.25" fill="#D361E7"/>
<path d="M1.25 25C1.25 23.6193 2.36929 22.5 3.75 22.5H21.25C22.6307 22.5 23.75 23.6193 23.75 25V37.5C23.75 38.8807 22.6307 40 21.25 40H3.75C2.36929 40 1.25 38.8807 1.25 37.5V25Z" fill="url(#paint1_linear_9693_18517)"/>
<rect x="1.25" y="27.5" width="22.5" height="1.25" fill="#947DFF"/>
<path d="M13.75 25.625C13.75 25.2798 14.0298 25 14.375 25H20.625C20.9702 25 21.25 25.2798 21.25 25.625C21.25 25.9702 20.9702 26.25 20.625 26.25H14.375C14.0298 26.25 13.75 25.9702 13.75 25.625Z" fill="#7958FF"/>
<rect x="3.75" y="25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<path d="M13.75 31.875C13.75 31.5298 14.0298 31.25 14.375 31.25H20.625C20.9702 31.25 21.25 31.5298 21.25 31.875C21.25 32.2202 20.9702 32.5 20.625 32.5H14.375C14.0298 32.5 13.75 32.2202 13.75 31.875Z" fill="#7958FF"/>
<rect x="3.75" y="31.25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="6.25" y="31.25" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<path d="M13.75 38.125C13.75 37.7798 14.0298 37.5 14.375 37.5H20.625C20.9702 37.5 21.25 37.7798 21.25 38.125C21.25 38.4702 20.9702 38.75 20.625 38.75H14.375C14.0298 38.75 13.75 38.4702 13.75 38.125Z" fill="#7958FF"/>
<rect x="3.75" y="37.5" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="6.25" y="37.5" width="1.25" height="1.25" rx="0.625" fill="#FFEAFE"/>
<rect x="1.25" y="33.75" width="22.5" height="1.25" fill="#947DFF"/>
<g style="mix-blend-mode:multiply">
<path d="M24.0002 32.3999C29.3022 32.3999 33.6003 28.1018 33.6003 22.7999M14.4001 23.9999C14.4001 18.698 18.6982 14.3999 24.0002 14.3999" stroke="#C9C5D0" stroke-width="2"/>
<path d="M20 28.75C25.5228 28.75 30 24.2728 30 18.75M10 20C10 14.4772 14.4772 10 20 10" stroke="#C9C5D0" stroke-width="2.5"/>
</g>
<defs>
<linearGradient id="paint0_linear_134_42614" x1="15.0001" y1="16" x2="43.6975" y2="11.975" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_9693_18517" x1="10.625" y1="11.6667" x2="40.5179" y2="7.47396" gradientUnits="userSpaceOnUse">
<stop stop-color="#E4A3FB"/>
<stop offset="1" stop-color="#EC78FF"/>
</linearGradient>
<linearGradient id="paint1_linear_134_42614" x1="4.2257" y1="36.0249" x2="25.6354" y2="25.8611" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_9693_18517" x1="-0.598214" y1="32.526" x2="21.7034" y2="21.9389" gradientUnits="userSpaceOnUse">
<stop stop-color="#492EF3"/>
<stop offset="1" stop-color="#CF69FF"/>
</linearGradient>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

13
packages/console/src/assets/docs/guides/native-android/logo.svg
View file

@ -1,4 +1,11 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.9312 34.3018C42.92 34.2218 42.9088 34.153 42.8962 34.0717C42.8162 33.6002 42.7236 33.1302 42.6085 32.6588C42.4157 31.8527 42.1663 31.0613 41.8621 30.2903C41.6081 29.6337 41.3219 29.0023 40.9992 28.3919C40.5853 27.6104 40.1251 26.8513 39.6087 26.1274C38.9759 25.242 38.2744 24.4254 37.5153 23.6551C37.194 23.3338 36.8601 23.0237 36.5149 22.7361C35.7685 22.0921 34.9743 21.5056 34.1353 20.9878C34.1465 20.9766 34.1465 20.9654 34.1577 20.9527C34.5379 20.2863 34.928 19.631 35.3082 18.9646C35.6871 18.3205 36.0547 17.6765 36.4349 17.0213C36.6987 16.5611 36.9751 16.0896 37.2389 15.6294C37.309 15.5143 37.354 15.4119 37.389 15.2842C37.4929 14.9629 37.5041 14.6178 37.4115 14.2965C37.389 14.2151 37.3666 14.1351 37.3315 14.0664C37.2964 13.985 37.2627 13.9162 37.2164 13.8475C37.0789 13.6061 36.8713 13.3985 36.6075 13.2498C36.3774 13.1122 36.1248 13.0309 35.8597 13.0084C35.7446 12.9972 35.6408 12.9972 35.5257 13.0084C35.4345 13.0196 35.3419 13.0309 35.2619 13.0547C34.9406 13.1347 34.653 13.3073 34.4229 13.5598C34.3415 13.6524 34.2615 13.7563 34.204 13.8587C33.9402 14.3189 33.6638 14.7903 33.4 15.2506L32.2733 17.1938C31.8931 17.8603 31.5016 18.5156 31.1228 19.182C31.0765 19.2522 31.0428 19.3322 30.9965 19.4009C30.939 19.3785 30.8815 19.3546 30.8239 19.3322C28.7081 18.5268 26.4196 18.0904 24.0175 18.0904H23.8211C21.746 18.1107 19.688 18.468 17.7275 19.1484C17.51 19.2283 17.2911 19.3097 17.0722 19.3897C17.0385 19.3209 16.9922 19.2522 16.9572 19.182C16.5783 18.5156 16.1869 17.8603 15.808 17.1938C15.4278 16.5498 15.0602 15.9058 14.6814 15.2506C14.4162 14.7903 14.1412 14.3189 13.876 13.8587C13.8072 13.7436 13.7385 13.6524 13.6571 13.5598C13.4321 13.314 13.1406 13.1385 12.818 13.0547C12.7268 13.0309 12.6342 13.0196 12.5543 13.0084C12.4392 12.9972 12.3354 12.9972 12.2203 13.0084C11.9565 13.0309 11.7026 13.1122 11.4739 13.2498C11.2249 13.3964 11.0154 13.6016 10.8635 13.8475C10.8172 13.9162 10.7836 13.985 10.7485 14.0664C10.7148 14.1463 10.691 14.2151 10.6685 14.2965C10.5871 14.6178 10.5871 14.9517 10.691 15.2842C10.726 15.3993 10.7836 15.5143 10.8411 15.6294C11.1049 16.0896 11.3813 16.5611 11.6451 17.0213C12.0253 17.6653 12.3929 18.3093 12.7717 18.9646C13.152 19.631 13.542 20.2863 13.9223 20.9527L13.9335 20.9654C13.1632 21.448 12.428 21.977 11.7264 22.5635C11.3125 22.9087 10.9098 23.2763 10.5296 23.6551C9.75929 24.4142 9.07038 25.242 8.43758 26.1274C7.91984 26.8513 7.45962 27.5992 7.04712 28.3919C6.7244 29.0023 6.43677 29.6337 6.18421 30.2889C5.88535 31.0592 5.6328 31.8534 5.43636 32.6588C5.32131 33.1176 5.23011 33.589 5.14873 34.0717C5.1375 34.153 5.12628 34.2218 5.11505 34.3018C5.06875 34.5782 5.03367 34.8546 5 35.1422H43C43 34.8546 42.9663 34.5782 42.9312 34.3018Z" fill="#34A853"/>
<path d="M33.9165 29.8757C34.6756 29.3706 34.7907 28.1976 34.1579 27.2659C33.5377 26.3231 32.411 25.9793 31.6519 26.4844C30.8929 26.9909 30.7778 28.1625 31.4106 29.0942C32.0322 30.0371 33.1589 30.3822 33.9165 29.8757ZM16.6935 29.1054C17.3137 28.1625 17.2113 27.0022 16.4522 26.4957C15.6931 25.9905 14.5665 26.3357 13.9449 27.2786C13.3247 28.2201 13.4285 29.3818 14.1862 29.8883C14.9453 30.3934 16.0607 30.0371 16.6935 29.1054Z" fill="#202124"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10248_20647)">
<path d="M39.9276 30.7686C39.9158 30.6844 39.904 30.6121 39.8907 30.5264C39.8065 30.0302 39.709 29.5354 39.5879 29.0391C39.385 28.1907 39.1224 27.3576 38.8022 26.546C38.5349 25.8548 38.2336 25.1902 37.8939 24.5477C37.4582 23.7251 36.9737 22.9261 36.4302 22.164C35.7641 21.232 35.0257 20.3724 34.2266 19.5616C33.8884 19.2234 33.5369 18.897 33.1736 18.5942C32.3878 17.9163 31.5519 17.2989 30.6687 16.7539C30.6805 16.7421 30.6805 16.7303 30.6923 16.717C31.0926 16.0155 31.5032 15.3257 31.9034 14.6242C32.3022 13.9463 32.6891 13.2683 33.0894 12.5786C33.3671 12.0942 33.658 11.5979 33.9357 11.1135C34.0095 10.9924 34.0568 10.8846 34.0937 10.7502C34.203 10.4119 34.2148 10.0486 34.1173 9.7104C34.0937 9.62473 34.0701 9.54055 34.0332 9.46818C33.9962 9.38251 33.9608 9.31015 33.912 9.23778C33.7673 8.98374 33.5487 8.76515 33.2711 8.6086C33.0288 8.46386 32.763 8.3782 32.4838 8.35456C32.3627 8.34275 32.2534 8.34275 32.1323 8.35456C32.0363 8.36638 31.9389 8.3782 31.8547 8.4033C31.5164 8.48749 31.2137 8.66915 30.9715 8.935C30.8858 9.03248 30.8016 9.14177 30.7411 9.24959C30.4634 9.73403 30.1724 10.2303 29.8948 10.7147L28.7088 12.7603C28.3085 13.4618 27.8965 14.1516 27.4977 14.8531C27.449 14.927 27.4135 15.0111 27.3648 15.0835C27.3042 15.0599 27.2437 15.0348 27.1831 15.0111C24.9559 14.1634 22.547 13.704 20.0185 13.704H19.8117C17.6274 13.7254 15.461 14.1015 13.3973 14.8177C13.1684 14.9018 12.938 14.9875 12.7076 15.0717C12.6722 14.9993 12.6234 14.927 12.5865 14.8531C12.1877 14.1516 11.7757 13.4618 11.3769 12.7603C10.9766 12.0824 10.5897 11.4044 10.1909 10.7147C9.91175 10.2303 9.62227 9.73403 9.34313 9.24959C9.27076 9.12848 9.19839 9.03248 9.11273 8.935C8.87584 8.6762 8.56909 8.49153 8.22952 8.4033C8.13352 8.3782 8.03604 8.36638 7.95185 8.35456C7.83074 8.34275 7.72145 8.34275 7.60034 8.35456C7.32267 8.3782 7.05535 8.46386 6.81461 8.6086C6.55251 8.76301 6.33199 8.97896 6.17214 9.23778C6.1234 9.31015 6.08795 9.38251 6.05103 9.46818C6.01558 9.55236 5.99047 9.62473 5.96684 9.7104C5.88118 10.0486 5.88118 10.4001 5.99047 10.7502C6.0274 10.8713 6.08795 10.9924 6.14851 11.1135C6.42617 11.5979 6.71713 12.0942 6.9948 12.5786C7.39505 13.2565 7.782 13.9344 8.18078 14.6242C8.58103 15.3257 8.99162 16.0155 9.39187 16.717L9.40369 16.7303C8.59285 17.2384 7.81893 17.7952 7.08046 18.4125C6.64476 18.7759 6.22088 19.1628 5.82062 19.5616C5.00978 20.3606 4.28461 21.232 3.61851 22.164C3.07352 22.9261 2.58908 23.7133 2.15486 24.5477C1.81516 25.1902 1.51239 25.8548 1.24654 26.5446C0.931951 27.3554 0.666101 28.1914 0.459329 29.0391C0.33822 29.5221 0.242219 30.0183 0.156557 30.5264C0.144741 30.6121 0.132925 30.6844 0.121109 30.7686C0.0723701 31.0596 0.0354466 31.3505 0 31.6533H40C40 31.3505 39.9646 31.0596 39.9276 30.7686Z" fill="#34A853"/>
<path d="M30.4384 26.1094C31.2374 25.5777 31.3585 24.343 30.6924 23.3623C30.0396 22.3698 28.8536 22.0079 28.0546 22.5396C27.2556 23.0728 27.1345 24.3061 27.8006 25.2867C28.4549 26.2792 29.6408 26.6426 30.4384 26.1094ZM12.3089 25.2986C12.9618 24.3061 12.8539 23.0846 12.0549 22.5514C11.2559 22.0197 10.0699 22.3831 9.41562 23.3756C8.76281 24.3666 8.8721 25.5895 9.66965 26.1227C10.4687 26.6544 11.6428 26.2792 12.3089 25.2986Z" fill="#202124"/>
</g>
<defs>
<clipPath id="clip0_10248_20647">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

21
packages/console/src/assets/docs/guides/native-capacitor/logo.svg
View file

@ -1,8 +1,15 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9828 14.7643L8.03882 19.7145L15.6633 27.3618L8 35.0481L12.9285 40.0005L20.6073 32.3121L28.2444 39.9456L33.1884 34.9953L12.9828 14.7643Z" fill="#53B9FF"/>
<path d="M25.5647 27.362L20.6074 32.3122L28.2445 39.9458L33.1885 34.9955L25.5647 27.362Z" fill="#119EFF"/>
<path d="M25.5647 27.362L20.6074 32.3122L22.5157 34.2099L25.5647 27.362Z" fill="black" fill-opacity="0.2"/>
<path d="M32.3213 20.6231L40.0001 12.9347L35.0539 8L27.3774 15.6729L19.7397 8.03887L14.7957 12.9891L35.0013 33.2201L39.9453 28.2699L32.3213 20.6231Z" fill="#53B9FF"/>
<path d="M22.4201 20.6233L27.3774 15.673L19.7397 8.03897L14.7957 12.9892L22.4201 20.6233Z" fill="#119EFF"/>
<path d="M22.4199 20.6232L27.3773 15.673L25.4685 13.7748L22.4199 20.6232Z" fill="black" fill-opacity="0.2"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9121_87951)">
<path d="M6.22886 8.45508L0.0490174 14.6428L9.57934 24.2018L0.000488281 33.8094L6.161 39.9998L15.7591 30.3895L25.3053 39.9312L31.4852 33.7434L6.22886 8.45508Z" fill="#53B9FF"/>
<path d="M21.9557 24.2021L15.7593 30.3897L25.3054 39.9316L31.4853 33.7438L21.9557 24.2021Z" fill="#119EFF"/>
<path d="M21.9557 24.2021L15.7593 30.3897L18.1446 32.7618L21.9557 24.2021Z" fill="black" fill-opacity="0.2"/>
<path d="M30.4011 15.7787L39.9993 6.16833L33.8168 0L24.2214 9.59103L14.6745 0.0485919L8.49463 6.2363L33.751 31.5247L39.9308 25.3369L30.4011 15.7787Z" fill="#53B9FF"/>
<path d="M18.0249 15.778L24.2214 9.59029L14.6745 0.0478516L8.49463 6.23556L18.0249 15.778Z" fill="#119EFF"/>
<path d="M18.0249 15.7782L24.2214 9.59054L21.8355 7.21777L18.0249 15.7782Z" fill="black" fill-opacity="0.2"/>
</g>
<defs>
<clipPath id="clip0_9121_87951">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 869 B

After

Width:  |  Height:  |  Size: 1 KiB

3
packages/console/src/assets/docs/guides/native-expo/logo-dark.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9545 15.237C19.2816 14.7549 19.6397 14.6936 19.9302 14.6936C20.2207 14.6936 20.7046 14.7549 21.0319 15.237C23.6103 18.7786 27.8665 25.8337 31.0061 31.0379C33.0535 34.4318 34.6261 37.0384 34.9487 37.3701C36.1598 38.6154 37.8209 37.8393 38.786 36.4268C39.7363 35.0362 40 34.0597 40 33.018C40 32.3084 26.2336 6.7055 24.8472 4.57437C23.5139 2.52459 23.0797 2.00684 20.7977 2.00684H19.0901C16.8149 2.00684 16.4862 2.52459 15.1527 4.57437C13.7665 6.7055 0 32.3084 0 33.018C0 34.0597 0.263794 35.0362 1.21403 36.4268C2.17922 37.8393 3.84023 38.6154 5.05133 37.3701C5.374 37.0384 6.94655 34.4318 8.99399 31.0379C12.1335 25.8337 16.376 18.7786 18.9545 15.237Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 783 B

4
packages/console/src/assets/docs/guides/native-expo/logo.svg
View file

@ -1 +1,3 @@
<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.39 8.269c.19-.277.397-.312.565-.312.168 0 .447.035.637.312 1.49 2.03 3.95 6.075 5.765 9.06 1.184 1.945 2.093 3.44 2.28 3.63.7.714 1.66.269 2.218-.541.549-.797.701-1.357.701-1.954 0-.407-7.958-15.087-8.759-16.309C14.027.98 13.775.683 12.457.683h-.988c-1.315 0-1.505.297-2.276 1.472C8.392 3.377.433 18.057.433 18.463c0 .598.153 1.158.703 1.955.558.81 1.518 1.255 2.218.54.186-.19 1.095-1.684 2.279-3.63 1.815-2.984 4.267-7.029 5.758-9.06z" fill="#000"/></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9545 15.237C19.2816 14.7549 19.6397 14.6936 19.9302 14.6936C20.2207 14.6936 20.7046 14.7549 21.0319 15.237C23.6103 18.7786 27.8665 25.8337 31.0061 31.0379C33.0535 34.4318 34.6261 37.0384 34.9487 37.3701C36.1598 38.6154 37.8209 37.8393 38.786 36.4268C39.7363 35.0362 40 34.0597 40 33.018C40 32.3084 26.2336 6.7055 24.8472 4.57437C23.5139 2.52459 23.0797 2.00684 20.7977 2.00684H19.0901C16.8149 2.00684 16.4862 2.52459 15.1527 4.57437C13.7665 6.7055 0 32.3084 0 33.018C0 34.0597 0.263794 35.0362 1.21403 36.4268C2.17922 37.8393 3.84023 38.6154 5.05133 37.3701C5.374 37.0384 6.94655 34.4318 8.99399 31.0379C12.1335 25.8337 16.376 18.7786 18.9545 15.237Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 565 B

After

Width:  |  Height:  |  Size: 783 B

28
packages/console/src/assets/docs/guides/native-flutter/logo.svg
View file

@ -1,18 +1,28 @@
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M36.7944 22.6922H26.3335L17.1807 31.8469L22.4093 37.0765L36.7944 22.6922Z" fill="#54C5F8"/>
<path d="M14.5646 29.2317L9.33325 24.0003L26.3336 7H36.7945L14.5646 29.2317Z" fill="#54C5F8"/>
<path d="M22.4094 37.076L26.3336 41.0002H36.7945L27.6417 31.8465L22.4094 37.076Z" fill="#01579B"/>
<path d="M22.4094 37.076L30.1681 34.3913L27.6417 31.8465L22.4094 37.076Z" fill="url(#paint0_linear_129_35429)"/>
<path d="M22.4102 26.6155L17.1797 31.8462L22.4102 37.0767L27.6408 31.8462L22.4102 26.6155Z" fill="#29B6F6"/>
<path d="M36.7945 22.6923L27.6407 31.8459L36.7945 40.9997H26.3336L22.4103 37.0765L17.1789 31.8451L26.3327 22.6913L36.7945 22.6923ZM26.3336 7L9.33325 24.0003L14.5646 29.2317L36.7945 7H26.3336Z" fill="url(#paint1_radial_129_35429)"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9094_17606)">
<g clip-path="url(#clip1_9094_17606)">
<path d="M36.1538 18.4629H23.8469L13.0789 29.2331L19.2302 35.3855L36.1538 18.4629Z" fill="#54C5F8"/>
<path d="M10.001 26.1559L3.84644 20.0013L23.8469 0.000976562H36.1538L10.001 26.1559Z" fill="#54C5F8"/>
<path d="M19.2302 35.3838L23.8469 40.0005H36.1538L25.3858 29.2314L19.2302 35.3838Z" fill="#01579B"/>
<path d="M19.2302 35.3838L28.358 32.2253L25.3858 29.2314L19.2302 35.3838Z" fill="url(#paint0_linear_9094_17606)"/>
<path d="M19.231 23.0771L13.0774 29.2308L19.231 35.3844L25.3845 29.2308L19.231 23.0771Z" fill="#29B6F6"/>
<path d="M36.1538 18.4625L25.3846 29.2315L36.1538 40.0006H23.8469L19.2312 35.3851L13.0766 29.2305L23.8457 18.4613L36.1538 18.4625ZM23.8469 0.000976562L3.84644 20.0013L10.001 26.1559L36.1538 0.000976562H23.8469Z" fill="url(#paint1_radial_9094_17606)"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_129_35429" x1="23.9358" y1="38.0866" x2="27.8316" y2="34.1906" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_9094_17606" x1="21.026" y1="36.5728" x2="25.6093" y2="31.9892" gradientUnits="userSpaceOnUse">
<stop stop-color="#1A237E" stop-opacity="0.4"/>
<stop offset="1" stop-color="#1A237E" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint1_radial_129_35429" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.1061 9.31795) scale(41.5973)">
<radialGradient id="paint1_radial_9094_17606" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.75562 2.72798) scale(48.938)">
<stop stop-color="white" stop-opacity="0.1"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_9094_17606">
<rect width="40" height="40" fill="white"/>
</clipPath>
<clipPath id="clip1_9094_17606">
<rect width="32.3073" height="40" fill="white" transform="translate(3.84644 0.000976562)"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

13
packages/console/src/assets/docs/guides/native-ios-swift/logo.svg
View file

@ -1,4 +1,11 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.998 16.8634C39.9961 16.5415 39.9926 16.2199 39.9837 15.8977C39.9649 15.1968 39.9235 14.4896 39.7989 13.7962C39.6725 13.092 39.4659 12.4373 39.1402 11.7976C38.8206 11.1694 38.4027 10.5946 37.9042 10.0961C37.4058 9.59755 36.8309 9.17971 36.2024 8.85988C35.5633 8.5346 34.9084 8.32802 34.2049 8.20162C33.5112 8.07667 32.8039 8.03551 32.1025 8.01654C31.7805 8.00781 31.4587 8.00415 31.1368 8.00216C30.7547 8 30.3723 8 29.9903 8H21.5193H18.01C17.6276 8 17.2457 8 16.8637 8.00221C16.5416 8.0042 16.2195 8.00787 15.898 8.0166C15.7226 8.02134 15.5469 8.02748 15.3711 8.03594C14.8437 8.06137 14.3155 8.10798 13.7955 8.20167C13.2678 8.2965 12.7675 8.43638 12.2807 8.63762C12.1185 8.70465 11.9577 8.77857 11.7979 8.85988C11.3266 9.09975 10.8853 9.39475 10.4839 9.73753C10.3501 9.85181 10.2208 9.97137 10.0962 10.096C9.59758 10.5945 9.17969 11.1693 8.86001 11.7975C8.53436 12.4372 8.32799 13.092 8.20148 13.7961C8.07702 14.4895 8.03564 15.1967 8.01678 15.8976C8.00794 16.2198 8.00422 16.5415 8.00212 16.8633C7.9997 17.2455 8.00002 17.6278 8.00002 18.0099V23.2266V29.9899C8.00002 30.3724 7.99964 30.7543 8.00212 31.1368C8.00422 31.4586 8.00794 31.7803 8.01678 32.102C8.03564 32.8032 8.07696 33.5106 8.20148 34.2037C8.32799 34.9076 8.53436 35.563 8.86001 36.2025C9.17969 36.8308 9.59758 37.4055 10.0962 37.9038C10.5944 38.4025 11.1694 38.8203 11.798 39.1403C12.4372 39.4657 13.092 39.672 13.7956 39.7984C14.489 39.9232 15.1968 39.9647 15.898 39.9834C16.2196 39.992 16.5417 39.9958 16.8637 39.9976C17.2457 40.0004 17.6277 40 18.0101 40H29.9903C30.3723 40 30.7547 40.0004 31.1367 39.9976C31.4587 39.9958 31.7804 39.992 32.1024 39.9834C32.8039 39.9647 33.5111 39.9231 34.2049 39.7984C34.9084 39.672 35.5633 39.4656 36.2024 39.1403C36.8309 38.8204 37.4057 38.4025 37.9041 37.9038C38.4026 37.4055 38.8206 36.8308 39.1402 36.2025C39.4658 35.563 39.6725 34.9077 39.7989 34.2037C39.9234 33.5106 39.9649 32.8032 39.9836 32.102C39.9925 31.7803 39.996 31.4587 39.998 31.1368C40.0004 30.7543 40.0002 30.3724 40.0002 29.9899V18.0099C40.0003 17.6278 40.0004 17.2455 39.998 16.8634Z" fill="#F05138"/>
<path d="M33.3562 27.753C33.3555 27.752 33.3548 27.7513 33.354 27.7504C33.3894 27.6299 33.4259 27.5102 33.4569 27.3867C34.785 22.0952 31.5435 15.8391 26.0583 12.5452C28.462 15.8038 29.5249 19.7507 28.5806 23.2024C28.4963 23.5103 28.3951 23.8058 28.2832 24.093C28.1617 24.0132 28.0087 23.9226 27.8032 23.8093C27.8032 23.8093 22.3468 20.4403 16.433 14.4814C16.2778 14.325 19.5865 19.2105 23.3415 23.1776C21.5723 22.1848 16.6421 18.5976 13.5209 15.7409C13.9044 16.3804 14.3605 16.9962 14.8618 17.5891C17.4683 20.8946 20.8674 24.973 24.9398 28.1048C22.0785 29.8558 18.0355 29.992 14.01 28.1067C13.0144 27.6401 12.0784 27.0771 11.2119 26.4374C12.9159 29.1629 15.5402 31.5145 18.7343 32.8873C22.5434 34.5242 26.3312 34.4132 29.1524 32.9141L29.1502 32.9174C29.1631 32.9092 29.1794 32.9003 29.1928 32.8921C29.3086 32.8298 29.4236 32.7664 29.5361 32.6994C30.8915 31.9959 33.5689 31.282 35.0059 34.0781C35.3578 34.7624 36.1057 31.136 33.3562 27.753Z" fill="white"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9094_17609)">
<path d="M39.9972 11.0792C39.9949 10.6769 39.9904 10.2748 39.9793 9.87209C39.9559 8.99599 39.9041 8.11195 39.7483 7.24522C39.5903 6.36502 39.3321 5.54658 38.925 4.74699C38.5254 3.96175 38.003 3.24319 37.3799 2.62007C36.7569 1.99694 36.0384 1.47464 35.2528 1.07485C34.4539 0.668251 33.6353 0.410029 32.7559 0.252025C31.8887 0.0958396 31.0047 0.0443839 30.1279 0.0206766C29.7253 0.00976581 29.3232 0.00518598 28.9208 0.00269402C28.4431 0 27.9651 0 27.4876 0H16.899H12.5125C12.0345 0 11.557 0 11.0795 0.00276137C10.677 0.00525333 10.2743 0.00983316 9.87238 0.0207439C9.65322 0.0266708 9.43359 0.0343487 9.21383 0.0449227C8.5546 0.0767121 7.89437 0.13497 7.2443 0.252093C6.58474 0.370629 5.95932 0.545471 5.35088 0.797025C5.14809 0.880809 4.94711 0.973213 4.74735 1.07485C4.15817 1.37469 3.60657 1.74343 3.10488 2.17192C2.93765 2.31477 2.77594 2.46422 2.62023 2.62C1.99697 3.24312 1.4746 3.96169 1.07501 4.74692C0.66794 5.54651 0.409988 6.36495 0.251849 7.24515C0.0962694 8.11189 0.0445443 8.99593 0.0209716 9.87202C0.00992618 10.2748 0.005279 10.6769 0.00265233 11.0791C-0.000378434 11.5569 2.5668e-05 12.0348 2.5668e-05 12.5124V19.0332V27.4874C2.5668e-05 27.9655 -0.000445785 28.4429 0.00265233 28.921C0.005279 29.3233 0.00992618 29.7254 0.0209716 30.1275C0.0445443 31.004 0.0962021 31.8883 0.251849 32.7546C0.409988 33.6345 0.66794 34.4537 1.07501 35.2531C1.4746 36.0385 1.99697 36.7569 2.62023 37.3797C3.24302 38.0031 3.96178 38.5254 4.74742 38.9254C5.5464 39.3321 6.36491 39.59 7.2445 39.748C8.11117 39.904 8.99588 39.9558 9.87245 39.9793C10.2744 39.99 10.677 39.9948 11.0796 39.9971C11.5571 40.0005 12.0345 40 12.5125 40H27.4876C27.9651 40 28.4431 40.0005 28.9207 39.9971C29.3231 39.9948 29.7253 39.99 30.1278 39.9793C31.0046 39.9558 31.8886 39.9039 32.7558 39.748C33.6352 39.59 34.4538 39.332 35.2527 38.9254C36.0383 38.5254 36.7568 38.0031 37.3798 37.3797C38.003 36.7568 38.5254 36.0385 38.9249 35.2531C39.332 34.4537 39.5903 33.6346 39.7483 32.7546C39.904 31.8883 39.9558 31.004 39.9792 30.1275C39.9903 29.7254 39.9947 29.3234 39.9971 28.921C40.0002 28.4429 40 27.9655 40 27.4874V12.5124C40 12.0348 40.0002 11.5569 39.9972 11.0792Z" fill="#F05138"/>
<path d="M31.6955 24.6905C31.6946 24.6892 31.6937 24.6884 31.6927 24.6872C31.737 24.5366 31.7826 24.387 31.8214 24.2326C33.4815 17.6182 29.4297 9.79813 22.5731 5.68066C25.5778 9.75395 26.9063 14.6876 25.7259 19.0022C25.6207 19.3871 25.4941 19.7564 25.3542 20.1154C25.2024 20.0157 25.0112 19.9024 24.7543 19.7608C24.7543 19.7608 17.9338 15.5496 10.5415 8.10097C10.3475 7.90545 14.4833 14.0123 19.1771 18.9713C16.9657 17.7302 10.8028 13.2462 6.90137 9.67535C7.3807 10.4747 7.95083 11.2445 8.57752 11.9855C11.8356 16.1174 16.0845 21.2155 21.1749 25.1302C17.5984 27.319 12.5446 27.4892 7.51278 25.1325C6.26821 24.5493 5.0982 23.8455 4.01514 23.046C6.14509 26.4529 9.42553 29.3923 13.4181 31.1083C18.1795 33.1545 22.9143 33.0158 26.4407 31.1419L26.438 31.1459C26.4541 31.1357 26.4745 31.1246 26.4912 31.1143C26.6361 31.0365 26.7798 30.9572 26.9203 30.8735C28.6147 29.994 31.9613 29.1018 33.7576 32.5968C34.1975 33.4522 35.1324 28.9192 31.6955 24.6905Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_9094_17609">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

28
packages/console/src/assets/docs/guides/spa-angular/logo.svg
View file

@ -1,16 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
<style type="text/css">
.st0{fill:#DD0031;}
.st1{fill:#C3002F;}
.st2{fill:#FFFFFF;}
</style>
<g>
<polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 "/>
<polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 "/>
<path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
</g>
</svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9130_88381)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9999 0L1.38013 6.64063L4.21867 31.2598L19.9999 40L35.7812 31.2598L38.6197 6.64063L19.9999 0Z" fill="#DD0031"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0V4.4401V4.42057V24.681V40L35.7812 31.2598L38.6198 6.64063L20 0Z" fill="#C3002F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 4.4209L8.35938 30.5212H12.6986L15.0391 24.6813H24.9186L27.2591 30.5212H31.5983L20 4.4209ZM23.4017 21.0811H16.6016L20 12.9007L23.4017 21.0811Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_9130_88381">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 899 B

After

Width:  |  Height:  |  Size: 762 B

23
packages/console/src/assets/docs/guides/spa-chrome-extension/logo.svg
View file

@ -1,26 +1,21 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_2179)">
<path d="M24 33.9956C29.5228 33.9956 34 29.5185 34 23.9956C34 18.4728 29.5228 13.9956 24 13.9956C18.4772 13.9956 14 18.4728 14 23.9956C14 29.5185 18.4772 33.9956 24 33.9956Z" fill="white"/>
<path d="M24 14H41.3177C39.5628 10.9595 37.0384 8.43462 33.9982 6.67921C30.958 4.9238 27.5093 3.99976 23.9987 4C20.4881 4.00024 17.0395 4.92477 13.9995 6.6806C10.9596 8.43644 8.43551 10.9617 6.68109 14.0025L15.3399 29L15.3477 28.998C14.4668 27.4791 14.002 25.7548 14 23.9989C13.9981 22.2431 14.459 20.5177 15.3364 18.9968C16.2138 17.4759 17.4767 16.2131 18.9977 15.3359C20.5187 14.4586 22.2441 13.9979 24 14Z" fill="url(#paint0_linear_99_2179)"/>
<path d="M24 31.9166C28.3723 31.9166 31.9167 28.3722 31.9167 23.9999C31.9167 19.6277 28.3723 16.0833 24 16.0833C19.6278 16.0833 16.0833 19.6277 16.0833 23.9999C16.0833 28.3722 19.6278 31.9166 24 31.9166Z" fill="#1A73E8"/>
<path d="M32.6594 29.0025L24.0006 44.0001C27.5112 44.0006 30.96 43.0768 34.0003 41.3216C37.0406 39.5664 39.5652 37.0417 41.3202 34.0013C43.0753 30.961 43.999 27.5121 43.9983 24.0015C43.9977 20.491 43.0728 17.0424 41.3167 14.0027H23.9991L23.997 14.0104C25.7529 14.007 27.4786 14.4666 29.0002 15.3428C30.5218 16.219 31.7856 17.4809 32.664 19.0013C33.5425 20.5216 34.0046 22.2466 34.0038 24.0025C34.003 25.7584 33.5393 27.483 32.6594 29.0025Z" fill="url(#paint1_linear_99_2179)"/>
<path d="M15.3405 29.0025L6.68167 14.0049C4.92594 17.0449 4.00153 20.4936 4.0014 24.0041C4.00127 27.5147 4.92542 30.9635 6.68092 34.0036C8.43643 37.0437 10.9614 39.5681 14.002 41.3228C17.0425 43.0776 20.4915 44.0009 24.0021 43.9999L32.6609 29.0023L32.6553 28.9966C31.7803 30.5189 30.5194 31.7836 28.9998 32.6633C27.4802 33.5429 25.7555 34.0064 23.9996 34.007C22.2437 34.0076 20.5187 33.5453 18.9985 32.6667C17.4783 31.788 16.2166 30.5242 15.3405 29.0025Z" fill="url(#paint2_linear_99_2179)"/>
</g>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 29.9941C25.5228 29.9941 30 25.517 30 19.9941C30 14.4713 25.5228 9.99414 20 9.99414C14.4772 9.99414 10 14.4713 10 19.9941C10 25.517 14.4772 29.9941 20 29.9941Z" fill="white"/>
<path d="M20.0001 10H37.3177C35.5629 6.95952 33.0385 4.43462 29.9983 2.67921C26.9581 0.923795 23.5093 -0.000244892 19.9987 4.86832e-08C16.4882 0.000244989 13.0395 0.924766 9.99958 2.6806C6.95964 4.43644 4.43557 6.96169 2.68115 10.0025L11.34 25L11.3477 24.998C10.4669 23.4791 10.0021 21.7548 10.0001 19.9989C9.99812 18.2431 10.4591 16.5177 11.3365 14.9968C12.2139 13.4759 13.4768 12.2131 14.9978 11.3359C16.5188 10.4586 18.2442 9.99787 20.0001 10Z" fill="url(#paint0_linear_10767_21341)"/>
<path d="M19.9999 27.9173C24.3722 27.9173 27.9166 24.3729 27.9166 20.0007C27.9166 15.6284 24.3722 12.084 19.9999 12.084C15.6277 12.084 12.0833 15.6284 12.0833 20.0007C12.0833 24.3729 15.6277 27.9173 19.9999 27.9173Z" fill="#1A73E8"/>
<path d="M28.6595 25.0018L20.0007 39.9994C23.5112 39.9999 26.96 39.0761 30.0003 37.3209C33.0406 35.5657 35.5652 33.041 37.3203 30.0006C39.0754 26.9602 39.999 23.5114 39.9984 20.0008C39.9978 16.4902 39.0729 13.0417 37.3167 10.002H19.9992L19.9971 10.0097C21.7529 10.0063 23.4787 10.4659 25.0003 11.3421C26.5219 12.2183 27.7856 13.4802 28.6641 15.0005C29.5425 16.5209 30.0046 18.2459 30.0038 20.0018C30.003 21.7576 29.5393 23.4823 28.6595 25.0018Z" fill="url(#paint1_linear_10767_21341)"/>
<path d="M11.3406 25.0025L2.68173 10.0049C0.926001 13.0449 0.00159569 16.4936 0.00146486 20.0041C0.00133403 23.5147 0.925482 26.9635 2.68099 30.0036C4.43649 33.0437 6.96147 35.5681 10.002 37.3228C13.0426 39.0776 16.4916 40.0009 20.0021 39.9999L28.661 25.0023L28.6554 24.9966C27.7804 26.5189 26.5195 27.7836 24.9999 28.6633C23.4802 29.5429 21.7555 30.0064 19.9997 30.007C18.2438 30.0076 16.5188 29.5453 14.9986 28.6667C13.4784 27.788 12.2166 26.5242 11.3406 25.0025Z" fill="url(#paint2_linear_10767_21341)"/>
<defs>
<linearGradient id="paint0_linear_99_2179" x1="6.68109" y1="16.5" x2="41.3177" y2="16.5" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_10767_21341" x1="2.68115" y1="12.5" x2="37.3177" y2="12.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D93025"/>
<stop offset="1" stop-color="#EA4335"/>
</linearGradient>
<linearGradient id="paint1_linear_99_2179" x1="21.2683" y1="43.7327" x2="38.5866" y2="13.7365" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_10767_21341" x1="17.2683" y1="39.732" x2="34.5867" y2="9.73579" gradientUnits="userSpaceOnUse">
<stop stop-color="#FCC934"/>
<stop offset="1" stop-color="#FBBC04"/>
</linearGradient>
<linearGradient id="paint2_linear_99_2179" x1="26.1651" y1="42.7511" x2="8.84675" y2="12.7549" gradientUnits="userSpaceOnUse">
<linearGradient id="paint2_linear_10767_21341" x1="22.1651" y1="38.7511" x2="4.84681" y2="8.75488" gradientUnits="userSpaceOnUse">
<stop stop-color="#1E8E3E"/>
<stop offset="1" stop-color="#34A853"/>
</linearGradient>
<clipPath id="clip0_99_2179">
<rect width="40" height="40" fill="white" transform="translate(4 4)"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

11
packages/console/src/assets/docs/guides/spa-react/logo.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

14
packages/console/src/assets/docs/guides/spa-vanilla/logo.svg
View file

@ -1,12 +1,12 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_129_41815)">
<path d="M8 8H40.0003V40H8V8Z" fill="#F7DF1E"/>
<path d="M16.4139 34.7415L18.8627 33.2595C19.3352 34.0971 19.7649 34.8059 20.7958 34.8059C21.7839 34.8059 22.4071 34.4194 22.4071 32.9159V22.6911H25.4142V32.9584C25.4142 36.073 23.5884 37.4908 20.9247 37.4908C18.5191 37.4908 17.1227 36.2449 16.4138 34.7413" fill="black"/>
<path d="M25.0001 34.9001L27.4486 33.4825C28.0932 34.5351 28.931 35.3084 30.413 35.3084C31.6591 35.3084 32.4536 34.6854 32.4536 33.8261C32.4536 32.7951 31.6374 32.4299 30.2626 31.8286L29.511 31.5061C27.3414 30.5827 25.9023 29.4228 25.9023 26.974C25.9023 24.7185 27.6206 23 30.3057 23C32.2175 23 33.5922 23.666 34.5802 25.4059L32.2387 26.9096C31.7231 25.986 31.1649 25.6209 30.3056 25.6209C29.4249 25.6209 28.8664 26.1794 28.8664 26.9096C28.8664 27.8117 29.4249 28.1771 30.7136 28.7356L31.4654 29.0578C34.0216 30.1534 35.4607 31.2703 35.4607 33.7833C35.4607 36.49 33.3342 37.972 30.4774 37.972C27.685 37.972 25.8806 36.6402 25 34.9002" fill="black"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9094_17611)">
<path d="M0 0H40V40H0V0Z" fill="#F7DF1E"/>
<path d="M10.5175 33.4282L13.5784 31.5757C14.1691 32.6227 14.7062 33.5087 15.9948 33.5087C17.23 33.5087 18.0089 33.0255 18.0089 31.1462V18.3652H21.7678V31.1993C21.7678 35.0926 19.4856 36.8648 16.1559 36.8648C13.1489 36.8648 11.4034 35.3074 10.5173 33.4279" fill="black"/>
<path d="M21.2502 33.6252L24.3108 31.8531C25.1166 33.1689 26.1638 34.1355 28.0163 34.1355C29.5739 34.1355 30.567 33.3567 30.567 32.2827C30.567 30.9939 29.5467 30.5373 27.8283 29.7858L26.8887 29.3827C24.1767 28.2284 22.3778 26.7784 22.3778 23.7175C22.3778 20.8981 24.5258 18.75 27.8822 18.75C30.2719 18.75 31.9903 19.5825 33.2253 21.7573L30.2984 23.637C29.6539 22.4825 28.9561 22.0261 27.882 22.0261C26.7811 22.0261 26.083 22.7242 26.083 23.637C26.083 24.7647 26.7811 25.2214 28.392 25.9195L29.3317 26.3222C32.527 27.6917 34.3259 29.0878 34.3259 32.2291C34.3259 35.6125 31.6678 37.465 28.0967 37.465C24.6062 37.465 22.3508 35.8003 21.25 33.6253" fill="black"/>
</g>
<defs>
<clipPath id="clip0_129_41815">
<rect width="32.0003" height="32" fill="white" transform="translate(8 8)"/>
<clipPath id="clip0_9094_17611">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

6
packages/console/src/assets/docs/guides/spa-vue/logo.svg
View file

@ -1,4 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 11.5L24 38.5L39.75 11.5H33.5625L24 27.8125L14.4375 11.5H8.25Z" fill="#41B883"/>
<path d="M14.4375 11.5L24 27.8125L33.5625 11.5H27.9375L24.0735 18.2642L20.0625 11.5H14.4375Z" fill="#35495E"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.85742L20 37.1431L40 2.85742H32.1429L20 23.5717L7.85714 2.85742H0Z" fill="#41B883"/>
<path d="M7.85718 2.85742L20 23.5717L32.1429 2.85742H25L20.0933 11.4468L15 2.85742H7.85718Z" fill="#35495E"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 311 B

11
packages/console/src/assets/docs/guides/spa-webflow/logo.svg
View file

@ -1,10 +1,3 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10804_21263)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.1921 9.81543L32.0531 37.4555H18.7727L24.6898 26.0003H24.4244C19.5428 32.3372 12.2594 36.5088 1.88159 37.4555V26.1589C1.88159 26.1589 8.5205 25.7667 12.4233 21.6634H1.88159V9.81565H13.7294V19.5603L13.9953 19.5592L18.8367 9.81565H27.7969V19.4985L28.0628 19.4981L33.0858 9.81543H46.1921Z" fill="#146EF5"/>
</g>
<defs>
<clipPath id="clip0_10804_21263">
<rect width="44" height="27.7895" fill="white" transform="translate(2 10)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 7.52441L27.2364 32.4757H15.2479L20.5895 22.1348H20.3498C15.9431 27.8552 9.36822 31.6211 0 32.4757V22.2779C0 22.2779 5.99307 21.924 9.51623 18.2198H0V7.52461H10.6952V16.3213L10.9353 16.3203L15.3057 7.52461H23.3942V16.2655L23.6343 16.2651L28.1686 7.52441H40Z" fill="#146EF5"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 B

After

Width:  |  Height:  |  Size: 431 B

21
packages/console/src/assets/docs/guides/third-party-oidc/logo.svg
View file

@ -1,12 +1,11 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10270_21072)">
<path d="M41 26.5512L40.15 18.9012L37.685 20.5162C35.39 19.0712 32.5 18.0512 29.27 17.5412C29.27 17.5412 27.655 17.2012 25.53 17.2012C23.405 17.2012 21.45 17.4562 21.45 17.4562C13.205 18.4762 7 23.1512 7 28.7612C7 34.5412 13.375 39.3012 23.15 40.1512V36.8362C16.435 35.9012 12.185 32.7562 12.185 28.7612C12.185 25.0212 16.095 21.8762 21.45 20.8562C21.45 20.8562 25.615 19.9212 29.27 21.0262C31.055 21.4512 32.67 22.0462 34.03 22.8962L30.8 24.8512L41 26.5512Z" fill="#9E9E9E"/>
<path d="M23.1499 10.4006V40.1506L28.2499 37.6006V7.85059L23.1499 10.4006Z" fill="#FF9800"/>
</g>
<defs>
<clipPath id="clip0_10270_21072">
<rect width="34" height="34" fill="white" transform="translate(7 7)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10270_21072)">
<path d="M40 23L39 14L36.1 15.9C33.4 14.2 30 13 26.2 12.4C26.2 12.4 24.3 12 21.8 12C19.3 12 17 12.3 17 12.3C7.3 13.5 0 19 0 25.6C0 32.4 7.5 38 19 39V35.1C11.1 34 6.1 30.3 6.1 25.6C6.1 21.2 10.7 17.5 17 16.3C17 16.3 21.9 15.2 26.2 16.5C28.3 17 30.2 17.7 31.8 18.7L28 21L40 23Z" fill="#9E9E9E"/>
<path d="M18.9998 3.99902V38.999L24.9998 35.999V0.999023L18.9998 3.99902Z" fill="#FF9800"/>
</g>
<defs>
<clipPath id="clip0_10270_21072">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 882 B

After

Width:  |  Height:  |  Size: 639 B

3
packages/console/src/assets/docs/guides/types.ts
View file

@ -49,6 +49,9 @@ export type Guide = {
Logo:
| LazyExoticComponent<SvgComponent>
| ((props: { readonly className?: string }) => JSX.Element);
DarkLogo?:
| LazyExoticComponent<SvgComponent>
| ((props: { readonly className?: string }) => JSX.Element);
Component: LazyExoticComponent<FunctionComponent<MDXProps>>;
metadata: Readonly<GuideMetadata>;
};

8
packages/console/src/assets/docs/guides/web-dotnet-core-blazor-server/logo.svg
View file

@ -1,6 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 1000" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
<g><path style="opacity:0.991" fill="#5b2d91" d="M 999.5,224.5 C 999.5,247.5 999.5,270.5 999.5,293.5C 987.105,443.45 926.105,569.617 816.5,672C 683.561,790.753 527.894,841.086 349.5,823C 270.074,808.831 208.241,768.331 164,701.5C 125.156,635.721 118.49,566.721 144,494.5C 175.867,414.302 233.367,362.469 316.5,339C 413.785,318.432 496.285,344.266 564,416.5C 609.201,469.44 629.201,530.773 624,600.5C 621.636,620.75 612.469,636.917 596.5,649C 577.395,658.77 558.395,658.437 539.5,648C 525.633,638.124 517.466,624.624 515,607.5C 513.716,563.856 513.049,520.19 513,476.5C 507.273,447.106 489.773,429.273 460.5,423C 422.5,422.333 384.5,422.333 346.5,423C 283.864,433.306 241.364,468.139 219,527.5C 201.587,593.253 218.421,648.42 269.5,693C 321.584,731.019 376.584,735.686 434.5,707C 451.112,697.225 465.779,685.058 478.5,670.5C 495.368,696.172 519.035,711.672 549.5,717C 607.554,723.889 648.721,700.722 673,647.5C 684.436,618.479 688.103,588.479 684,557.5C 672.278,445.129 617.778,360.963 520.5,305C 430.417,259.489 339.084,256.822 246.5,297C 160.387,339.124 103.887,406.291 77,498.5C 51.6188,604.965 74.2855,699.632 145,782.5C 201.202,842.351 270.369,876.851 352.5,886C 503.388,899.11 642.721,865.443 770.5,785C 772.345,783.872 774.345,783.372 776.5,783.5C 776.657,784.873 776.49,786.207 776,787.5C 679.835,888.483 561.668,942.983 421.5,951C 348.701,958.22 278.701,947.553 211.5,919C 102.973,866.45 35.1393,781.283 8,663.5C 4.0882,644.511 1.25487,625.511 -0.5,606.5C -0.5,587.5 -0.5,568.5 -0.5,549.5C 12.4764,422.139 72.4764,323.972 179.5,255C 231.04,224.599 286.707,207.266 346.5,203C 397.833,202.667 449.167,202.333 500.5,202C 591.917,196.616 668.584,160.616 730.5,94C 735.357,92.2472 738.357,93.7472 739.5,98.5C 733.96,152.291 716.793,201.958 688,247.5C 686.835,250.814 688.002,252.814 691.5,253.5C 745.424,240.368 794.091,216.868 837.5,183C 868.397,156.65 894.231,126.15 915,91.5C 923.707,76.584 932.541,61.7507 941.5,47C 945.274,45.8175 948.441,46.6508 951,49.5C 979.811,104.421 995.978,162.754 999.5,224.5 Z"/></g>
<g><path style="opacity:0.991" fill="#5b2d91" d="M 348.5,482.5 C 382.835,482.333 417.168,482.5 451.5,483C 452.701,483.903 453.535,485.069 454,486.5C 454.667,518.167 454.667,549.833 454,581.5C 449.301,618.529 429.801,644.363 395.5,659C 350.606,672.59 314.106,660.757 286,623.5C 265.604,587.302 266.938,551.968 290,517.5C 305.312,498.763 324.812,487.097 348.5,482.5 Z"/></g>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.7227 13.5009C38.858 18.9219 36.0985 23.8602 31.935 27.4374C27.7716 31.0146 22.4743 32.9987 16.9856 33.0368C15.8738 33.0795 14.7605 33.0119 13.6621 32.835C11.3649 32.4447 9.27091 31.2786 7.72945 29.5311C6.18799 27.7837 5.29222 25.5606 5.19153 23.2326C5.21372 20.6361 6.25593 18.1524 8.09324 16.3175C9.93046 14.4828 12.4155 13.4441 15.0119 13.4258C17.6083 13.4075 20.1078 14.4109 21.9708 16.2195C23.8338 18.0282 24.9111 20.4969 24.97 23.0928C25.0115 24.7324 24.3013 26.1705 22.8417 26.2121C21.2822 26.2121 20.5511 25.0992 20.5511 23.5995V19.4321C20.5517 18.7582 20.2858 18.1114 19.8113 17.6328C19.3369 17.1541 18.6925 16.8825 18.0186 16.8772H14.5254C13.5093 16.8701 12.5076 17.1179 11.612 17.5978C10.7164 18.0777 9.95529 18.7745 9.39836 19.6244C8.84136 20.4742 8.5062 21.4501 8.42349 22.4629C8.34079 23.4756 8.51318 24.4929 8.92491 25.4219C9.33664 26.3509 9.97459 27.1619 10.7805 27.7808C11.5864 28.3997 12.5345 28.8068 13.5382 28.9649C14.542 29.1229 15.5693 29.0268 16.5263 28.6854C17.4833 28.344 18.3395 27.7682 19.0166 27.0106L19.1388 26.8285L19.2611 27.0307C19.6812 27.6015 20.2359 28.0597 20.8758 28.3644C21.5157 28.6692 22.221 28.8111 22.929 28.7775C24.1909 28.6858 25.367 28.1044 26.2061 27.1574C27.0453 26.2105 27.481 24.973 27.4202 23.7092C27.4325 22.6247 27.3109 21.5428 27.0583 20.4881C26.4105 17.5085 24.6827 14.8741 22.208 13.0931C19.7333 11.3121 16.6869 10.5103 13.6561 10.8423C10.6253 11.1743 7.82473 12.6166 5.79428 14.8911C3.76368 17.1657 2.64693 20.1115 2.65927 23.1607C2.69824 26.3939 3.98885 29.4862 6.25995 31.7877C8.53084 34.0892 11.6055 35.4208 14.8377 35.5026C14.8377 35.5026 15.7525 35.5858 16.7838 35.5621C21.7972 35.5303 26.6972 34.0683 30.9083 31.3478C30.9682 31.3061 31.0281 31.3893 30.9882 31.45C28.9381 33.6586 26.4311 35.3936 23.6419 36.5343C20.8527 37.6751 17.8483 38.194 14.8381 38.055C12.8702 38.0907 10.9154 37.7274 9.09168 36.987C7.268 36.2465 5.61321 35.1443 4.22717 33.7468C2.841 32.3493 1.75226 30.6855 1.02661 28.8557C0.300961 27.0259 -0.0465619 25.0681 0.00500247 23.1004C0.00594966 20.7545 0.554021 18.4411 1.60567 16.3441C2.65731 14.2471 4.18354 12.4242 6.06309 11.0204C8.58896 9.16025 11.6414 8.15252 14.7783 8.14319H19.4667C21.2981 8.14182 23.1092 7.75907 24.7845 7.0193C26.4599 6.27954 27.9629 5.19898 29.1977 3.84645C29.2238 3.81752 29.2584 3.79772 29.2966 3.78996C29.3347 3.7817 29.3745 3.78565 29.4103 3.80125C29.446 3.81684 29.4759 3.84329 29.4958 3.87685C29.5159 3.91053 29.5249 3.94959 29.5217 3.98878C29.3229 6.09609 28.6214 8.12494 27.476 9.90493C27.4591 9.93584 27.4514 9.97102 27.4541 10.0062C27.4568 10.0414 27.4696 10.075 27.4911 10.103C27.5125 10.1309 27.5415 10.152 27.5746 10.1638C27.6077 10.1756 27.6435 10.1776 27.6777 10.1694C29.842 9.68051 31.8612 8.6904 33.573 7.27876C35.2848 5.86712 36.6413 4.07337 37.5334 2.04185C37.556 2.00555 37.5872 1.9754 37.6244 1.95404C37.6618 1.93295 37.704 1.92188 37.7469 1.92188C37.7898 1.92188 37.832 1.93295 37.8694 1.95404C37.9066 1.97527 37.9379 2.00541 37.9604 2.04185C39.7978 5.56187 40.4176 9.5914 39.7227 13.5009ZM14.8256 19.3801C14.2864 19.38 13.7537 19.4995 13.2662 19.73C12.7787 19.9605 12.3483 20.2963 12.0062 20.7132C11.664 21.1301 11.4186 21.6176 11.2876 22.1408C11.1566 22.6639 11.1433 23.2096 11.2486 23.7385C11.3893 24.446 11.7366 25.0958 12.2466 25.6059C12.7566 26.116 13.4064 26.4634 14.1138 26.6042C14.6428 26.7094 15.1884 26.696 15.7115 26.5649C16.2346 26.4338 16.7221 26.1883 17.1389 25.8462C17.5557 25.504 17.8915 25.0737 18.122 24.5861C18.3524 24.0986 18.4719 23.566 18.4718 23.0267V19.6221C18.4685 19.557 18.4412 19.4954 18.3951 19.4493C18.349 19.4032 18.2874 19.3759 18.2223 19.3726L14.8256 19.3801Z" fill="#5C2D91"/>
<path d="M39.7227 13.5009C38.858 18.9219 36.0985 23.8602 31.935 27.4374C27.7716 31.0146 22.4743 32.9987 16.9856 33.0368C15.8738 33.0795 14.7605 33.0119 13.6621 32.835C11.3649 32.4447 9.27091 31.2786 7.72945 29.5311C6.18799 27.7837 5.29222 25.5606 5.19153 23.2326C5.21372 20.6361 6.25593 18.1524 8.09324 16.3175C9.93046 14.4828 12.4155 13.4441 15.0119 13.4258C17.6083 13.4075 20.1078 14.4109 21.9708 16.2195C23.8338 18.0282 24.9111 20.4969 24.97 23.0928C25.0115 24.7324 24.3013 26.1705 22.8417 26.2121C21.2822 26.2121 20.5511 25.0992 20.5511 23.5995V19.4321C20.5517 18.7582 20.2858 18.1114 19.8113 17.6328C19.3369 17.1541 18.6925 16.8825 18.0186 16.8772H14.5254C13.5093 16.8701 12.5076 17.1179 11.612 17.5978C10.7164 18.0777 9.95529 18.7745 9.39836 19.6244C8.84136 20.4742 8.5062 21.4501 8.42349 22.4629C8.34079 23.4756 8.51318 24.4929 8.92491 25.4219C9.33664 26.3509 9.97459 27.1619 10.7805 27.7808C11.5864 28.3997 12.5345 28.8068 13.5382 28.9649C14.542 29.1229 15.5693 29.0268 16.5263 28.6854C17.4833 28.344 18.3395 27.7682 19.0166 27.0106L19.1388 26.8285L19.2611 27.0307C19.6812 27.6015 20.2359 28.0597 20.8758 28.3644C21.5157 28.6692 22.221 28.8111 22.929 28.7775C24.1909 28.6858 25.367 28.1044 26.2061 27.1574C27.0453 26.2105 27.481 24.973 27.4202 23.7092C27.4325 22.6247 27.3109 21.5428 27.0583 20.4881C26.4105 17.5085 24.6827 14.8741 22.208 13.0931C19.7333 11.3121 16.6869 10.5103 13.6561 10.8423C10.6253 11.1743 7.82473 12.6166 5.79428 14.8911C3.76368 17.1657 2.64693 20.1115 2.65927 23.1607C2.69824 26.3939 3.98885 29.4862 6.25995 31.7877C8.53084 34.0892 11.6055 35.4208 14.8377 35.5026C14.8377 35.5026 15.7525 35.5858 16.7838 35.5621C21.7972 35.5303 26.6972 34.0683 30.9083 31.3478C30.9682 31.3061 31.0281 31.3893 30.9882 31.45C28.9381 33.6586 26.4311 35.3936 23.6419 36.5343C20.8527 37.6751 17.8483 38.194 14.8381 38.055C12.8702 38.0907 10.9154 37.7274 9.09168 36.987C7.268 36.2465 5.61321 35.1443 4.22717 33.7468C2.841 32.3493 1.75226 30.6855 1.02661 28.8557C0.300961 27.0259 -0.0465619 25.0681 0.00500247 23.1004C0.00594966 20.7545 0.554021 18.4411 1.60567 16.3441C2.65731 14.2471 4.18354 12.4242 6.06309 11.0204C8.58896 9.16025 11.6414 8.15252 14.7783 8.14319H19.4667C21.2981 8.14182 23.1092 7.75907 24.7845 7.0193C26.4599 6.27954 27.9629 5.19898 29.1977 3.84645C29.2238 3.81752 29.2584 3.79772 29.2966 3.78996C29.3347 3.7817 29.3745 3.78565 29.4103 3.80125C29.446 3.81684 29.4759 3.84329 29.4958 3.87685C29.5159 3.91053 29.5249 3.94959 29.5217 3.98878C29.3229 6.09609 28.6214 8.12494 27.476 9.90493C27.4591 9.93584 27.4514 9.97102 27.4541 10.0062C27.4568 10.0414 27.4696 10.075 27.4911 10.103C27.5125 10.1309 27.5415 10.152 27.5746 10.1638C27.6077 10.1756 27.6435 10.1776 27.6777 10.1694C29.842 9.68051 31.8612 8.6904 33.573 7.27876C35.2848 5.86712 36.6413 4.07337 37.5334 2.04185C37.556 2.00555 37.5872 1.9754 37.6244 1.95404C37.6618 1.93295 37.704 1.92188 37.7469 1.92188C37.7898 1.92188 37.832 1.93295 37.8694 1.95404C37.9066 1.97527 37.9379 2.00541 37.9604 2.04185C39.7978 5.56187 40.4176 9.5914 39.7227 13.5009ZM14.8256 19.3801C14.2864 19.38 13.7537 19.4995 13.2662 19.73C12.7787 19.9605 12.3483 20.2963 12.0062 20.7132C11.664 21.1301 11.4186 21.6176 11.2876 22.1408C11.1566 22.6639 11.1433 23.2096 11.2486 23.7385C11.3893 24.446 11.7366 25.0958 12.2466 25.6059C12.7566 26.116 13.4064 26.4634 14.1138 26.6042C14.6428 26.7094 15.1884 26.696 15.7115 26.5649C16.2346 26.4338 16.7221 26.1883 17.1389 25.8462C17.5557 25.504 17.8915 25.0737 18.122 24.5861C18.3524 24.0986 18.4719 23.566 18.4718 23.0267V19.6221C18.4685 19.557 18.4412 19.4954 18.3951 19.4493C18.349 19.4032 18.2874 19.3759 18.2223 19.3726L14.8256 19.3801Z" fill="#5C2D91"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

8
packages/console/src/assets/docs/guides/web-dotnet-core-blazor-wasm/logo.svg
View file

@ -1,6 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 1000" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
<g><path style="opacity:0.991" fill="#5b2d91" d="M 999.5,224.5 C 999.5,247.5 999.5,270.5 999.5,293.5C 987.105,443.45 926.105,569.617 816.5,672C 683.561,790.753 527.894,841.086 349.5,823C 270.074,808.831 208.241,768.331 164,701.5C 125.156,635.721 118.49,566.721 144,494.5C 175.867,414.302 233.367,362.469 316.5,339C 413.785,318.432 496.285,344.266 564,416.5C 609.201,469.44 629.201,530.773 624,600.5C 621.636,620.75 612.469,636.917 596.5,649C 577.395,658.77 558.395,658.437 539.5,648C 525.633,638.124 517.466,624.624 515,607.5C 513.716,563.856 513.049,520.19 513,476.5C 507.273,447.106 489.773,429.273 460.5,423C 422.5,422.333 384.5,422.333 346.5,423C 283.864,433.306 241.364,468.139 219,527.5C 201.587,593.253 218.421,648.42 269.5,693C 321.584,731.019 376.584,735.686 434.5,707C 451.112,697.225 465.779,685.058 478.5,670.5C 495.368,696.172 519.035,711.672 549.5,717C 607.554,723.889 648.721,700.722 673,647.5C 684.436,618.479 688.103,588.479 684,557.5C 672.278,445.129 617.778,360.963 520.5,305C 430.417,259.489 339.084,256.822 246.5,297C 160.387,339.124 103.887,406.291 77,498.5C 51.6188,604.965 74.2855,699.632 145,782.5C 201.202,842.351 270.369,876.851 352.5,886C 503.388,899.11 642.721,865.443 770.5,785C 772.345,783.872 774.345,783.372 776.5,783.5C 776.657,784.873 776.49,786.207 776,787.5C 679.835,888.483 561.668,942.983 421.5,951C 348.701,958.22 278.701,947.553 211.5,919C 102.973,866.45 35.1393,781.283 8,663.5C 4.0882,644.511 1.25487,625.511 -0.5,606.5C -0.5,587.5 -0.5,568.5 -0.5,549.5C 12.4764,422.139 72.4764,323.972 179.5,255C 231.04,224.599 286.707,207.266 346.5,203C 397.833,202.667 449.167,202.333 500.5,202C 591.917,196.616 668.584,160.616 730.5,94C 735.357,92.2472 738.357,93.7472 739.5,98.5C 733.96,152.291 716.793,201.958 688,247.5C 686.835,250.814 688.002,252.814 691.5,253.5C 745.424,240.368 794.091,216.868 837.5,183C 868.397,156.65 894.231,126.15 915,91.5C 923.707,76.584 932.541,61.7507 941.5,47C 945.274,45.8175 948.441,46.6508 951,49.5C 979.811,104.421 995.978,162.754 999.5,224.5 Z"/></g>
<g><path style="opacity:0.991" fill="#5b2d91" d="M 348.5,482.5 C 382.835,482.333 417.168,482.5 451.5,483C 452.701,483.903 453.535,485.069 454,486.5C 454.667,518.167 454.667,549.833 454,581.5C 449.301,618.529 429.801,644.363 395.5,659C 350.606,672.59 314.106,660.757 286,623.5C 265.604,587.302 266.938,551.968 290,517.5C 305.312,498.763 324.812,487.097 348.5,482.5 Z"/></g>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.7227 13.5009C38.858 18.9219 36.0985 23.8602 31.935 27.4374C27.7716 31.0146 22.4743 32.9987 16.9856 33.0368C15.8738 33.0795 14.7605 33.0119 13.6621 32.835C11.3649 32.4447 9.27091 31.2786 7.72945 29.5311C6.18799 27.7837 5.29222 25.5606 5.19153 23.2326C5.21372 20.6361 6.25593 18.1524 8.09324 16.3175C9.93046 14.4828 12.4155 13.4441 15.0119 13.4258C17.6083 13.4075 20.1078 14.4109 21.9708 16.2195C23.8338 18.0282 24.9111 20.4969 24.97 23.0928C25.0115 24.7324 24.3013 26.1705 22.8417 26.2121C21.2822 26.2121 20.5511 25.0992 20.5511 23.5995V19.4321C20.5517 18.7582 20.2858 18.1114 19.8113 17.6328C19.3369 17.1541 18.6925 16.8825 18.0186 16.8772H14.5254C13.5093 16.8701 12.5076 17.1179 11.612 17.5978C10.7164 18.0777 9.95529 18.7745 9.39836 19.6244C8.84136 20.4742 8.5062 21.4501 8.42349 22.4629C8.34079 23.4756 8.51318 24.4929 8.92491 25.4219C9.33664 26.3509 9.97459 27.1619 10.7805 27.7808C11.5864 28.3997 12.5345 28.8068 13.5382 28.9649C14.542 29.1229 15.5693 29.0268 16.5263 28.6854C17.4833 28.344 18.3395 27.7682 19.0166 27.0106L19.1388 26.8285L19.2611 27.0307C19.6812 27.6015 20.2359 28.0597 20.8758 28.3644C21.5157 28.6692 22.221 28.8111 22.929 28.7775C24.1909 28.6858 25.367 28.1044 26.2061 27.1574C27.0453 26.2105 27.481 24.973 27.4202 23.7092C27.4325 22.6247 27.3109 21.5428 27.0583 20.4881C26.4105 17.5085 24.6827 14.8741 22.208 13.0931C19.7333 11.3121 16.6869 10.5103 13.6561 10.8423C10.6253 11.1743 7.82473 12.6166 5.79428 14.8911C3.76368 17.1657 2.64693 20.1115 2.65927 23.1607C2.69824 26.3939 3.98885 29.4862 6.25995 31.7877C8.53084 34.0892 11.6055 35.4208 14.8377 35.5026C14.8377 35.5026 15.7525 35.5858 16.7838 35.5621C21.7972 35.5303 26.6972 34.0683 30.9083 31.3478C30.9682 31.3061 31.0281 31.3893 30.9882 31.45C28.9381 33.6586 26.4311 35.3936 23.6419 36.5343C20.8527 37.6751 17.8483 38.194 14.8381 38.055C12.8702 38.0907 10.9154 37.7274 9.09168 36.987C7.268 36.2465 5.61321 35.1443 4.22717 33.7468C2.841 32.3493 1.75226 30.6855 1.02661 28.8557C0.300961 27.0259 -0.0465619 25.0681 0.00500247 23.1004C0.00594966 20.7545 0.554021 18.4411 1.60567 16.3441C2.65731 14.2471 4.18354 12.4242 6.06309 11.0204C8.58896 9.16025 11.6414 8.15252 14.7783 8.14319H19.4667C21.2981 8.14182 23.1092 7.75907 24.7845 7.0193C26.4599 6.27954 27.9629 5.19898 29.1977 3.84645C29.2238 3.81752 29.2584 3.79772 29.2966 3.78996C29.3347 3.7817 29.3745 3.78565 29.4103 3.80125C29.446 3.81684 29.4759 3.84329 29.4958 3.87685C29.5159 3.91053 29.5249 3.94959 29.5217 3.98878C29.3229 6.09609 28.6214 8.12494 27.476 9.90493C27.4591 9.93584 27.4514 9.97102 27.4541 10.0062C27.4568 10.0414 27.4696 10.075 27.4911 10.103C27.5125 10.1309 27.5415 10.152 27.5746 10.1638C27.6077 10.1756 27.6435 10.1776 27.6777 10.1694C29.842 9.68051 31.8612 8.6904 33.573 7.27876C35.2848 5.86712 36.6413 4.07337 37.5334 2.04185C37.556 2.00555 37.5872 1.9754 37.6244 1.95404C37.6618 1.93295 37.704 1.92188 37.7469 1.92188C37.7898 1.92188 37.832 1.93295 37.8694 1.95404C37.9066 1.97527 37.9379 2.00541 37.9604 2.04185C39.7978 5.56187 40.4176 9.5914 39.7227 13.5009ZM14.8256 19.3801C14.2864 19.38 13.7537 19.4995 13.2662 19.73C12.7787 19.9605 12.3483 20.2963 12.0062 20.7132C11.664 21.1301 11.4186 21.6176 11.2876 22.1408C11.1566 22.6639 11.1433 23.2096 11.2486 23.7385C11.3893 24.446 11.7366 25.0958 12.2466 25.6059C12.7566 26.116 13.4064 26.4634 14.1138 26.6042C14.6428 26.7094 15.1884 26.696 15.7115 26.5649C16.2346 26.4338 16.7221 26.1883 17.1389 25.8462C17.5557 25.504 17.8915 25.0737 18.122 24.5861C18.3524 24.0986 18.4719 23.566 18.4718 23.0267V19.6221C18.4685 19.557 18.4412 19.4954 18.3951 19.4493C18.349 19.4032 18.2874 19.3759 18.2223 19.3726L14.8256 19.3801Z" fill="#5C2D91"/>
<path d="M39.7227 13.5009C38.858 18.9219 36.0985 23.8602 31.935 27.4374C27.7716 31.0146 22.4743 32.9987 16.9856 33.0368C15.8738 33.0795 14.7605 33.0119 13.6621 32.835C11.3649 32.4447 9.27091 31.2786 7.72945 29.5311C6.18799 27.7837 5.29222 25.5606 5.19153 23.2326C5.21372 20.6361 6.25593 18.1524 8.09324 16.3175C9.93046 14.4828 12.4155 13.4441 15.0119 13.4258C17.6083 13.4075 20.1078 14.4109 21.9708 16.2195C23.8338 18.0282 24.9111 20.4969 24.97 23.0928C25.0115 24.7324 24.3013 26.1705 22.8417 26.2121C21.2822 26.2121 20.5511 25.0992 20.5511 23.5995V19.4321C20.5517 18.7582 20.2858 18.1114 19.8113 17.6328C19.3369 17.1541 18.6925 16.8825 18.0186 16.8772H14.5254C13.5093 16.8701 12.5076 17.1179 11.612 17.5978C10.7164 18.0777 9.95529 18.7745 9.39836 19.6244C8.84136 20.4742 8.5062 21.4501 8.42349 22.4629C8.34079 23.4756 8.51318 24.4929 8.92491 25.4219C9.33664 26.3509 9.97459 27.1619 10.7805 27.7808C11.5864 28.3997 12.5345 28.8068 13.5382 28.9649C14.542 29.1229 15.5693 29.0268 16.5263 28.6854C17.4833 28.344 18.3395 27.7682 19.0166 27.0106L19.1388 26.8285L19.2611 27.0307C19.6812 27.6015 20.2359 28.0597 20.8758 28.3644C21.5157 28.6692 22.221 28.8111 22.929 28.7775C24.1909 28.6858 25.367 28.1044 26.2061 27.1574C27.0453 26.2105 27.481 24.973 27.4202 23.7092C27.4325 22.6247 27.3109 21.5428 27.0583 20.4881C26.4105 17.5085 24.6827 14.8741 22.208 13.0931C19.7333 11.3121 16.6869 10.5103 13.6561 10.8423C10.6253 11.1743 7.82473 12.6166 5.79428 14.8911C3.76368 17.1657 2.64693 20.1115 2.65927 23.1607C2.69824 26.3939 3.98885 29.4862 6.25995 31.7877C8.53084 34.0892 11.6055 35.4208 14.8377 35.5026C14.8377 35.5026 15.7525 35.5858 16.7838 35.5621C21.7972 35.5303 26.6972 34.0683 30.9083 31.3478C30.9682 31.3061 31.0281 31.3893 30.9882 31.45C28.9381 33.6586 26.4311 35.3936 23.6419 36.5343C20.8527 37.6751 17.8483 38.194 14.8381 38.055C12.8702 38.0907 10.9154 37.7274 9.09168 36.987C7.268 36.2465 5.61321 35.1443 4.22717 33.7468C2.841 32.3493 1.75226 30.6855 1.02661 28.8557C0.300961 27.0259 -0.0465619 25.0681 0.00500247 23.1004C0.00594966 20.7545 0.554021 18.4411 1.60567 16.3441C2.65731 14.2471 4.18354 12.4242 6.06309 11.0204C8.58896 9.16025 11.6414 8.15252 14.7783 8.14319H19.4667C21.2981 8.14182 23.1092 7.75907 24.7845 7.0193C26.4599 6.27954 27.9629 5.19898 29.1977 3.84645C29.2238 3.81752 29.2584 3.79772 29.2966 3.78996C29.3347 3.7817 29.3745 3.78565 29.4103 3.80125C29.446 3.81684 29.4759 3.84329 29.4958 3.87685C29.5159 3.91053 29.5249 3.94959 29.5217 3.98878C29.3229 6.09609 28.6214 8.12494 27.476 9.90493C27.4591 9.93584 27.4514 9.97102 27.4541 10.0062C27.4568 10.0414 27.4696 10.075 27.4911 10.103C27.5125 10.1309 27.5415 10.152 27.5746 10.1638C27.6077 10.1756 27.6435 10.1776 27.6777 10.1694C29.842 9.68051 31.8612 8.6904 33.573 7.27876C35.2848 5.86712 36.6413 4.07337 37.5334 2.04185C37.556 2.00555 37.5872 1.9754 37.6244 1.95404C37.6618 1.93295 37.704 1.92188 37.7469 1.92188C37.7898 1.92188 37.832 1.93295 37.8694 1.95404C37.9066 1.97527 37.9379 2.00541 37.9604 2.04185C39.7978 5.56187 40.4176 9.5914 39.7227 13.5009ZM14.8256 19.3801C14.2864 19.38 13.7537 19.4995 13.2662 19.73C12.7787 19.9605 12.3483 20.2963 12.0062 20.7132C11.664 21.1301 11.4186 21.6176 11.2876 22.1408C11.1566 22.6639 11.1433 23.2096 11.2486 23.7385C11.3893 24.446 11.7366 25.0958 12.2466 25.6059C12.7566 26.116 13.4064 26.4634 14.1138 26.6042C14.6428 26.7094 15.1884 26.696 15.7115 26.5649C16.2346 26.4338 16.7221 26.1883 17.1389 25.8462C17.5557 25.504 17.8915 25.0737 18.122 24.5861C18.3524 24.0986 18.4719 23.566 18.4718 23.0267V19.6221C18.4685 19.557 18.4412 19.4954 18.3951 19.4493C18.349 19.4032 18.2874 19.3759 18.2223 19.3726L14.8256 19.3801Z" fill="#5C2D91"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

14
packages/console/src/assets/docs/guides/web-dotnet-core-mvc/logo.svg
View file

@ -1,2 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><style>.cls-1{fill:#5c2d91;}.cls-2,.cls-3{fill:#fff;}.cls-2{opacity:0.1;}.cls-4{fill:#f2f2f2;}</style></defs><title>logo_NETcore</title><circle class="cls-1" cx="32" cy="32" r="32"/><path class="cls-2" d="M9.82,9A32,32,0,1,0,55,54.18Z"/><path class="cls-3" d="M7.4,37.25a1.35,1.35,0,0,1-1-.42,1.38,1.38,0,0,1-.41-1,1.4,1.4,0,0,1,.41-1,1.34,1.34,0,0,1,1-.43,1.37,1.37,0,0,1,1,.43,1.39,1.39,0,0,1,.42,1,1.37,1.37,0,0,1-.42,1A1.38,1.38,0,0,1,7.4,37.25Z"/><path class="cls-3" d="M27.27,37H24.65L15.28,22.46a6,6,0,0,1-.58-1.14h-.08a18.72,18.72,0,0,1,.1,2.5V37H12.59V18.77h2.77l9.12,14.28q.57.89.74,1.22h.05a19.28,19.28,0,0,1-.13-2.68V18.77h2.13Z"/><path class="cls-3" d="M41.69,37H32V18.77h9.24V20.7H34.18v6.06h6.58v1.92H34.18V35h7.52Z"/><path class="cls-3" d="M56,20.7H50.7V37H48.57V20.7H43.33V18.77H56Z"/><path class="cls-4" d="M26.12,49.4a4.93,4.93,0,0,1-2.32.49,3.74,3.74,0,0,1-2.87-1.15,4.26,4.26,0,0,1-1.08-3,4.46,4.46,0,0,1,1.21-3.26,4.12,4.12,0,0,1,3.08-1.24,4.93,4.93,0,0,1,2,.35v1a4,4,0,0,0-2-.5,3.06,3.06,0,0,0-2.35,1,3.64,3.64,0,0,0-.9,2.58,3.47,3.47,0,0,0,.84,2.45,2.86,2.86,0,0,0,2.21.91,4.14,4.14,0,0,0,2.19-.56Z"/><path class="cls-4" d="M30.21,49.89A2.78,2.78,0,0,1,28.08,49a3.11,3.11,0,0,1-.79-2.23,3.24,3.24,0,0,1,.83-2.36,3,3,0,0,1,2.23-.85,2.69,2.69,0,0,1,2.09.83,3.28,3.28,0,0,1,.75,2.29,3.22,3.22,0,0,1-.81,2.3A2.84,2.84,0,0,1,30.21,49.89Zm.07-5.47a1.83,1.83,0,0,0-1.46.63,2.59,2.59,0,0,0-.54,1.74,2.45,2.45,0,0,0,.54,1.68,1.85,1.85,0,0,0,1.46.62,1.76,1.76,0,0,0,1.43-.6,2.62,2.62,0,0,0,.5-1.72,2.66,2.66,0,0,0-.5-1.73A1.75,1.75,0,0,0,30.28,44.42Z"/><path class="cls-4" d="M37.86,44.72a1.18,1.18,0,0,0-.73-.19,1.23,1.23,0,0,0-1,.58,2.68,2.68,0,0,0-.41,1.58v3.06h-1v-6h1V45h0a2.1,2.1,0,0,1,.63-1,1.43,1.43,0,0,1,.94-.35,1.57,1.57,0,0,1,.57.08Z"/><path class="cls-4" d="M43.72,47H39.49A2.24,2.24,0,0,0,40,48.54a1.86,1.86,0,0,0,1.42.54,3,3,0,0,0,1.86-.67v.9a3.48,3.48,0,0,1-2.09.57,2.54,2.54,0,0,1-2-.82,3.35,3.35,0,0,1-.73-2.3,3.28,3.28,0,0,1,.79-2.28,2.55,2.55,0,0,1,2-.88,2.26,2.26,0,0,1,1.82.76,3.18,3.18,0,0,1,.64,2.12Zm-1-.81a2,2,0,0,0-.4-1.29,1.37,1.37,0,0,0-1.1-.46,1.55,1.55,0,0,0-1.15.49,2.21,2.21,0,0,0-.59,1.27Z"/></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2745 39.4509C31.1686 39.4509 40 30.6195 40 19.7255C40 8.83139 31.1686 0 20.2745 0C9.38046 0 0.549072 8.83139 0.549072 19.7255C0.549072 30.6195 9.38046 39.4509 20.2745 39.4509Z" fill="#5C2D91"/>
<path opacity="0.1" d="M6.60232 5.54785C4.59708 7.33474 2.97789 9.51232 1.84399 11.9471C0.710096 14.3819 0.0853873 17.0226 0.00815682 19.7074C-0.0690737 22.3922 0.402801 25.0644 1.39486 27.5604C2.38691 30.0563 3.87825 32.3234 5.77746 34.2226C7.67666 36.1218 9.94372 37.6131 12.4397 38.6052C14.9356 39.5973 17.6079 40.0691 20.2927 39.9919C22.9774 39.9147 25.6181 39.29 28.0529 38.1561C30.4877 37.0222 32.6653 35.403 34.4522 33.3977L6.60232 5.54785Z" fill="white"/>
<path d="M5.11044 22.9629C4.99538 22.9647 4.88119 22.9427 4.77509 22.8981C4.66898 22.8535 4.57328 22.7874 4.49402 22.704C4.41258 22.6236 4.34822 22.5275 4.3048 22.4216C4.26137 22.3157 4.23977 22.2021 4.24129 22.0876C4.24046 21.9732 4.26238 21.8598 4.30577 21.754C4.34916 21.6482 4.41315 21.5521 4.49402 21.4712C4.5725 21.3863 4.66792 21.3189 4.7741 21.2732C4.88028 21.2276 4.99487 21.2047 5.11044 21.2061C5.22585 21.2058 5.34008 21.2292 5.4461 21.2748C5.55213 21.3204 5.64768 21.3872 5.72686 21.4712C5.80913 21.5513 5.87444 21.6472 5.91891 21.7531C5.96339 21.859 5.98612 21.9727 5.98576 22.0876C5.98683 22.2026 5.96443 22.3165 5.91991 22.4225C5.87539 22.5285 5.8097 22.6243 5.72686 22.704C5.64693 22.7866 5.55109 22.8521 5.44515 22.8966C5.33921 22.9411 5.22535 22.9636 5.11044 22.9629Z" fill="white"/>
<path d="M17.3589 22.8077H15.7438L9.96799 13.8449C9.82411 13.6241 9.70426 13.3885 9.61046 13.1422H9.56115C9.61604 13.6539 9.63663 14.1688 9.62279 14.6832V22.8077H8.30981V11.5703H10.0173L15.6391 20.3728C15.8733 20.7385 16.0253 20.9892 16.0952 21.1248H16.126C16.061 20.5767 16.0342 20.0247 16.0459 19.4728V11.5703H17.3589V22.8077Z" fill="white"/>
<path d="M26.2475 22.8077H20.2744V11.5703H25.9701V12.76H21.6182V16.4955H25.6743V17.679H21.6182V21.5748H26.2537L26.2475 22.8077Z" fill="white"/>
<path d="M35.0686 12.76H31.8016V22.8077H30.4886V12.76H27.2585V11.5703H35.0686V12.76Z" fill="white"/>
<path d="M16.65 30.4507C16.2049 30.6662 15.714 30.7699 15.2199 30.7528C14.8915 30.7675 14.5638 30.712 14.2586 30.5897C13.9535 30.4674 13.6781 30.2813 13.4507 30.0439C12.9978 29.5369 12.7592 28.874 12.785 28.1946C12.7684 27.8268 12.8259 27.4594 12.954 27.1142C13.0822 26.769 13.2783 26.453 13.5309 26.1851C13.777 25.9329 14.0729 25.7348 14.3998 25.6032C14.7266 25.4716 15.0773 25.4095 15.4295 25.4207C15.8509 25.4063 16.2708 25.4798 16.6623 25.6365V26.2529C16.2853 26.0442 15.8603 25.9379 15.4295 25.9447C15.1579 25.937 14.8878 25.9881 14.6378 26.0945C14.3878 26.2009 14.1637 26.3601 13.9809 26.5611C13.5964 26.9991 13.3975 27.5694 13.4261 28.1515C13.3973 28.7028 13.5828 29.244 13.9439 29.6617C14.1171 29.8479 14.3285 29.9945 14.5636 30.0913C14.7988 30.1881 15.0521 30.2329 15.3062 30.2226C15.7795 30.235 16.2469 30.1155 16.6561 29.8774L16.65 30.4507Z" fill="#F2F2F2"/>
<path d="M19.1712 30.7529C18.9259 30.7609 18.6816 30.716 18.4551 30.6213C18.2286 30.5267 18.0251 30.3845 17.8583 30.2043C17.5212 29.8281 17.3462 29.3342 17.3713 28.8297C17.3559 28.5654 17.3932 28.3007 17.481 28.0509C17.5689 27.8012 17.7055 27.5714 17.8829 27.3749C18.064 27.1982 18.2794 27.0605 18.5159 26.9704C18.7523 26.8803 19.0048 26.8396 19.2575 26.851C19.4965 26.8383 19.7354 26.8774 19.9577 26.9657C20.1801 27.054 20.3808 27.1894 20.5459 27.3626C20.8735 27.7574 21.0388 28.2621 21.0082 28.7742C21.034 29.294 20.8547 29.8031 20.5089 30.192C20.339 30.3756 20.1316 30.5207 19.9009 30.6175C19.6701 30.7143 19.4213 30.7604 19.1712 30.7529ZM19.2144 27.3811C19.0448 27.374 18.8758 27.4052 18.72 27.4724C18.5642 27.5397 18.4256 27.6412 18.3144 27.7694C18.0772 28.0749 17.959 28.456 17.9816 28.842C17.96 29.2166 18.0787 29.5857 18.3144 29.8776C18.4267 30.0041 18.5657 30.1039 18.7214 30.17C18.877 30.2361 19.0454 30.2668 19.2144 30.2598C19.3798 30.2695 19.5453 30.2413 19.6981 30.1772C19.8509 30.1131 19.987 30.0148 20.0959 29.8899C20.32 29.5837 20.4291 29.2083 20.4041 28.8297C20.4285 28.4492 20.3195 28.0721 20.0959 27.7633C19.9885 27.6358 19.853 27.5349 19.7 27.4686C19.5471 27.4023 19.3809 27.3724 19.2144 27.3811Z" fill="#F2F2F2"/>
<path d="M23.8867 27.5658C23.7536 27.4786 23.5955 27.4375 23.4367 27.4487C23.3126 27.4532 23.1914 27.4882 23.0839 27.5505C22.9764 27.6129 22.8859 27.7007 22.8203 27.8062C22.6369 28.0967 22.5485 28.4371 22.5676 28.7802V30.6664H21.9512V26.9679H22.5676V27.7384C22.6354 27.5 22.7701 27.2861 22.9559 27.122C23.1167 26.9825 23.3225 26.9058 23.5354 26.9062C23.6545 26.9009 23.7737 26.9176 23.8867 26.9556V27.5658Z" fill="#F2F2F2"/>
<path d="M27.4989 28.972H24.8915C24.874 29.3166 24.9861 29.6553 25.2058 29.9213C25.3201 30.0353 25.4571 30.1238 25.608 30.1812C25.7588 30.2386 25.92 30.2634 26.0811 30.2542C26.499 30.25 26.9032 30.1044 27.2277 29.8412V30.396C26.8466 30.6472 26.3953 30.7703 25.9394 30.7473C25.7093 30.7589 25.4796 30.7197 25.2665 30.6323C25.0534 30.5449 24.8622 30.4116 24.7065 30.2419C24.3856 29.8416 24.2252 29.3362 24.2565 28.8241C24.2344 28.3108 24.4085 27.8082 24.7435 27.4187C24.896 27.2425 25.0857 27.1025 25.2989 27.0087C25.5121 26.9149 25.7435 26.8696 25.9764 26.8762C26.1866 26.8644 26.3968 26.9005 26.5911 26.9816C26.7854 27.0627 26.9588 27.1869 27.0982 27.3447C27.3821 27.719 27.5221 28.1827 27.4928 28.6515L27.4989 28.972ZM26.8825 28.4727C26.895 28.1871 26.8078 27.906 26.6359 27.6776C26.5516 27.5823 26.4468 27.5072 26.3294 27.4581C26.2119 27.409 26.0849 27.3871 25.9579 27.394C25.8252 27.3924 25.6937 27.4184 25.5716 27.4704C25.4496 27.5224 25.3397 27.5992 25.249 27.696C25.0461 27.9107 24.9185 28.1854 24.8853 28.4789L26.8825 28.4727Z" fill="#F2F2F2"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

14
packages/console/src/assets/docs/guides/web-dotnet-core/logo.svg
View file

@ -1,2 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><style>.cls-1{fill:#5c2d91;}.cls-2,.cls-3{fill:#fff;}.cls-2{opacity:0.1;}.cls-4{fill:#f2f2f2;}</style></defs><title>logo_NETcore</title><circle class="cls-1" cx="32" cy="32" r="32"/><path class="cls-2" d="M9.82,9A32,32,0,1,0,55,54.18Z"/><path class="cls-3" d="M7.4,37.25a1.35,1.35,0,0,1-1-.42,1.38,1.38,0,0,1-.41-1,1.4,1.4,0,0,1,.41-1,1.34,1.34,0,0,1,1-.43,1.37,1.37,0,0,1,1,.43,1.39,1.39,0,0,1,.42,1,1.37,1.37,0,0,1-.42,1A1.38,1.38,0,0,1,7.4,37.25Z"/><path class="cls-3" d="M27.27,37H24.65L15.28,22.46a6,6,0,0,1-.58-1.14h-.08a18.72,18.72,0,0,1,.1,2.5V37H12.59V18.77h2.77l9.12,14.28q.57.89.74,1.22h.05a19.28,19.28,0,0,1-.13-2.68V18.77h2.13Z"/><path class="cls-3" d="M41.69,37H32V18.77h9.24V20.7H34.18v6.06h6.58v1.92H34.18V35h7.52Z"/><path class="cls-3" d="M56,20.7H50.7V37H48.57V20.7H43.33V18.77H56Z"/><path class="cls-4" d="M26.12,49.4a4.93,4.93,0,0,1-2.32.49,3.74,3.74,0,0,1-2.87-1.15,4.26,4.26,0,0,1-1.08-3,4.46,4.46,0,0,1,1.21-3.26,4.12,4.12,0,0,1,3.08-1.24,4.93,4.93,0,0,1,2,.35v1a4,4,0,0,0-2-.5,3.06,3.06,0,0,0-2.35,1,3.64,3.64,0,0,0-.9,2.58,3.47,3.47,0,0,0,.84,2.45,2.86,2.86,0,0,0,2.21.91,4.14,4.14,0,0,0,2.19-.56Z"/><path class="cls-4" d="M30.21,49.89A2.78,2.78,0,0,1,28.08,49a3.11,3.11,0,0,1-.79-2.23,3.24,3.24,0,0,1,.83-2.36,3,3,0,0,1,2.23-.85,2.69,2.69,0,0,1,2.09.83,3.28,3.28,0,0,1,.75,2.29,3.22,3.22,0,0,1-.81,2.3A2.84,2.84,0,0,1,30.21,49.89Zm.07-5.47a1.83,1.83,0,0,0-1.46.63,2.59,2.59,0,0,0-.54,1.74,2.45,2.45,0,0,0,.54,1.68,1.85,1.85,0,0,0,1.46.62,1.76,1.76,0,0,0,1.43-.6,2.62,2.62,0,0,0,.5-1.72,2.66,2.66,0,0,0-.5-1.73A1.75,1.75,0,0,0,30.28,44.42Z"/><path class="cls-4" d="M37.86,44.72a1.18,1.18,0,0,0-.73-.19,1.23,1.23,0,0,0-1,.58,2.68,2.68,0,0,0-.41,1.58v3.06h-1v-6h1V45h0a2.1,2.1,0,0,1,.63-1,1.43,1.43,0,0,1,.94-.35,1.57,1.57,0,0,1,.57.08Z"/><path class="cls-4" d="M43.72,47H39.49A2.24,2.24,0,0,0,40,48.54a1.86,1.86,0,0,0,1.42.54,3,3,0,0,0,1.86-.67v.9a3.48,3.48,0,0,1-2.09.57,2.54,2.54,0,0,1-2-.82,3.35,3.35,0,0,1-.73-2.3,3.28,3.28,0,0,1,.79-2.28,2.55,2.55,0,0,1,2-.88,2.26,2.26,0,0,1,1.82.76,3.18,3.18,0,0,1,.64,2.12Zm-1-.81a2,2,0,0,0-.4-1.29,1.37,1.37,0,0,0-1.1-.46,1.55,1.55,0,0,0-1.15.49,2.21,2.21,0,0,0-.59,1.27Z"/></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2745 39.4509C31.1686 39.4509 40 30.6195 40 19.7255C40 8.83139 31.1686 0 20.2745 0C9.38046 0 0.549072 8.83139 0.549072 19.7255C0.549072 30.6195 9.38046 39.4509 20.2745 39.4509Z" fill="#5C2D91"/>
<path opacity="0.1" d="M6.60232 5.54785C4.59708 7.33474 2.97789 9.51232 1.84399 11.9471C0.710096 14.3819 0.0853873 17.0226 0.00815682 19.7074C-0.0690737 22.3922 0.402801 25.0644 1.39486 27.5604C2.38691 30.0563 3.87825 32.3234 5.77746 34.2226C7.67666 36.1218 9.94372 37.6131 12.4397 38.6052C14.9356 39.5973 17.6079 40.0691 20.2927 39.9919C22.9774 39.9147 25.6181 39.29 28.0529 38.1561C30.4877 37.0222 32.6653 35.403 34.4522 33.3977L6.60232 5.54785Z" fill="white"/>
<path d="M5.11044 22.9629C4.99538 22.9647 4.88119 22.9427 4.77509 22.8981C4.66898 22.8535 4.57328 22.7874 4.49402 22.704C4.41258 22.6236 4.34822 22.5275 4.3048 22.4216C4.26137 22.3157 4.23977 22.2021 4.24129 22.0876C4.24046 21.9732 4.26238 21.8598 4.30577 21.754C4.34916 21.6482 4.41315 21.5521 4.49402 21.4712C4.5725 21.3863 4.66792 21.3189 4.7741 21.2732C4.88028 21.2276 4.99487 21.2047 5.11044 21.2061C5.22585 21.2058 5.34008 21.2292 5.4461 21.2748C5.55213 21.3204 5.64768 21.3872 5.72686 21.4712C5.80913 21.5513 5.87444 21.6472 5.91891 21.7531C5.96339 21.859 5.98612 21.9727 5.98576 22.0876C5.98683 22.2026 5.96443 22.3165 5.91991 22.4225C5.87539 22.5285 5.8097 22.6243 5.72686 22.704C5.64693 22.7866 5.55109 22.8521 5.44515 22.8966C5.33921 22.9411 5.22535 22.9636 5.11044 22.9629Z" fill="white"/>
<path d="M17.3589 22.8077H15.7438L9.96799 13.8449C9.82411 13.6241 9.70426 13.3885 9.61046 13.1422H9.56115C9.61604 13.6539 9.63663 14.1688 9.62279 14.6832V22.8077H8.30981V11.5703H10.0173L15.6391 20.3728C15.8733 20.7385 16.0253 20.9892 16.0952 21.1248H16.126C16.061 20.5767 16.0342 20.0247 16.0459 19.4728V11.5703H17.3589V22.8077Z" fill="white"/>
<path d="M26.2475 22.8077H20.2744V11.5703H25.9701V12.76H21.6182V16.4955H25.6743V17.679H21.6182V21.5748H26.2537L26.2475 22.8077Z" fill="white"/>
<path d="M35.0686 12.76H31.8016V22.8077H30.4886V12.76H27.2585V11.5703H35.0686V12.76Z" fill="white"/>
<path d="M16.65 30.4507C16.2049 30.6662 15.714 30.7699 15.2199 30.7528C14.8915 30.7675 14.5638 30.712 14.2586 30.5897C13.9535 30.4674 13.6781 30.2813 13.4507 30.0439C12.9978 29.5369 12.7592 28.874 12.785 28.1946C12.7684 27.8268 12.8259 27.4594 12.954 27.1142C13.0822 26.769 13.2783 26.453 13.5309 26.1851C13.777 25.9329 14.0729 25.7348 14.3998 25.6032C14.7266 25.4716 15.0773 25.4095 15.4295 25.4207C15.8509 25.4063 16.2708 25.4798 16.6623 25.6365V26.2529C16.2853 26.0442 15.8603 25.9379 15.4295 25.9447C15.1579 25.937 14.8878 25.9881 14.6378 26.0945C14.3878 26.2009 14.1637 26.3601 13.9809 26.5611C13.5964 26.9991 13.3975 27.5694 13.4261 28.1515C13.3973 28.7028 13.5828 29.244 13.9439 29.6617C14.1171 29.8479 14.3285 29.9945 14.5636 30.0913C14.7988 30.1881 15.0521 30.2329 15.3062 30.2226C15.7795 30.235 16.2469 30.1155 16.6561 29.8774L16.65 30.4507Z" fill="#F2F2F2"/>
<path d="M19.1712 30.7529C18.9259 30.7609 18.6816 30.716 18.4551 30.6213C18.2286 30.5267 18.0251 30.3845 17.8583 30.2043C17.5212 29.8281 17.3462 29.3342 17.3713 28.8297C17.3559 28.5654 17.3932 28.3007 17.481 28.0509C17.5689 27.8012 17.7055 27.5714 17.8829 27.3749C18.064 27.1982 18.2794 27.0605 18.5159 26.9704C18.7523 26.8803 19.0048 26.8396 19.2575 26.851C19.4965 26.8383 19.7354 26.8774 19.9577 26.9657C20.1801 27.054 20.3808 27.1894 20.5459 27.3626C20.8735 27.7574 21.0388 28.2621 21.0082 28.7742C21.034 29.294 20.8547 29.8031 20.5089 30.192C20.339 30.3756 20.1316 30.5207 19.9009 30.6175C19.6701 30.7143 19.4213 30.7604 19.1712 30.7529ZM19.2144 27.3811C19.0448 27.374 18.8758 27.4052 18.72 27.4724C18.5642 27.5397 18.4256 27.6412 18.3144 27.7694C18.0772 28.0749 17.959 28.456 17.9816 28.842C17.96 29.2166 18.0787 29.5857 18.3144 29.8776C18.4267 30.0041 18.5657 30.1039 18.7214 30.17C18.877 30.2361 19.0454 30.2668 19.2144 30.2598C19.3798 30.2695 19.5453 30.2413 19.6981 30.1772C19.8509 30.1131 19.987 30.0148 20.0959 29.8899C20.32 29.5837 20.4291 29.2083 20.4041 28.8297C20.4285 28.4492 20.3195 28.0721 20.0959 27.7633C19.9885 27.6358 19.853 27.5349 19.7 27.4686C19.5471 27.4023 19.3809 27.3724 19.2144 27.3811Z" fill="#F2F2F2"/>
<path d="M23.8867 27.5658C23.7536 27.4786 23.5955 27.4375 23.4367 27.4487C23.3126 27.4532 23.1914 27.4882 23.0839 27.5505C22.9764 27.6129 22.8859 27.7007 22.8203 27.8062C22.6369 28.0967 22.5485 28.4371 22.5676 28.7802V30.6664H21.9512V26.9679H22.5676V27.7384C22.6354 27.5 22.7701 27.2861 22.9559 27.122C23.1167 26.9825 23.3225 26.9058 23.5354 26.9062C23.6545 26.9009 23.7737 26.9176 23.8867 26.9556V27.5658Z" fill="#F2F2F2"/>
<path d="M27.4989 28.972H24.8915C24.874 29.3166 24.9861 29.6553 25.2058 29.9213C25.3201 30.0353 25.4571 30.1238 25.608 30.1812C25.7588 30.2386 25.92 30.2634 26.0811 30.2542C26.499 30.25 26.9032 30.1044 27.2277 29.8412V30.396C26.8466 30.6472 26.3953 30.7703 25.9394 30.7473C25.7093 30.7589 25.4796 30.7197 25.2665 30.6323C25.0534 30.5449 24.8622 30.4116 24.7065 30.2419C24.3856 29.8416 24.2252 29.3362 24.2565 28.8241C24.2344 28.3108 24.4085 27.8082 24.7435 27.4187C24.896 27.2425 25.0857 27.1025 25.2989 27.0087C25.5121 26.9149 25.7435 26.8696 25.9764 26.8762C26.1866 26.8644 26.3968 26.9005 26.5911 26.9816C26.7854 27.0627 26.9588 27.1869 27.0982 27.3447C27.3821 27.719 27.5221 28.1827 27.4928 28.6515L27.4989 28.972ZM26.8825 28.4727C26.895 28.1871 26.8078 27.906 26.6359 27.6776C26.5516 27.5823 26.4468 27.5072 26.3294 27.4581C26.2119 27.409 26.0849 27.3871 25.9579 27.394C25.8252 27.3924 25.6937 27.4184 25.5716 27.4704C25.4496 27.5224 25.3397 27.5992 25.249 27.696C25.0461 27.9107 24.9185 28.1854 24.8853 28.4789L26.8825 28.4727Z" fill="#F2F2F2"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

10
packages/console/src/assets/docs/guides/web-express/logo-dark.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11277_22146)">
<path d="M40 31.0011C38.545 31.3711 37.645 31.0174 36.8375 29.8049L31.095 21.8599L30.265 20.7599L23.5588 29.8311C22.7925 30.9224 21.9888 31.3974 20.5588 31.0111L29.1462 19.4836L21.1512 9.07112C22.5262 8.80362 23.4762 8.93986 24.32 10.1711L30.2763 18.2149L36.2762 10.2149C37.045 9.12362 37.8713 8.70862 39.2512 9.11112L36.1512 13.2211L31.9513 18.6899C31.4513 19.3149 31.52 19.7424 31.98 20.3461L40 31.0011ZM0.01 19.2911L0.7125 15.8361C2.625 8.99862 10.4625 6.15737 15.8675 10.3824C19.0263 12.8674 19.8113 16.3824 19.655 20.3199H1.85C1.5825 27.4074 6.68375 31.6849 13.1875 29.5024C15.4688 28.7361 16.8125 26.9499 17.485 24.7149C17.8263 23.5949 18.3913 23.4199 19.4438 23.7399C18.9062 26.5349 17.6937 28.8699 15.1312 30.3311C11.3025 32.5186 5.8375 31.8111 2.9625 28.7711C1.25 27.0074 0.5425 24.7724 0.225 22.3824C0.175 21.9874 0.075 21.6111 0 21.2324C0.00666667 20.5857 0.01 19.939 0.01 19.2924V19.2911ZM1.8825 18.8161H17.9725C17.8675 13.6911 14.6762 10.0511 10.315 10.0199C5.5275 9.98237 2.09 13.5361 1.8825 18.8161Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_11277_22146">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

11
packages/console/src/assets/docs/guides/web-express/logo.svg
View file

@ -1,3 +1,10 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40 32.7951C38.836 33.0911 38.116 32.8081 37.47 31.8381L32.876 25.4821L32.212 24.6021L26.847 31.8591C26.234 32.7321 25.591 33.1121 24.447 32.8031L31.317 23.5811L24.921 15.2511C26.021 15.0371 26.781 15.1461 27.456 16.1311L32.221 22.5661L37.021 16.1661C37.636 15.2931 38.297 14.9611 39.401 15.2831L36.921 18.5711L33.561 22.9461C33.161 23.4461 33.216 23.7881 33.584 24.2711L40 32.7951ZM8.008 23.4271L8.57 20.6631C10.1 15.1931 16.37 12.9201 20.694 16.3001C23.221 18.2881 23.849 21.1001 23.724 24.2501H9.48C9.266 29.9201 13.347 33.3421 18.55 31.5961C20.375 30.9831 21.45 29.5541 21.988 27.7661C22.261 26.8701 22.713 26.7301 23.555 26.9861C23.125 29.2221 22.155 31.0901 20.105 32.2591C17.042 34.0091 12.67 33.4431 10.37 31.0111C9 29.6001 8.434 27.8121 8.18 25.9001C8.14 25.5841 8.06 25.2831 8 24.9801C8.00533 24.4628 8.008 23.9455 8.008 23.4281V23.4271ZM9.506 23.0471H22.378C22.294 18.9471 19.741 16.0351 16.252 16.0101C12.422 15.9801 9.672 18.8231 9.506 23.0471Z" fill="black"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9121_88096)">
<path d="M40 31.0011C38.545 31.3711 37.645 31.0174 36.8375 29.8049L31.095 21.8599L30.265 20.7599L23.5588 29.8311C22.7925 30.9224 21.9888 31.3974 20.5588 31.0111L29.1462 19.4836L21.1512 9.07112C22.5262 8.80362 23.4762 8.93986 24.32 10.1711L30.2763 18.2149L36.2762 10.2149C37.045 9.12362 37.8712 8.70862 39.2512 9.11112L36.1512 13.2211L31.9513 18.6899C31.4513 19.3149 31.52 19.7424 31.98 20.3461L40 31.0011ZM0.01 19.2911L0.7125 15.8361C2.625 8.99862 10.4625 6.15737 15.8675 10.3824C19.0263 12.8674 19.8112 16.3824 19.655 20.3199H1.85C1.5825 27.4074 6.68375 31.6849 13.1875 29.5024C15.4688 28.7361 16.8125 26.9499 17.485 24.7149C17.8262 23.5949 18.3913 23.4199 19.4438 23.7399C18.9063 26.5349 17.6937 28.8699 15.1312 30.3311C11.3025 32.5186 5.8375 31.8111 2.9625 28.7711C1.25 27.0074 0.5425 24.7724 0.225 22.3824C0.175 21.9874 0.075 21.6111 0 21.2324C0.00666667 20.5857 0.01 19.939 0.01 19.2924V19.2911ZM1.8825 18.8161H17.9725C17.8675 13.6911 14.6762 10.0511 10.315 10.0199C5.5275 9.98237 2.09 13.5361 1.8825 18.8161Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_9121_88096">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

10
packages/console/src/assets/docs/guides/web-go/logo.svg
View file

@ -1,6 +1,6 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.647 21.5553C26.1758 21.687 25.6981 21.8207 25.1451 21.971C24.875 22.0475 24.8135 22.0648 24.5621 21.7593C24.2606 21.3993 24.0395 21.1663 23.6172 20.9545C22.3507 20.298 21.1243 20.4887 19.9785 21.2722C18.6115 22.204 17.9078 23.5806 17.928 25.2959C17.948 26.9901 19.0537 28.3878 20.642 28.6208C22.009 28.8114 23.1548 28.303 24.0595 27.223C24.2403 26.9902 24.4013 26.7358 24.6023 26.4396H20.7223C20.3001 26.4396 20.1996 26.1642 20.3403 25.8042C20.6017 25.1477 21.0842 24.0464 21.3656 23.4958C21.426 23.3688 21.5667 23.1569 21.8682 23.1569H28.3376C28.6282 22.1869 29.0997 21.2704 29.7287 20.4032C31.1963 18.3702 32.9655 17.3113 35.3577 16.8665C37.4083 16.4854 39.3382 16.6972 41.0872 17.9465C42.6755 19.0902 43.6605 20.6362 43.9218 22.6692C44.2636 25.5282 43.4796 27.8577 41.61 29.8483C40.2831 31.2673 38.6547 32.1567 36.7851 32.559C36.4285 32.6287 36.0718 32.6617 35.7208 32.6942C35.5377 32.7111 35.3561 32.7279 35.1768 32.7497C33.3473 32.7073 31.6788 32.1567 30.2715 30.886C29.2818 29.9849 28.6002 28.8774 28.2613 27.5881C28.0262 28.0883 27.7451 28.5674 27.4168 29.0232C25.9693 31.0351 24.0796 32.2844 21.6873 32.6233C19.7171 32.8987 17.8877 32.4963 16.2794 31.2256C14.7917 30.0397 13.9474 28.4725 13.7263 26.5242C13.4649 24.2158 14.1082 22.1404 15.4351 20.3192C16.8625 18.3497 18.7522 17.1002 21.0641 16.6555C22.9538 16.2955 24.7631 16.5284 26.3916 17.6932C27.457 18.4344 28.221 19.4509 28.7236 20.6792C28.8442 20.8698 28.7637 20.9757 28.5225 21.0392C27.818 21.2277 27.2377 21.39 26.647 21.5553ZM39.9475 23.9674C39.9515 24.0385 39.9556 24.1135 39.9615 24.1939C39.861 26.0152 38.9965 27.3705 37.4083 28.2389C36.3428 28.8107 35.2371 28.8742 34.1315 28.3659C32.684 27.6883 31.92 26.0152 32.2818 24.3634C32.7242 22.3727 33.9303 21.1232 35.8 20.6785C37.7098 20.2125 39.5393 21.3985 39.9012 23.495C39.9296 23.645 39.938 23.7949 39.9475 23.9674Z" fill="#00ACD7"/>
<path d="M7.05551 21.3151C7.0153 21.3786 7.0354 21.421 7.11581 21.421L13.103 21.4421C13.1633 21.4421 13.2638 21.3786 13.304 21.3151L13.6458 20.7645C13.686 20.7009 13.6659 20.6374 13.5855 20.6374H7.69882C7.61841 20.6374 7.51788 20.6798 7.47768 20.7433L7.05551 21.3151Z" fill="#00ACD7"/>
<path d="M4.0201 23.2627C3.9799 23.3263 4 23.3687 4.08041 23.3687L12.2991 23.3475C12.3795 23.3475 12.4599 23.3051 12.48 23.2205L12.6409 22.7122C12.661 22.6486 12.6208 22.5851 12.5403 22.5851H4.66342C4.58301 22.5851 4.48249 22.6275 4.44228 22.691L4.0201 23.2627Z" fill="#00ACD7"/>
<path d="M8.88534 25.1904C8.84513 25.254 8.86523 25.3175 8.94565 25.3175L12.0379 25.3386C12.0982 25.3386 12.1786 25.2751 12.1786 25.1904L12.2188 24.6821C12.2188 24.5975 12.1786 24.5339 12.0982 24.5339H9.36783C9.2874 24.5339 9.20699 24.5975 9.16679 24.661L8.88534 25.1904Z" fill="#00ACD7"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6472 16.9303C22.1761 17.0621 21.6984 17.1957 21.1454 17.3461C20.8752 17.4226 20.8137 17.4398 20.5624 17.1343C20.2609 16.7743 20.0397 16.5413 19.6175 16.3296C18.351 15.6731 17.1246 15.8637 15.9787 16.6472C14.6117 17.5791 13.9081 18.9556 13.9282 20.6709C13.9482 22.3651 15.054 23.7628 16.6422 23.9958C18.0092 24.1865 19.1551 23.6781 20.0597 22.5981C20.2406 22.3652 20.4016 22.1108 20.6026 21.8146H16.7226C16.3003 21.8146 16.1998 21.5392 16.3406 21.1792C16.602 20.5227 17.0845 19.4214 17.3658 18.8708C17.4262 18.7438 17.567 18.5319 17.8685 18.5319H24.3379C24.6285 17.5619 25.1 16.6454 25.729 15.7782C27.1966 13.7452 28.9657 12.6863 31.358 12.2416C33.4086 11.8604 35.3385 12.0722 37.0875 13.3216C38.6758 14.4652 39.6608 16.0112 39.9221 18.0442C40.2639 20.9032 39.4799 23.2327 37.6103 25.2233C36.2834 26.6423 34.655 27.5317 32.7854 27.9341C32.4288 28.0037 32.0721 28.0367 31.7211 28.0692C31.538 28.0861 31.3564 28.103 31.1771 28.1247C29.3476 28.0823 27.6791 27.5317 26.2717 26.2611C25.2821 25.36 24.6005 24.2525 24.2616 22.9631C24.0265 23.4633 23.7454 23.9425 23.4171 24.3982C21.9696 26.4101 20.0799 27.6595 17.6876 27.9983C15.7173 28.2737 13.888 27.8713 12.2797 26.6006C10.792 25.4147 9.94764 23.8476 9.7265 21.8992C9.46515 19.5908 10.1085 17.5154 11.4353 15.6942C12.8627 13.7247 14.7525 12.4752 17.0643 12.0305C18.9541 11.6705 20.7634 11.9034 22.3919 13.0682C23.4572 13.8094 24.2212 14.8259 24.7239 16.0542C24.8445 16.2448 24.764 16.3507 24.5227 16.4142C23.8182 16.6027 23.238 16.7651 22.6472 16.9303ZM35.9478 19.3424C35.9518 19.4136 35.9559 19.4886 35.9618 19.5689C35.8613 21.3902 34.9968 22.7456 33.4086 23.614C32.3431 24.1857 31.2374 24.2492 30.1318 23.741C28.6842 23.0633 27.9202 21.3902 28.2821 19.7384C28.7245 17.7477 29.9306 16.4982 31.8003 16.0536C33.7101 15.5876 35.5396 16.7736 35.9015 18.8701C35.9299 19.0201 35.9383 19.1699 35.9478 19.3424Z" fill="#00ACD7"/>
<path d="M3.05575 16.6904C3.01554 16.7539 3.03564 16.7963 3.11605 16.7963L9.10326 16.8174C9.16357 16.8174 9.26408 16.7539 9.30429 16.6904L9.64606 16.1398C9.68626 16.0762 9.66616 16.0127 9.58574 16.0127H3.69907C3.61865 16.0127 3.51813 16.0551 3.47793 16.1186L3.05575 16.6904Z" fill="#00ACD7"/>
<path d="M0.0201037 18.6386C-0.0201037 18.7022 9.31325e-09 18.7446 0.0804147 18.7446L8.29912 18.7233C8.37953 18.7233 8.45995 18.6809 8.48005 18.5963L8.64088 18.0881C8.66098 18.0244 8.62077 17.9609 8.54036 17.9609H0.66342C0.583006 17.9609 0.482487 18.0033 0.44228 18.0668L0.0201037 18.6386Z" fill="#00ACD7"/>
<path d="M4.88534 20.5657C4.84513 20.6293 4.86523 20.6928 4.94565 20.6928L8.03793 20.7139C8.09823 20.7139 8.17865 20.6504 8.17865 20.5657L8.21885 20.0574C8.21885 19.9728 8.17865 19.9092 8.09823 19.9092H5.36783C5.28741 19.9092 5.20699 19.9728 5.16679 20.0363L4.88534 20.5657Z" fill="#00ACD7"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

12
packages/console/src/assets/docs/guides/web-gpt-plugin/logo.svg
View file

@ -1,11 +1,11 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_134_43590)">
<path d="M7.01416 15.1736C7.01416 10.6671 10.6671 7.01416 15.1736 7.01416H32.8251C37.333 7.01416 40.9859 10.6671 40.9859 15.1736V32.45C40.9859 37.1721 37.1579 41 32.4359 41H15.1736C10.6671 41 7.01416 37.3471 7.01416 32.8406V15.1736Z" fill="#74AA9C"/>
<path d="M22.6477 11.2269C19.8497 11.2269 17.364 13.0258 16.4978 15.6825C14.6989 16.0527 13.1458 17.1776 12.2358 18.7716C10.8325 21.1937 11.1533 24.239 13.0328 26.3149C12.452 28.0545 12.6512 29.9566 13.5782 31.5322C14.973 33.9628 17.7795 35.2092 20.5252 34.6298C21.7419 36.0005 23.49 36.782 25.3242 36.7749C28.1222 36.7749 30.6079 34.976 31.4756 32.3193C33.2773 31.9477 34.8275 30.8228 35.7291 29.2316C37.1408 26.8095 36.8201 23.7642 34.9406 21.6869V21.6784C35.5214 19.9388 35.3221 18.0354 34.3951 16.4526C33.0004 14.0305 30.1939 12.7841 27.4566 13.3635C26.2329 11.9956 24.482 11.2184 22.6477 11.2269ZM22.6477 12.8873L22.6393 12.8958C23.7655 12.8958 24.848 13.2844 25.7142 14.0037C25.6789 14.0206 25.6097 14.0644 25.5588 14.0899L20.4644 17.0236C20.2044 17.1705 20.049 17.4475 20.049 17.7499V24.6361L17.8572 23.3728V17.6807C17.8558 15.0367 19.9995 12.8915 22.6477 12.8873ZM28.7836 14.8925C30.5019 14.8897 32.0903 15.804 32.9481 17.292C33.502 18.2615 33.7098 19.3948 33.519 20.4928C33.4837 20.4674 33.4158 20.432 33.372 20.4066L28.2791 17.4644C28.0191 17.3175 27.6997 17.3175 27.4397 17.4644L21.4706 20.9083V18.3816L26.3982 15.5355C27.1231 15.1158 27.9456 14.894 28.7836 14.8925ZM16.1855 17.5068V23.5536C16.1855 23.8561 16.3409 24.1245 16.6009 24.28L22.5601 27.7139L20.3599 28.9857L15.4393 26.1482C13.1501 24.8226 12.3672 21.896 13.6899 19.6082C14.2509 18.6388 15.1327 17.8955 16.1855 17.5068ZM27.6022 19.0048L32.5312 21.8423C34.8275 23.1664 35.6062 26.0902 34.2807 28.3823L34.2891 28.3908C33.7267 29.3602 32.8421 30.1035 31.795 30.4851V24.4369C31.795 24.1344 31.6395 23.8575 31.3795 23.7105L25.4118 20.2667L27.6022 19.0048ZM23.9817 21.0891L26.4943 22.5418V25.4402L23.9817 26.8929L21.4692 25.4402V22.5418L23.9817 21.0891ZM27.9314 23.3728L30.1232 24.6361V30.3197C30.1232 32.9665 27.9753 35.1131 25.3327 35.1131V35.1046C24.2149 35.1046 23.124 34.7146 22.2662 33.9967C22.3015 33.9797 22.3792 33.9359 22.4216 33.9105L27.5146 30.9782C27.7746 30.8313 27.9385 30.5543 27.93 30.2519L27.9314 23.3728ZM26.5014 27.0935V29.6202L21.5723 32.4578C19.276 33.7734 16.3494 32.9948 15.0239 30.7098H15.0324C14.4699 29.7488 14.2693 28.607 14.46 27.509C14.4954 27.5344 14.5646 27.5698 14.607 27.5952L19.6999 30.5373C19.96 30.6843 20.2793 30.6843 20.5393 30.5373L26.5014 27.0935Z" fill="white"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9094_17702)">
<path d="M0.00830078 9.60333C0.00830078 4.29938 4.30768 0 9.61163 0H30.3867C35.6923 0 39.9917 4.29938 39.9917 9.60333V29.937C39.9917 35.4946 35.4863 40 29.9287 40H9.61163C4.30768 40 0.00830078 35.7006 0.00830078 30.3967V9.60333Z" fill="#74AA9C"/>
<path d="M18.4085 4.95809C15.1154 4.95809 12.1898 7.07534 11.1703 10.2022C9.053 10.6379 7.22514 11.9618 6.15404 13.8379C4.50248 16.6886 4.88002 20.2728 7.09208 22.7161C6.40851 24.7635 6.64302 27.0022 7.73408 28.8566C9.37566 31.7173 12.6788 33.1843 15.9104 32.5024C17.3424 34.1157 19.3998 35.0354 21.5586 35.0271C24.8517 35.0271 27.7773 32.9099 28.7985 29.783C30.9191 29.3456 32.7436 28.0217 33.8048 26.1489C35.4663 23.2982 35.0888 19.714 32.8767 17.2691V17.2591C33.5603 15.2117 33.3258 12.9714 32.2347 11.1086C30.5931 8.25788 27.29 6.79094 24.0684 7.47285C22.628 5.86287 20.5673 4.94811 18.4085 4.95809ZM18.4085 6.91235L18.3985 6.92233C19.7241 6.92233 20.9981 7.37971 22.0177 8.22628C21.9761 8.24624 21.8946 8.2978 21.8347 8.32773L15.8389 11.7805C15.5328 11.9535 15.3499 12.2795 15.3499 12.6354V20.7402L12.7703 19.2533V12.5539C12.7686 9.44208 15.2917 6.91734 18.4085 6.91235ZM25.6301 9.27243C27.6526 9.26911 29.522 10.3452 30.5316 12.0965C31.1836 13.2375 31.428 14.5714 31.2035 15.8637C31.1619 15.8338 31.0821 15.7922 31.0305 15.7622L25.0364 12.2995C24.7303 12.1265 24.3545 12.1265 24.0484 12.2995L17.0231 16.3527V13.3789L22.8226 10.0292C23.6759 9.53522 24.6438 9.2741 25.6301 9.27243ZM10.8027 12.3494V19.4662C10.8027 19.8221 10.9856 20.1381 11.2917 20.3211L18.3054 24.3627L15.7158 25.8595L9.92451 22.5198C7.23013 20.9598 6.30871 17.5153 7.86547 14.8225C8.52576 13.6816 9.5636 12.8067 10.8027 12.3494ZM24.2397 14.1123L30.0409 17.4521C32.7436 19.0105 33.6601 22.4516 32.1 25.1494L32.11 25.1593C31.448 26.3003 30.4068 27.1751 29.1744 27.6242V20.5057C29.1744 20.1498 28.9915 19.8238 28.6854 19.6508L21.6617 15.5976L24.2397 14.1123ZM19.9786 16.5656L22.9357 18.2753V21.6866L19.9786 23.3963L17.0214 21.6866V18.2753L19.9786 16.5656ZM24.6272 19.2533L27.2068 20.7402V27.4296C27.2068 30.5448 24.6788 33.0712 21.5686 33.0712V33.0612C20.253 33.0612 18.969 32.6022 17.9594 31.7573C18.001 31.7373 18.0925 31.6857 18.1424 31.6558L24.1366 28.2047C24.4426 28.0317 24.6355 27.7057 24.6256 27.3498L24.6272 19.2533ZM22.9441 23.6325V26.6063L17.1428 29.946C14.4401 31.4945 10.9956 30.578 9.43553 27.8886H9.44551C8.78356 26.7577 8.54738 25.4138 8.77192 24.1215C8.8135 24.1514 8.89499 24.193 8.94489 24.223L14.9391 27.6857C15.2451 27.8587 15.621 27.8587 15.927 27.6857L22.9441 23.6325Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_134_43590">
<rect width="34" height="34" fill="white" transform="translate(7 7)"/>
<clipPath id="clip0_9094_17702">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

11
packages/console/src/assets/docs/guides/web-java-spring-boot/logo.svg
View file

@ -1 +1,10 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 767.8 768" width="48" height="48"><style>.st0{fill:#77bc1f}</style><path class="st0" d="M698.3 40c-10.8 25.8-24.5 50.3-41 72.8C585.1 40.6 487.1 0 385 0 173.8 0 0 174 0 385.5 0 491 43.2 592 119.6 664.8l14.2 12.6c69.4 58.5 157.3 90.7 248 90.7 200.8 0 369.6-157.4 383.9-358 10.5-98.2-18.3-222.4-67.4-370.1zm-524 627c-6.2 7.7-15.7 12.2-25.6 12.2-18.1 0-32.9-14.9-32.9-33s14.9-33 32.9-33c7.5 0 14.9 2.6 20.7 7.4 14.1 11.4 16.3 32.3 4.9 46.4zm522.4-115.4c-95 126.7-297.9 84-428 90.1 0 0-23.1 1.4-46.3 5.2 0 0 8.7-3.7 20-8 91.3-31.8 134.5-38 190-66.5 104.5-53.2 207.8-169.6 229.3-290.7C621.9 398.2 501.3 498.3 391.4 539c-75.3 27.8-211.3 54.8-211.3 54.8l-5.5-2.9C82 545.8 79.2 345.1 247.5 280.3c73.7-28.4 144.2-12.8 223.8-31.8 85-20.2 183.3-84 223.3-167.2 44.8 133.1 98.7 341.5 2.1 470.3z"/></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9133_88406)">
<path d="M36.3779 2.13434C35.8181 3.47644 35.1014 4.74754 34.2428 5.92112C32.3684 4.03887 30.1385 2.54803 27.6828 1.53527C25.227 0.522503 22.5945 0.00802741 19.9381 0.0217519C17.2818 0.0354764 14.6547 0.577127 12.2096 1.61521C9.76445 2.6533 7.55008 4.1671 5.69521 6.06862C3.84034 7.97013 2.38198 10.2214 1.40494 12.6916C0.427886 15.1617 -0.0483634 17.8015 0.00387615 20.4573C0.0561157 23.1132 0.635802 25.7321 1.70923 28.162C2.78266 30.5918 4.32842 32.784 6.25663 34.6111L6.99725 35.2649C9.82352 37.6463 13.2535 39.1995 16.9077 39.7526C20.5619 40.3057 24.2978 39.8371 27.7023 38.3988C31.1067 36.9604 34.0469 34.6083 36.1975 31.6027C38.3481 28.597 39.6254 25.0551 39.888 21.3686C40.4344 16.2667 38.9363 9.80968 36.3785 2.13497L36.3779 2.13434ZM9.10732 34.7272C8.89406 34.9907 8.60743 35.1851 8.28369 35.2856C7.95995 35.3862 7.61365 35.3885 7.28861 35.2922C6.96358 35.1959 6.67441 35.0054 6.45769 34.7447C6.24097 34.484 6.10644 34.1649 6.07112 33.8278C6.03581 33.4906 6.10129 33.1505 6.25929 32.8506C6.41729 32.5507 6.6607 32.3044 6.95873 32.1428C7.25676 31.9812 7.59601 31.9117 7.93356 31.943C8.27112 31.9743 8.5918 32.1051 8.85504 32.3187C9.20764 32.6048 9.43226 33.0191 9.47956 33.4707C9.52686 33.9223 9.39298 34.3743 9.10732 34.7272ZM36.2954 28.7261C31.3496 35.3142 20.7899 33.0911 14.0194 33.4108C14.0194 33.4108 12.8192 33.4814 11.6108 33.6794C11.6108 33.6794 12.0667 33.4858 12.6493 33.2653C17.404 31.6105 19.6515 31.292 22.5396 29.8058C27.9775 27.0413 33.3567 20.987 34.4745 14.6937C32.4056 20.7479 26.1235 25.9541 20.4052 28.0685C16.486 29.5129 9.40582 30.9198 9.40582 30.9198L9.12044 30.7668C4.30329 28.4251 4.15466 17.9921 12.9153 14.6275C16.7514 13.15 20.4214 13.9612 24.5642 12.9726C28.9879 11.9216 34.106 8.60758 36.1887 4.28251C38.5179 11.2016 41.3243 22.0312 36.2923 28.7305L36.2954 28.7261Z" fill="#68BD45"/>
</g>
<defs>
<clipPath id="clip0_9133_88406">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 856 B

After

Width:  |  Height:  |  Size: 2 KiB

10
packages/console/src/assets/docs/guides/web-next-app-router/logo-dark.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11273_21817)">
<path d="M29.6869 37.5024C29.5381 37.5812 29.5506 37.6062 29.6931 37.5337C29.7394 37.5149 29.7781 37.4887 29.8119 37.4574C29.8119 37.4312 29.8119 37.4312 29.6869 37.5024ZM29.9869 37.3399C29.9156 37.3987 29.9156 37.3987 30.0006 37.3599C30.0456 37.3337 30.0856 37.3087 30.0856 37.3012C30.0856 37.2674 30.0656 37.2749 29.9869 37.3399ZM30.1819 37.2224C30.1106 37.2812 30.1106 37.2812 30.1956 37.2424C30.2419 37.2162 30.2806 37.1887 30.2806 37.1824C30.2806 37.1512 30.2606 37.1574 30.1819 37.2224ZM30.3794 37.1062C30.3081 37.1649 30.3081 37.1649 30.3906 37.1249C30.4369 37.0999 30.4756 37.0737 30.4756 37.0662C30.4756 37.0349 30.4556 37.0412 30.3794 37.1062ZM30.6456 36.9299C30.5094 37.0212 30.4619 37.0799 30.5869 37.0149C30.6706 36.9637 30.8131 36.8512 30.7881 36.8512C30.7344 36.8712 30.6894 36.9049 30.6444 36.9299H30.6456ZM18.6916 0.00918773C18.6004 0.0154379 18.3266 0.0404384 18.0866 0.0604388C12.4015 0.575449 7.08265 3.63551 3.71133 8.34936C1.84754 10.9332 0.637513 13.9345 0.181254 17.0858C0.0200004 18.1858 0 18.5108 0 20.0021C0 21.4921 0.0200004 21.8121 0.181254 22.9121C1.27003 30.4261 6.61514 36.7337 13.8603 39.0712C15.1641 39.4875 16.5303 39.775 18.0866 39.9512C18.6916 40.0163 21.3079 40.0163 21.913 39.9512C24.603 39.6512 26.8743 38.9875 29.1219 37.8412C29.4669 37.6662 29.5319 37.62 29.4856 37.5812C28.3856 36.1299 27.3056 34.6774 26.2243 33.2124L23.028 28.896L19.0241 22.9646C17.6891 20.9796 16.3491 18.9996 14.9878 17.0345C14.9741 17.0345 14.9566 19.6708 14.9491 22.8859C14.9353 28.5173 14.9353 28.746 14.8641 28.876C14.7928 29.0323 14.6753 29.1623 14.5191 29.2348C14.3953 29.2935 14.284 29.306 13.6928 29.306H13.0165L12.8403 29.196C12.7303 29.1248 12.639 29.026 12.5803 28.9098L12.4953 28.7335L12.5015 20.8946L12.5153 13.0557L12.639 12.8994C12.7178 12.8032 12.8153 12.7244 12.9253 12.6657C13.089 12.5869 13.154 12.5744 13.8303 12.5744C14.6241 12.5744 14.7553 12.6057 14.9641 12.8344C16.5841 15.2495 18.1991 17.6708 19.7879 20.0996C22.3867 24.0397 25.9343 29.416 27.6781 32.0536L30.8494 36.8524L31.0056 36.7487C32.5294 35.7324 33.9157 34.5224 35.112 33.1424C37.632 30.2573 39.2671 26.7085 39.8208 22.9209C39.9821 21.8209 40.0021 21.4946 40.0021 20.0046C40.0021 18.5133 39.9821 18.1945 39.8208 17.0945C38.7321 9.58063 33.3869 3.273 26.1418 0.934207C24.7868 0.505448 23.393 0.212942 21.9817 0.0629388C21.6029 0.024188 19.0179 -0.0220629 18.6929 0.0116878L18.6916 0.00918773ZM26.8756 12.1057C27.0643 12.1957 27.2068 12.3657 27.2718 12.5607C27.3056 12.6657 27.3118 14.8395 27.3056 19.7358L27.2918 26.766L26.0555 24.8659L24.8118 22.9646V17.8608C24.8118 14.552 24.8255 12.6969 24.843 12.6057C24.9018 12.3969 25.0443 12.2219 25.2343 12.1119C25.3893 12.0332 25.4493 12.0269 26.068 12.0269C26.6468 12.0269 26.7443 12.0332 26.8743 12.1057H26.8756Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_11273_21817">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

11
packages/console/src/assets/docs/guides/web-next-app-router/logo.svg
View file

@ -1,10 +1,3 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_134_42589)">
<path d="M31.7494 38.005C31.6304 38.068 31.6404 38.088 31.7544 38.03C31.7914 38.015 31.8224 37.994 31.8494 37.969C31.8494 37.948 31.8494 37.948 31.7494 38.005ZM31.9894 37.875C31.9324 37.922 31.9324 37.922 32.0004 37.891C32.0364 37.87 32.0684 37.85 32.0684 37.844C32.0684 37.817 32.0524 37.823 31.9894 37.875ZM32.1454 37.781C32.0884 37.828 32.0884 37.828 32.1564 37.797C32.1934 37.776 32.2244 37.754 32.2244 37.749C32.2244 37.724 32.2084 37.729 32.1454 37.781ZM32.3034 37.688C32.2464 37.735 32.2464 37.735 32.3124 37.703C32.3494 37.683 32.3804 37.662 32.3804 37.656C32.3804 37.631 32.3644 37.636 32.3034 37.688ZM32.5164 37.547C32.4074 37.62 32.3694 37.667 32.4694 37.615C32.5364 37.574 32.6504 37.484 32.6304 37.484C32.5874 37.5 32.5514 37.527 32.5154 37.547H32.5164ZM22.9534 8.01101C22.8804 8.01601 22.6614 8.03601 22.4694 8.05201C17.9213 8.46401 13.6663 10.912 10.9693 14.683C9.47826 16.75 8.51025 19.151 8.14525 21.672C8.01624 22.552 8.00024 22.812 8.00024 24.005C8.00024 25.197 8.01624 25.453 8.14525 26.333C9.01625 32.344 13.2923 37.39 19.0883 39.26C20.1313 39.593 21.2243 39.823 22.4694 39.964C22.9534 40.016 25.0464 40.016 25.5304 39.964C27.6824 39.724 29.4994 39.193 31.2974 38.276C31.5734 38.136 31.6254 38.099 31.5884 38.068C30.7084 36.907 29.8444 35.745 28.9794 34.573L26.4224 31.12L23.2194 26.375C22.1514 24.787 21.0793 23.203 19.9903 21.631C19.9793 21.631 19.9653 23.74 19.9593 26.312C19.9483 30.817 19.9483 31 19.8913 31.104C19.8343 31.229 19.7403 31.333 19.6153 31.391C19.5163 31.438 19.4273 31.448 18.9543 31.448H18.4133L18.2723 31.36C18.1843 31.303 18.1113 31.224 18.0643 31.131L17.9963 30.99L18.0013 24.719L18.0123 18.448L18.1113 18.323C18.1743 18.246 18.2523 18.183 18.3403 18.136C18.4713 18.073 18.5233 18.063 19.0643 18.063C19.6993 18.063 19.8043 18.088 19.9713 18.271C21.2673 20.203 22.5594 22.14 23.8304 24.083C25.9094 27.235 28.7474 31.536 30.1424 33.646L32.6794 37.485L32.8044 37.402C34.0234 36.589 35.1325 35.621 36.0895 34.517C38.1055 32.209 39.4135 29.37 39.8565 26.34C39.9855 25.46 40.0015 25.199 40.0015 24.007C40.0015 22.814 39.9855 22.559 39.8565 21.679C38.9855 15.668 34.7095 10.622 28.9134 8.75101C27.8294 8.40801 26.7144 8.17401 25.5854 8.05401C25.2824 8.02301 23.2144 7.98601 22.9544 8.01301L22.9534 8.01101ZM29.5004 17.688C29.6514 17.76 29.7654 17.896 29.8174 18.052C29.8444 18.136 29.8494 19.875 29.8444 23.792L29.8334 29.416L28.8444 27.896L27.8494 26.375V22.292C27.8494 19.645 27.8604 18.161 27.8744 18.088C27.9214 17.921 28.0354 17.781 28.1874 17.693C28.3114 17.63 28.3594 17.625 28.8544 17.625C29.3174 17.625 29.3954 17.63 29.4994 17.688H29.5004Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_134_42589">
<rect width="32.0003" height="32" fill="white" transform="translate(8.00024 8)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.6869 37.5024C29.5381 37.5812 29.5506 37.6062 29.6931 37.5337C29.7394 37.5149 29.7781 37.4887 29.8119 37.4574C29.8119 37.4312 29.8119 37.4312 29.6869 37.5024ZM29.9869 37.3399C29.9156 37.3987 29.9156 37.3987 30.0006 37.3599C30.0456 37.3337 30.0856 37.3087 30.0856 37.3012C30.0856 37.2674 30.0656 37.2749 29.9869 37.3399ZM30.1819 37.2224C30.1106 37.2812 30.1106 37.2812 30.1956 37.2424C30.2419 37.2162 30.2806 37.1887 30.2806 37.1824C30.2806 37.1512 30.2606 37.1574 30.1819 37.2224ZM30.3794 37.1062C30.3081 37.1649 30.3081 37.1649 30.3906 37.1249C30.4369 37.0999 30.4756 37.0737 30.4756 37.0662C30.4756 37.0349 30.4556 37.0412 30.3794 37.1062ZM30.6456 36.9299C30.5094 37.0212 30.4619 37.0799 30.5869 37.0149C30.6706 36.9637 30.8131 36.8512 30.7881 36.8512C30.7344 36.8712 30.6894 36.9049 30.6444 36.9299H30.6456ZM18.6916 0.00918773C18.6004 0.0154379 18.3266 0.0404384 18.0866 0.0604388C12.4015 0.575449 7.08265 3.63551 3.71133 8.34936C1.84754 10.9332 0.637513 13.9345 0.181254 17.0858C0.0200004 18.1858 0 18.5108 0 20.0021C0 21.4921 0.0200004 21.8121 0.181254 22.9121C1.27003 30.4261 6.61514 36.7337 13.8603 39.0712C15.1641 39.4875 16.5303 39.775 18.0866 39.9512C18.6916 40.0163 21.3079 40.0163 21.913 39.9512C24.603 39.6512 26.8743 38.9875 29.1219 37.8412C29.4669 37.6662 29.5319 37.62 29.4856 37.5812C28.3856 36.1299 27.3056 34.6774 26.2243 33.2124L23.028 28.896L19.0241 22.9646C17.6891 20.9796 16.3491 18.9996 14.9878 17.0345C14.9741 17.0345 14.9566 19.6708 14.9491 22.8859C14.9353 28.5173 14.9353 28.746 14.8641 28.876C14.7928 29.0323 14.6753 29.1623 14.5191 29.2348C14.3953 29.2935 14.284 29.306 13.6928 29.306H13.0165L12.8403 29.196C12.7303 29.1248 12.639 29.026 12.5803 28.9098L12.4953 28.7335L12.5015 20.8946L12.5153 13.0557L12.639 12.8994C12.7178 12.8032 12.8153 12.7244 12.9253 12.6657C13.089 12.5869 13.154 12.5744 13.8303 12.5744C14.6241 12.5744 14.7553 12.6057 14.9641 12.8344C16.5841 15.2495 18.1991 17.6708 19.7879 20.0996C22.3867 24.0397 25.9343 29.416 27.6781 32.0536L30.8494 36.8524L31.0056 36.7487C32.5294 35.7324 33.9157 34.5224 35.112 33.1424C37.632 30.2573 39.2671 26.7085 39.8208 22.9209C39.9821 21.8209 40.0021 21.4946 40.0021 20.0046C40.0021 18.5133 39.9821 18.1945 39.8208 17.0945C38.7321 9.58063 33.3869 3.273 26.1418 0.934207C24.7868 0.505448 23.393 0.212942 21.9817 0.0629388C21.6029 0.024188 19.0179 -0.0220629 18.6929 0.0116878L18.6916 0.00918773ZM26.8756 12.1057C27.0643 12.1957 27.2068 12.3657 27.2718 12.5607C27.3056 12.6657 27.3118 14.8395 27.3056 19.7358L27.2918 26.766L26.0555 24.8659L24.8118 22.9646V17.8608C24.8118 14.552 24.8255 12.6969 24.843 12.6057C24.9018 12.3969 25.0443 12.2219 25.2343 12.1119C25.3893 12.0332 25.4493 12.0269 26.068 12.0269C26.6468 12.0269 26.7443 12.0332 26.8743 12.1057H26.8756Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

40
packages/console/src/assets/docs/guides/web-next-auth/logo.svg
View file

@ -1,25 +1,27 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.71875 3.92972C5.62789 3.36733 8.45568 2.52411 9.64828 2.16812C10.0173 2.05797 10.4075 2.05711 10.7771 2.16533C11.926 2.50173 14.5984 3.28783 16.6648 3.92349C17.0828 4.05209 17.3679 4.44593 17.3575 4.88319C17.1188 14.9867 12.0196 17.4105 10.5842 17.8936C10.3388 17.9762 10.0837 17.9764 9.83802 17.8945C8.39567 17.4137 3.25421 14.9951 3.00907 4.89714C2.9983 4.45317 3.29276 4.05521 3.71875 3.92972Z" fill="#D9D9D9"/>
<mask id="mask0_156_252" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="2" width="15" height="16">
<path d="M3.71875 3.92972C5.62789 3.36733 8.45568 2.52411 9.64828 2.16812C10.0173 2.05797 10.4075 2.05711 10.7771 2.16533C11.926 2.50173 14.5984 3.28783 16.6648 3.92349C17.0828 4.05209 17.3679 4.44593 17.3575 4.88319C17.1188 14.9867 12.0196 17.4105 10.5842 17.8936C10.3388 17.9762 10.0837 17.9764 9.83802 17.8945C8.39567 17.4137 3.25421 14.9951 3.00907 4.89714C2.9983 4.45317 3.29276 4.05521 3.71875 3.92972Z" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_156_252)">
<path d="M10.2112 9.77465L10.0986 1.71831L17.8169 3.80282L10.2112 9.77465Z" fill="url(#paint0_linear_156_252)"/>
<path d="M10.2113 9.77465V2L2.83098 3.97183L1.81689 8.76056L5.02816 13.7746L10.2113 9.77465Z" fill="url(#paint1_linear_156_252)"/>
<path d="M17.5915 3.97183L4.91547 13.7746V18.2254H17.4225L17.5915 3.97183Z" fill="url(#paint2_linear_156_252)"/>
</g>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.9805 5.50944L7.18874 29.0059C3.40757 22.1294 2.09786 13.8341 2 8.85887V5.81364C2 5.37069 2.4791 5.11235 2.71871 5.03847C7.7865 3.50668 18.077 0.398649 18.6962 0.221472C19.3153 0.0442944 19.8386 0 20.0231 0H20.0398C20.2241 0 20.7474 0.0442944 21.3667 0.221472C21.9859 0.398649 32.2764 3.50668 37.3441 5.03847C37.5224 5.09341 37.8331 5.25044 37.9805 5.50944Z" fill="url(#paint0_linear_10966_21375)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.18848 29.0442L37.9802 5.54785C38.0311 5.63722 38.0627 5.73854 38.0627 5.85206V8.89728C37.8968 17.3317 34.2478 35.3078 20.9794 39.7373C20.7952 39.8111 20.3602 39.9588 20.0949 39.9588H19.9675C19.7021 39.9588 19.2671 39.8111 19.0829 39.7373C13.6411 37.9206 9.81739 33.8254 7.18848 29.0442Z" fill="url(#paint1_linear_10966_21375)"/>
<path d="M21.2655 0.221915C20.646 0.044383 20.1224 0 19.9379 0L19.8826 40H19.9933C20.2588 40 20.6939 39.8521 20.8783 39.7781C34.1533 35.3398 37.8039 17.3278 37.9698 8.87657V5.82526C37.9698 5.38143 37.4905 5.12252 37.2507 5.04855C32.1805 3.51365 21.885 0.399447 21.2655 0.221915Z" fill="url(#paint2_linear_10966_21375)" fill-opacity="0.21"/>
<path d="M20.087 27.9607C24.6387 27.9607 28.3286 24.2846 28.3286 19.7499C28.3286 15.2152 24.6387 11.5391 20.087 11.5391C15.5353 11.5391 11.8455 15.2152 11.8455 19.7499C11.8455 24.2846 15.5353 27.9607 20.087 27.9607Z" fill="#E3E2FA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5938 21.5252C17.9669 21.5807 16.3813 21.3034 15.6069 20.6376C14.7754 19.9227 14.3347 18.9733 14.3347 17.5862C14.3347 15.8655 15.8835 14.0356 18.0407 14.0911C20.0895 14.1437 21.4714 15.3022 21.7466 17.1424C21.8902 18.1027 21.7439 18.5643 21.6301 18.9228C21.6125 18.9786 21.5956 19.0319 21.5808 19.0841C21.5254 19.2692 21.448 19.6723 21.5808 19.8054C21.7133 19.9386 23.7378 21.8951 24.7335 22.8566C24.8256 22.9676 25.0101 23.245 25.0101 23.4669V24.5211C25.0101 24.6875 24.9658 24.743 24.7889 24.743H22.5763C22.4473 24.7245 22.189 24.5987 22.189 24.2437C22.189 23.8652 22.1489 23.8095 22.0683 23.6979C22.0545 23.6787 22.0394 23.6578 22.0232 23.6334C21.9125 23.4669 21.6913 23.4669 21.4701 23.4669C21.2489 23.4669 21.0828 23.4114 20.9723 23.3005C20.8616 23.1895 20.8616 23.0232 20.917 22.8013C20.9723 22.5792 20.917 22.3574 20.8063 22.3019C20.7887 22.293 20.7683 22.2815 20.7454 22.2683C20.624 22.1991 20.4304 22.0888 20.1978 22.1355C19.9213 22.191 19.534 22.1355 19.3128 21.9136C19.0916 21.6916 18.815 21.5124 18.5938 21.5252ZM17.1003 17.309C17.5585 17.309 17.93 16.9364 17.93 16.4768C17.93 16.0172 17.5585 15.6446 17.1003 15.6446C16.6421 15.6446 16.2706 16.0172 16.2706 16.4768C16.2706 16.9364 16.6421 17.309 17.1003 17.309Z" fill="url(#paint3_linear_10966_21375)"/>
<defs>
<linearGradient id="paint0_linear_156_252" x1="10.2112" y1="2" x2="15.6197" y2="5.5493" gradientUnits="userSpaceOnUse">
<stop stop-color="#19AAE8"/>
<stop offset="1" stop-color="#1EA5F1"/>
<linearGradient id="paint0_linear_10966_21375" x1="5.37405" y1="16.6991" x2="18.8571" y2="2.64791" gradientUnits="userSpaceOnUse">
<stop stop-color="#45FFC8"/>
<stop offset="1" stop-color="#1DBBF1"/>
</linearGradient>
<linearGradient id="paint1_linear_156_252" x1="3.05633" y1="4.14085" x2="10.2113" y2="9.66197" gradientUnits="userSpaceOnUse">
<stop stop-color="#2BE2B8"/>
<stop offset="1" stop-color="#19B9E3"/>
<linearGradient id="paint1_linear_10966_21375" x1="14.7215" y1="24.8544" x2="31.4451" y2="32.9704" gradientUnits="userSpaceOnUse">
<stop stop-color="#D14AE8"/>
<stop offset="0.552228" stop-color="#B628E3"/>
<stop offset="1" stop-color="#8315FD"/>
</linearGradient>
<linearGradient id="paint2_linear_156_252" x1="17.3098" y1="4.02817" x2="7.95772" y2="16.9859" gradientUnits="userSpaceOnUse">
<stop stop-color="#925CDF"/>
<stop offset="1" stop-color="#CC42E5"/>
<linearGradient id="paint2_linear_10966_21375" x1="28.8817" y1="3.77254" x2="28.8817" y2="31.5673" gradientUnits="userSpaceOnUse">
<stop stop-color="#20ABF5"/>
<stop offset="0.398093" stop-color="#2A8CC3"/>
<stop offset="1" stop-color="#A104DC"/>
</linearGradient>
<linearGradient id="paint3_linear_10966_21375" x1="17.5428" y1="17.1979" x2="24.3113" y2="24.0015" gradientUnits="userSpaceOnUse">
<stop stop-color="#FE5B01"/>
<stop offset="1" stop-color="#FFB200"/>
</linearGradient>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

10
packages/console/src/assets/docs/guides/web-next/logo-dark.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11273_21817)">
<path d="M29.6869 37.5024C29.5381 37.5812 29.5506 37.6062 29.6931 37.5337C29.7394 37.5149 29.7781 37.4887 29.8119 37.4574C29.8119 37.4312 29.8119 37.4312 29.6869 37.5024ZM29.9869 37.3399C29.9156 37.3987 29.9156 37.3987 30.0006 37.3599C30.0456 37.3337 30.0856 37.3087 30.0856 37.3012C30.0856 37.2674 30.0656 37.2749 29.9869 37.3399ZM30.1819 37.2224C30.1106 37.2812 30.1106 37.2812 30.1956 37.2424C30.2419 37.2162 30.2806 37.1887 30.2806 37.1824C30.2806 37.1512 30.2606 37.1574 30.1819 37.2224ZM30.3794 37.1062C30.3081 37.1649 30.3081 37.1649 30.3906 37.1249C30.4369 37.0999 30.4756 37.0737 30.4756 37.0662C30.4756 37.0349 30.4556 37.0412 30.3794 37.1062ZM30.6456 36.9299C30.5094 37.0212 30.4619 37.0799 30.5869 37.0149C30.6706 36.9637 30.8131 36.8512 30.7881 36.8512C30.7344 36.8712 30.6894 36.9049 30.6444 36.9299H30.6456ZM18.6916 0.00918773C18.6004 0.0154379 18.3266 0.0404384 18.0866 0.0604388C12.4015 0.575449 7.08265 3.63551 3.71133 8.34936C1.84754 10.9332 0.637513 13.9345 0.181254 17.0858C0.0200004 18.1858 0 18.5108 0 20.0021C0 21.4921 0.0200004 21.8121 0.181254 22.9121C1.27003 30.4261 6.61514 36.7337 13.8603 39.0712C15.1641 39.4875 16.5303 39.775 18.0866 39.9512C18.6916 40.0163 21.3079 40.0163 21.913 39.9512C24.603 39.6512 26.8743 38.9875 29.1219 37.8412C29.4669 37.6662 29.5319 37.62 29.4856 37.5812C28.3856 36.1299 27.3056 34.6774 26.2243 33.2124L23.028 28.896L19.0241 22.9646C17.6891 20.9796 16.3491 18.9996 14.9878 17.0345C14.9741 17.0345 14.9566 19.6708 14.9491 22.8859C14.9353 28.5173 14.9353 28.746 14.8641 28.876C14.7928 29.0323 14.6753 29.1623 14.5191 29.2348C14.3953 29.2935 14.284 29.306 13.6928 29.306H13.0165L12.8403 29.196C12.7303 29.1248 12.639 29.026 12.5803 28.9098L12.4953 28.7335L12.5015 20.8946L12.5153 13.0557L12.639 12.8994C12.7178 12.8032 12.8153 12.7244 12.9253 12.6657C13.089 12.5869 13.154 12.5744 13.8303 12.5744C14.6241 12.5744 14.7553 12.6057 14.9641 12.8344C16.5841 15.2495 18.1991 17.6708 19.7879 20.0996C22.3867 24.0397 25.9343 29.416 27.6781 32.0536L30.8494 36.8524L31.0056 36.7487C32.5294 35.7324 33.9157 34.5224 35.112 33.1424C37.632 30.2573 39.2671 26.7085 39.8208 22.9209C39.9821 21.8209 40.0021 21.4946 40.0021 20.0046C40.0021 18.5133 39.9821 18.1945 39.8208 17.0945C38.7321 9.58063 33.3869 3.273 26.1418 0.934207C24.7868 0.505448 23.393 0.212942 21.9817 0.0629388C21.6029 0.024188 19.0179 -0.0220629 18.6929 0.0116878L18.6916 0.00918773ZM26.8756 12.1057C27.0643 12.1957 27.2068 12.3657 27.2718 12.5607C27.3056 12.6657 27.3118 14.8395 27.3056 19.7358L27.2918 26.766L26.0555 24.8659L24.8118 22.9646V17.8608C24.8118 14.552 24.8255 12.6969 24.843 12.6057C24.9018 12.3969 25.0443 12.2219 25.2343 12.1119C25.3893 12.0332 25.4493 12.0269 26.068 12.0269C26.6468 12.0269 26.7443 12.0332 26.8743 12.1057H26.8756Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_11273_21817">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

11
packages/console/src/assets/docs/guides/web-next/logo.svg
View file

@ -1,10 +1,3 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_134_42589)">
<path d="M31.7494 38.005C31.6304 38.068 31.6404 38.088 31.7544 38.03C31.7914 38.015 31.8224 37.994 31.8494 37.969C31.8494 37.948 31.8494 37.948 31.7494 38.005ZM31.9894 37.875C31.9324 37.922 31.9324 37.922 32.0004 37.891C32.0364 37.87 32.0684 37.85 32.0684 37.844C32.0684 37.817 32.0524 37.823 31.9894 37.875ZM32.1454 37.781C32.0884 37.828 32.0884 37.828 32.1564 37.797C32.1934 37.776 32.2244 37.754 32.2244 37.749C32.2244 37.724 32.2084 37.729 32.1454 37.781ZM32.3034 37.688C32.2464 37.735 32.2464 37.735 32.3124 37.703C32.3494 37.683 32.3804 37.662 32.3804 37.656C32.3804 37.631 32.3644 37.636 32.3034 37.688ZM32.5164 37.547C32.4074 37.62 32.3694 37.667 32.4694 37.615C32.5364 37.574 32.6504 37.484 32.6304 37.484C32.5874 37.5 32.5514 37.527 32.5154 37.547H32.5164ZM22.9534 8.01101C22.8804 8.01601 22.6614 8.03601 22.4694 8.05201C17.9213 8.46401 13.6663 10.912 10.9693 14.683C9.47826 16.75 8.51025 19.151 8.14525 21.672C8.01624 22.552 8.00024 22.812 8.00024 24.005C8.00024 25.197 8.01624 25.453 8.14525 26.333C9.01625 32.344 13.2923 37.39 19.0883 39.26C20.1313 39.593 21.2243 39.823 22.4694 39.964C22.9534 40.016 25.0464 40.016 25.5304 39.964C27.6824 39.724 29.4994 39.193 31.2974 38.276C31.5734 38.136 31.6254 38.099 31.5884 38.068C30.7084 36.907 29.8444 35.745 28.9794 34.573L26.4224 31.12L23.2194 26.375C22.1514 24.787 21.0793 23.203 19.9903 21.631C19.9793 21.631 19.9653 23.74 19.9593 26.312C19.9483 30.817 19.9483 31 19.8913 31.104C19.8343 31.229 19.7403 31.333 19.6153 31.391C19.5163 31.438 19.4273 31.448 18.9543 31.448H18.4133L18.2723 31.36C18.1843 31.303 18.1113 31.224 18.0643 31.131L17.9963 30.99L18.0013 24.719L18.0123 18.448L18.1113 18.323C18.1743 18.246 18.2523 18.183 18.3403 18.136C18.4713 18.073 18.5233 18.063 19.0643 18.063C19.6993 18.063 19.8043 18.088 19.9713 18.271C21.2673 20.203 22.5594 22.14 23.8304 24.083C25.9094 27.235 28.7474 31.536 30.1424 33.646L32.6794 37.485L32.8044 37.402C34.0234 36.589 35.1325 35.621 36.0895 34.517C38.1055 32.209 39.4135 29.37 39.8565 26.34C39.9855 25.46 40.0015 25.199 40.0015 24.007C40.0015 22.814 39.9855 22.559 39.8565 21.679C38.9855 15.668 34.7095 10.622 28.9134 8.75101C27.8294 8.40801 26.7144 8.17401 25.5854 8.05401C25.2824 8.02301 23.2144 7.98601 22.9544 8.01301L22.9534 8.01101ZM29.5004 17.688C29.6514 17.76 29.7654 17.896 29.8174 18.052C29.8444 18.136 29.8494 19.875 29.8444 23.792L29.8334 29.416L28.8444 27.896L27.8494 26.375V22.292C27.8494 19.645 27.8604 18.161 27.8744 18.088C27.9214 17.921 28.0354 17.781 28.1874 17.693C28.3114 17.63 28.3594 17.625 28.8544 17.625C29.3174 17.625 29.3954 17.63 29.4994 17.688H29.5004Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_134_42589">
<rect width="32.0003" height="32" fill="white" transform="translate(8.00024 8)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.6869 37.5024C29.5381 37.5812 29.5506 37.6062 29.6931 37.5337C29.7394 37.5149 29.7781 37.4887 29.8119 37.4574C29.8119 37.4312 29.8119 37.4312 29.6869 37.5024ZM29.9869 37.3399C29.9156 37.3987 29.9156 37.3987 30.0006 37.3599C30.0456 37.3337 30.0856 37.3087 30.0856 37.3012C30.0856 37.2674 30.0656 37.2749 29.9869 37.3399ZM30.1819 37.2224C30.1106 37.2812 30.1106 37.2812 30.1956 37.2424C30.2419 37.2162 30.2806 37.1887 30.2806 37.1824C30.2806 37.1512 30.2606 37.1574 30.1819 37.2224ZM30.3794 37.1062C30.3081 37.1649 30.3081 37.1649 30.3906 37.1249C30.4369 37.0999 30.4756 37.0737 30.4756 37.0662C30.4756 37.0349 30.4556 37.0412 30.3794 37.1062ZM30.6456 36.9299C30.5094 37.0212 30.4619 37.0799 30.5869 37.0149C30.6706 36.9637 30.8131 36.8512 30.7881 36.8512C30.7344 36.8712 30.6894 36.9049 30.6444 36.9299H30.6456ZM18.6916 0.00918773C18.6004 0.0154379 18.3266 0.0404384 18.0866 0.0604388C12.4015 0.575449 7.08265 3.63551 3.71133 8.34936C1.84754 10.9332 0.637513 13.9345 0.181254 17.0858C0.0200004 18.1858 0 18.5108 0 20.0021C0 21.4921 0.0200004 21.8121 0.181254 22.9121C1.27003 30.4261 6.61514 36.7337 13.8603 39.0712C15.1641 39.4875 16.5303 39.775 18.0866 39.9512C18.6916 40.0163 21.3079 40.0163 21.913 39.9512C24.603 39.6512 26.8743 38.9875 29.1219 37.8412C29.4669 37.6662 29.5319 37.62 29.4856 37.5812C28.3856 36.1299 27.3056 34.6774 26.2243 33.2124L23.028 28.896L19.0241 22.9646C17.6891 20.9796 16.3491 18.9996 14.9878 17.0345C14.9741 17.0345 14.9566 19.6708 14.9491 22.8859C14.9353 28.5173 14.9353 28.746 14.8641 28.876C14.7928 29.0323 14.6753 29.1623 14.5191 29.2348C14.3953 29.2935 14.284 29.306 13.6928 29.306H13.0165L12.8403 29.196C12.7303 29.1248 12.639 29.026 12.5803 28.9098L12.4953 28.7335L12.5015 20.8946L12.5153 13.0557L12.639 12.8994C12.7178 12.8032 12.8153 12.7244 12.9253 12.6657C13.089 12.5869 13.154 12.5744 13.8303 12.5744C14.6241 12.5744 14.7553 12.6057 14.9641 12.8344C16.5841 15.2495 18.1991 17.6708 19.7879 20.0996C22.3867 24.0397 25.9343 29.416 27.6781 32.0536L30.8494 36.8524L31.0056 36.7487C32.5294 35.7324 33.9157 34.5224 35.112 33.1424C37.632 30.2573 39.2671 26.7085 39.8208 22.9209C39.9821 21.8209 40.0021 21.4946 40.0021 20.0046C40.0021 18.5133 39.9821 18.1945 39.8208 17.0945C38.7321 9.58063 33.3869 3.273 26.1418 0.934207C24.7868 0.505448 23.393 0.212942 21.9817 0.0629388C21.6029 0.024188 19.0179 -0.0220629 18.6929 0.0116878L18.6916 0.00918773ZM26.8756 12.1057C27.0643 12.1957 27.2068 12.3657 27.2718 12.5607C27.3056 12.6657 27.3118 14.8395 27.3056 19.7358L27.2918 26.766L26.0555 24.8659L24.8118 22.9646V17.8608C24.8118 14.552 24.8255 12.6969 24.843 12.6057C24.9018 12.3969 25.0443 12.2219 25.2343 12.1119C25.3893 12.0332 25.4493 12.0269 26.068 12.0269C26.6468 12.0269 26.7443 12.0332 26.8743 12.1057H26.8756Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

4
packages/console/src/assets/docs/guides/web-nuxt/logo.svg
View file

@ -1,3 +1,3 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M281.44 397.667H438.32C443.326 397.667 448.118 395.908 452.453 393.427C456.789 390.946 461.258 387.831 463.76 383.533C466.262 379.236 468.002 374.36 468 369.399C467.998 364.437 466.266 359.563 463.76 355.268L357.76 172.947C355.258 168.65 352.201 165.534 347.867 163.053C343.532 160.573 337.325 158.813 332.32 158.813C327.315 158.813 322.521 160.573 318.187 163.053C313.852 165.534 310.795 168.65 308.293 172.947L281.44 219.587L227.733 129.13C225.229 124.834 222.176 120.307 217.84 117.827C213.504 115.346 208.713 115 203.707 115C198.701 115 193.909 115.346 189.573 117.827C185.238 120.307 180.771 124.834 178.267 129.13L46.8267 355.268C44.3208 359.563 44.0022 364.437 44 369.399C43.9978 374.36 44.3246 379.235 46.8267 383.533C49.3288 387.83 53.7979 390.946 58.1333 393.427C62.4688 395.908 67.2603 397.667 72.2667 397.667H171.2C210.401 397.667 238.934 380.082 258.827 346.787L306.88 263.4L332.32 219.587L410.053 352.44H306.88L281.44 397.667ZM169.787 352.44H100.533L203.707 174.36L256 263.4L221.361 323.784C208.151 345.387 193.089 352.44 169.787 352.44Z" fill="#00DC82"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4 33.3327H37.2C37.6723 33.3327 38.1243 33.1668 38.5333 32.9327C38.9424 32.6987 39.364 32.4048 39.6 31.9993C39.836 31.5939 40.0002 31.1339 40 30.6659C39.9998 30.1978 39.8364 29.738 39.6 29.3328L29.6 12.1327C29.364 11.7273 29.0756 11.4334 28.6667 11.1993C28.2577 10.9654 27.6722 10.7993 27.2 10.7993C26.7278 10.7993 26.2756 10.9654 25.8667 11.1993C25.4577 11.4334 25.1693 11.7273 24.9333 12.1327L22.4 16.5327L17.3333 7.99903C17.0971 7.59375 16.8091 7.16668 16.4 6.93271C15.9909 6.69866 15.539 6.66602 15.0667 6.66602C14.5944 6.66602 14.1424 6.69866 13.7333 6.93271C13.3243 7.16668 12.9029 7.59375 12.6667 7.99903L0.266671 29.3328C0.030265 29.738 0.000208582 30.1978 1.03448e-06 30.6659C-0.000206513 31.1339 0.0306235 31.5938 0.266671 31.9993C0.502718 32.4047 0.924331 32.6987 1.33333 32.9327C1.74234 33.1668 2.19437 33.3327 2.66667 33.3327H12C15.6982 33.3327 18.39 31.6737 20.2667 28.5327L24.8 20.666L27.2 16.5327L34.5333 29.066H24.8L22.4 33.3327ZM11.8667 29.066H5.3333L15.0667 12.266L20 20.666L16.7322 26.3626C15.4859 28.4006 14.065 29.066 11.8667 29.066Z" fill="#00DC82"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

10
packages/console/src/assets/docs/guides/web-outline/logo-dark.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11273_21906)">
<path d="M25.1347 36.431L25.1347 37.4327C25.1347 38.8506 23.9853 40 22.5674 40C22.1265 40 21.693 39.8865 21.3087 39.6703L5.90485 31.0056C5.09646 30.5509 4.59619 29.6955 4.59619 28.768L4.59619 11.2325C4.59619 10.305 5.09646 9.44957 5.90485 8.99485L21.3087 0.330161C22.5445 -0.364975 24.1099 0.0733181 24.805 1.30912C25.0212 1.6934 25.1347 2.12687 25.1347 2.56777L25.1347 3.56941L26.9643 3.02053C28.3224 2.61311 29.7536 3.38377 30.1611 4.74186C30.2329 4.98119 30.2693 5.22971 30.2693 5.47958L30.2693 6.52183L32.5182 6.24072C33.9252 6.06485 35.2083 7.06283 35.3841 8.46977C35.3973 8.5754 35.404 8.68175 35.404 8.78821L35.404 31.2123C35.404 32.6301 34.2545 33.7796 32.8366 33.7796C32.7302 33.7796 32.6238 33.7729 32.5182 33.7597L30.2693 33.4786L30.2693 34.5209C30.2693 35.9388 29.1199 37.0882 27.702 37.0882C27.4522 37.0882 27.2036 37.0517 26.9643 36.9799L25.1347 36.431ZM25.1347 33.7507L27.702 34.5209L27.702 5.47958L25.1347 6.24977L25.1347 33.7507ZM30.2693 9.10912L30.2693 30.8913L32.8366 31.2123L32.8366 8.78821L30.2693 9.10912ZM7.16351 11.2325L7.16351 28.768L22.5674 37.4327L22.5674 2.56777L7.16351 11.2325ZM9.73082 12.9401L12.2981 11.6565L12.2981 28.344L9.73082 27.0603L9.73082 12.9401Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_11273_21906">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

13
packages/console/src/assets/docs/guides/web-outline/logo.svg
View file

@ -1,5 +1,10 @@
<svg viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M154.667 213.441V218.65C154.667 226.023 148.697 232 141.333 232C139.044 232 136.792 231.41 134.797 230.286L54.7965 185.229C50.5982 182.865 48 178.417 48 173.594V82.4088C48 77.5858 50.5982 73.1377 54.7965 70.7732L134.797 25.7168C141.215 22.1021 149.344 24.3813 152.954 30.8074C154.077 32.8057 154.667 35.0597 154.667 37.3524V42.561L164.169 39.7068C171.222 37.5882 178.655 41.5956 180.771 48.6577C181.144 49.9022 181.333 51.1945 181.333 52.4938V57.9135L193.013 56.4517C200.32 55.5372 206.984 60.7267 207.897 68.0428C207.966 68.5921 208 69.1451 208 69.6987V186.304C208 193.677 202.03 199.654 194.667 199.654C194.114 199.654 193.561 199.619 193.013 199.551L181.333 198.089V203.509C181.333 210.882 175.364 216.859 168 216.859C166.702 216.859 165.412 216.669 164.169 216.296L154.667 213.441ZM154.667 199.504L168 203.509V52.4938L154.667 56.4988V199.504ZM181.333 71.3674V184.635L194.667 186.304V69.6987L181.333 71.3674ZM61.3333 82.4088V173.594L141.333 218.65V37.3524L61.3333 82.4088ZM74.6667 91.2886L88 84.6136V171.389L74.6667 164.714V91.2886Z"
fill="black" />
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9693_18475)">
<path d="M25.1347 36.431L25.1347 37.4327C25.1347 38.8506 23.9853 40 22.5674 40C22.1265 40 21.693 39.8865 21.3087 39.6703L5.90485 31.0056C5.09646 30.5509 4.59619 29.6955 4.59619 28.768L4.59619 11.2325C4.59619 10.305 5.09646 9.44957 5.90485 8.99485L21.3087 0.330161C22.5445 -0.364975 24.1099 0.0733181 24.805 1.30912C25.0212 1.6934 25.1347 2.12687 25.1347 2.56777L25.1347 3.56941L26.9643 3.02053C28.3224 2.61311 29.7536 3.38377 30.1611 4.74186C30.2329 4.98119 30.2693 5.22971 30.2693 5.47958L30.2693 6.52183L32.5182 6.24072C33.9252 6.06485 35.2083 7.06283 35.3841 8.46977C35.3973 8.5754 35.404 8.68175 35.404 8.78821L35.404 31.2123C35.404 32.6301 34.2545 33.7796 32.8366 33.7796C32.7302 33.7796 32.6238 33.7729 32.5182 33.7597L30.2693 33.4786L30.2693 34.5209C30.2693 35.9388 29.1199 37.0882 27.702 37.0882C27.4522 37.0882 27.2036 37.0517 26.9643 36.9799L25.1347 36.431ZM25.1347 33.7507L27.702 34.5209L27.702 5.47958L25.1347 6.24977L25.1347 33.7507ZM30.2693 9.10912L30.2693 30.8913L32.8366 31.2123L32.8366 8.78821L30.2693 9.10912ZM7.16351 11.2325L7.16351 28.768L22.5674 37.4327L22.5674 2.56777L7.16351 11.2325ZM9.73082 12.9401L12.2981 11.6565L12.2981 28.344L9.73082 27.0603L9.73082 12.9401Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_9693_18475">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

6
packages/console/src/assets/docs/guides/web-passport/logo-dark.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0C11.16 0 4 7.16 4 16H12C12 11.584 15.584 8 20 8V0Z" fill="#D6FF00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36 16C36 7.16 28.84 0 20 0V8C24.416 8 28 11.584 28 16H36Z" fill="#34E27A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 32C28.84 32 36 24.84 36 16H28C28 20.416 24.416 24 20 24V32Z" fill="#00B9F1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 32V16H4V40H20V32H12Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 573 B

25
packages/console/src/assets/docs/guides/web-passport/logo.svg
View file

@ -1,21 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="400px" height="500px" viewBox="0 0 400 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.1 (12002) - http://www.bohemiancoding.com/sketch -->
<title>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="passport_logo_final" sketch:type="MSLayerGroup" transform="translate(-400.000000, -350.000000)">
<g id="Group" sketch:type="MSShapeGroup">
<g id="Shape">
<g transform="translate(400.000000, 350.000000)">
<path d="M200,0 C89.5,0 0,89.5 0,200 L100,200 C100,144.8 144.8,100 200,100 L200,0 L200,0 Z" fill="#D6FF00"></path>
<path d="M400,200 C400,89.5 310.5,0 200,0 L200,100 C255.2,100 300,144.8 300,200 L400,200 L400,200 Z" fill="#34E27A"></path>
<path d="M200,400 C310.5,400 400,310.5 400,200 L300,200 C300,255.2 255.2,300 200,300 L200,400 L200,400 Z" fill="#00B9F1"></path>
<path d="M100,400 L100,200 L0,200 L0,500 L200,500 L200,400 L100,400 Z" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</g>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0C11.16 0 4 7.16 4 16H12C12 11.584 15.584 8 20 8V0Z" fill="#D6FF00"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36 16C36 7.16 28.84 0 20 0V8C24.416 8 28 11.584 28 16H36Z" fill="#34E27A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 32C28.84 32 36 24.84 36 16H28C28 20.416 24.416 24 20 24V32Z" fill="#00B9F1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 32V16H4V40H20V32H12Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 573 B

15
packages/console/src/assets/docs/guides/web-php/logo.svg
View file

@ -1,5 +1,12 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.8767 26.0912C12.9499 26.0912 13.7512 25.8902 14.2581 25.4938C14.7597 25.1016 15.1061 24.422 15.2876 23.4741C15.4569 22.588 15.3924 21.9694 15.096 21.6355C14.7929 21.2945 14.1377 21.1215 13.1485 21.1215H11.4333L10.4825 26.0912H11.8767ZM6.2668 32.2129C6.18718 32.2129 6.11157 32.1768 6.06095 32.1143C6.01024 32.0518 5.9897 31.9696 6.00491 31.8902L8.52487 18.7205C8.54925 18.5931 8.65911 18.5012 8.78685 18.5012H14.218C15.9249 18.5012 17.1954 18.9719 17.994 19.9005C18.7968 20.834 19.0447 22.1389 18.7308 23.7788C18.6031 24.4469 18.3833 25.0674 18.0778 25.6229C17.7718 26.179 17.3675 26.6936 16.8759 27.1526C16.2873 27.7121 15.6212 28.1178 14.8978 28.3566C14.1859 28.5921 13.2716 28.7116 12.1804 28.7116H9.98119L9.35315 31.9935C9.32878 32.121 9.219 32.2129 9.09126 32.2129H6.2668Z" fill="#6082BB"/>
<path d="M25.4279 28.7118C25.3492 28.7118 25.2746 28.6756 25.2247 28.6131C25.1745 28.5507 25.1543 28.4685 25.1693 28.389L26.2697 22.5619C26.3744 22.0078 26.3486 21.61 26.1971 21.442C26.1043 21.3392 25.8258 21.1669 25.0022 21.1669H23.0085L21.625 28.4924C21.6009 28.6198 21.4925 28.7118 21.3664 28.7118H18.6001C18.5215 28.7118 18.4469 28.6756 18.3968 28.6131C18.3468 28.5507 18.3265 28.4684 18.3415 28.389L20.8292 15.2193C20.8532 15.092 20.9617 15 21.0878 15H23.854C23.9327 15 24.0073 15.0361 24.0573 15.0986C24.1074 15.1611 24.1277 15.2432 24.1127 15.3228L23.5123 18.5014H25.657C27.2908 18.5014 28.3987 18.7977 29.044 19.4075C29.7018 20.0295 29.907 21.0241 29.6541 22.3639L28.4966 28.4924C28.4726 28.6198 28.3642 28.7118 28.238 28.7118H25.4279Z" fill="#6082BB"/>
<path d="M34.7462 26.0912C35.8606 26.0912 36.6926 25.8902 37.219 25.4938C37.7398 25.1017 38.0995 24.4221 38.2881 23.4741C38.4639 22.588 38.3969 21.9694 38.0891 21.6355C37.7744 21.2945 37.094 21.1215 36.0668 21.1215H34.2858L33.2985 26.0912H34.7462ZM28.9212 32.2129C28.8385 32.2129 28.76 32.1768 28.7074 32.1143C28.6548 32.0518 28.6333 31.9696 28.6491 31.8902L31.2658 18.7205C31.2912 18.5931 31.4052 18.5012 31.5379 18.5012H37.1774C38.9499 18.5012 40.269 18.9719 41.0983 19.9005C41.9319 20.8339 42.1893 22.1388 41.8634 23.7788C41.7306 24.4469 41.5025 25.0674 41.1852 25.6229C40.8675 26.179 40.4477 26.6936 39.9372 27.1526C39.3261 27.7121 38.6344 28.1178 37.8833 28.3566C37.144 28.5921 36.1946 28.7116 35.0615 28.7116H32.7779L32.126 31.9935C32.1006 32.121 31.9866 32.2129 31.8539 32.2129H28.9212Z" fill="#6082BB"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9126_88173)">
<path d="M6.52964 22.7615C7.72215 22.7615 8.61241 22.5381 9.17571 22.0978C9.73297 21.662 10.1179 20.9069 10.3196 19.8536C10.5077 18.8691 10.436 18.1817 10.1067 17.8107C9.76994 17.4318 9.04188 17.2396 7.94276 17.2396H6.03702L4.98051 22.7615H6.52964ZM0.296441 29.5634C0.207979 29.5634 0.123964 29.5233 0.067724 29.4538C0.0113822 29.3844 -0.0114472 29.2931 0.00545325 29.2048L2.80542 14.5718C2.8325 14.4303 2.95457 14.3281 3.0965 14.3281H9.13113C11.0277 14.3281 12.4393 14.8512 13.3266 15.883C14.2187 16.9202 14.4941 18.37 14.1453 20.1921C14.0034 20.9345 13.7593 21.6239 13.4197 22.2411C13.0798 22.8591 12.6306 23.4309 12.0843 23.9409C11.4304 24.5625 10.6902 25.0133 9.88647 25.2786C9.09545 25.5403 8.07956 25.673 6.86708 25.673H4.42354L3.72572 29.3197C3.69864 29.4612 3.57667 29.5634 3.43474 29.5634H0.296441Z" fill="#6082BB"/>
<path d="M21.5866 25.6728C21.4992 25.6728 21.4164 25.6326 21.3609 25.5632C21.3051 25.4938 21.2826 25.4025 21.2993 25.3142L22.522 18.8397C22.6383 18.2239 22.6096 17.782 22.4413 17.5952C22.3383 17.4811 22.0288 17.2896 21.1136 17.2896H18.8985L17.3612 25.429C17.3345 25.5706 17.214 25.6728 17.0738 25.6728H14.0003C13.9128 25.6728 13.83 25.6326 13.7744 25.5632C13.7188 25.4938 13.6962 25.4024 13.7129 25.3142L16.477 10.6812C16.5037 10.5397 16.6242 10.4375 16.7643 10.4375H19.8379C19.9254 10.4375 20.0082 10.4777 20.0638 10.547C20.1194 10.6165 20.142 10.7078 20.1253 10.7961L19.4583 14.3279H21.8412C23.6566 14.3279 24.8876 14.6572 25.6046 15.3347C26.3354 16.0258 26.5634 17.1309 26.2824 18.6196L24.9964 25.429C24.9696 25.5706 24.8492 25.6728 24.709 25.6728H21.5866Z" fill="#6082BB"/>
<path d="M31.9401 22.7615C33.1784 22.7615 34.1028 22.5381 34.6877 22.0978C35.2663 21.6621 35.666 20.907 35.8755 19.8536C36.0709 18.8691 35.9965 18.1817 35.6544 17.8107C35.3047 17.4318 34.5487 17.2396 33.4074 17.2396H31.4286L30.3315 22.7615H31.9401ZM25.4678 29.5634C25.376 29.5634 25.2887 29.5233 25.2303 29.4538C25.1718 29.3844 25.148 29.2931 25.1656 29.2048L28.073 14.5718C28.1012 14.4303 28.2278 14.3281 28.3753 14.3281H34.6414C36.6108 14.3281 38.0765 14.8512 38.998 15.883C39.9242 16.9201 40.2102 18.3699 39.8481 20.1921C39.7005 20.9345 39.4471 21.6239 39.0945 22.2411C38.7416 22.8591 38.2751 23.4309 37.7079 23.9409C37.0288 24.5625 36.2603 25.0133 35.4257 25.2786C34.6043 25.5403 33.5495 25.673 32.2905 25.673H29.7531L29.0288 29.3197C29.0006 29.4612 28.8739 29.5634 28.7264 29.5634H25.4678Z" fill="#6082BB"/>
</g>
<defs>
<clipPath id="clip0_9126_88173">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

15
packages/console/src/assets/docs/guides/web-python/logo.svg
View file

@ -1,14 +1,19 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.885 8C15.761 8 16.268 11.523 16.268 11.523L16.278 15.173H24.03V16.268H13.197C13.197 16.268 8 15.678 8 23.876C8 32.072 12.537 31.782 12.537 31.782H15.245V27.978C15.245 27.978 15.099 23.441 19.71 23.441H27.398C27.398 23.441 31.718 23.511 31.718 19.266V12.247C31.718 12.247 32.374 8 23.885 8ZM19.61 10.454C20.381 10.454 21.005 11.078 21.005 11.849C21.005 12.62 20.381 13.244 19.61 13.244C19.4267 13.2443 19.2452 13.2084 19.0758 13.1383C18.9065 13.0683 18.7526 12.9656 18.623 12.836C18.4934 12.7064 18.3907 12.5525 18.3207 12.3832C18.2506 12.2138 18.2147 12.0323 18.215 11.849C18.215 11.078 18.839 10.454 19.61 10.454Z" fill="url(#paint0_linear_129_42168)"/>
<path d="M24.115 39.833C32.239 39.833 31.732 36.31 31.732 36.31L31.722 32.66H23.97V31.565H34.802C34.802 31.565 40 32.155 40 23.958C40 15.761 35.463 16.052 35.463 16.052H32.755V19.855C32.755 19.855 32.901 24.392 28.29 24.392H20.602C20.602 24.392 16.282 24.322 16.282 28.567V35.586C16.282 35.586 15.626 39.833 24.115 39.833ZM28.39 37.379C28.2068 37.3793 28.0252 37.3434 27.8559 37.2734C27.6865 37.2033 27.5326 37.1006 27.403 36.971C27.2734 36.8414 27.1707 36.6875 27.1007 36.5182C27.0307 36.3488 26.9948 36.1673 26.995 35.984C26.995 35.214 27.619 34.59 28.39 34.59C29.161 34.59 29.785 35.213 29.785 35.984C29.785 36.756 29.161 37.379 28.39 37.379Z" fill="url(#paint1_linear_129_42168)"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9122_88152)">
<path d="M19.8563 0.104492C9.70125 0.104492 10.335 4.50824 10.335 4.50824L10.3475 9.07075H20.0375V10.4395H6.49625C6.49625 10.4395 0 9.702 0 19.9495C0 30.1945 5.67125 29.832 5.67125 29.832H9.05625V25.077C9.05625 25.077 8.87375 19.4057 14.6375 19.4057H24.2475C24.2475 19.4057 29.6475 19.4933 29.6475 14.187V5.41324C29.6475 5.41324 30.4675 0.104492 19.8563 0.104492ZM14.5125 3.17199C15.4763 3.17199 16.2563 3.95199 16.2563 4.91575C16.2563 5.8795 15.4763 6.65949 14.5125 6.65949C14.2834 6.65982 14.0565 6.61494 13.8448 6.52743C13.6331 6.43991 13.4407 6.31148 13.2788 6.14949C13.1168 5.98751 12.9883 5.79515 12.9008 5.58344C12.8133 5.37173 12.7684 5.14483 12.7688 4.91575C12.7688 3.95199 13.5488 3.17199 14.5125 3.17199Z" fill="url(#paint0_linear_9122_88152)"/>
<path d="M20.1438 39.8958C30.2988 39.8958 29.6651 35.4921 29.6651 35.4921L29.6526 30.9296H19.9626V29.5608H33.5026C33.5026 29.5608 40.0001 30.2983 40.0001 20.0521C40.0001 9.80582 34.3288 10.1696 34.3288 10.1696H30.9438V14.9233C30.9438 14.9233 31.1263 20.5946 25.3626 20.5946H15.7526C15.7526 20.5946 10.3526 20.5071 10.3526 25.8133V34.5871C10.3526 34.5871 9.53259 39.8958 20.1438 39.8958ZM25.4876 36.8283C25.2585 36.8287 25.0316 36.7838 24.8199 36.6963C24.6082 36.6087 24.4158 36.4803 24.2538 36.3183C24.0919 36.1563 23.9634 35.964 23.8759 35.7523C23.7884 35.5406 23.7435 35.3137 23.7438 35.0846C23.7438 34.1221 24.5238 33.3421 25.4876 33.3421C26.4513 33.3421 27.2313 34.1208 27.2313 35.0846C27.2313 36.0496 26.4513 36.8283 25.4876 36.8283Z" fill="url(#paint1_linear_9122_88152)"/>
</g>
<defs>
<linearGradient id="paint0_linear_129_42168" x1="11.075" y1="10.782" x2="26.898" y2="26.658" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_9122_88152" x1="3.84375" y1="3.58199" x2="23.6225" y2="23.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#387EB8"/>
<stop offset="1" stop-color="#366994"/>
</linearGradient>
<linearGradient id="paint1_linear_129_42168" x1="20.809" y1="20.882" x2="37.803" y2="37.163" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_9122_88152" x1="16.0113" y1="16.2071" x2="37.2538" y2="36.5583" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFE052"/>
<stop offset="1" stop-color="#FFC331"/>
</linearGradient>
<clipPath id="clip0_9122_88152">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

199
packages/console/src/assets/docs/guides/web-ruby/logo.svg Normal file
View file

@ -0,0 +1,199 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="8" width="32" height="32">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.1521 39.9442L37.7226 37.9374L40 8.12012L30.9897 26.3832L8.1521 39.9442Z" fill="white"/>
</mask>
<g mask="url(#mask0_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.1521 39.9442L37.7226 37.9374L40 8.12012L30.9897 26.3832L8.1521 39.9442Z" fill="url(#paint0_linear_11277_22271)"/>
</g>
<mask id="mask1_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="28" y="20" width="10" height="18">
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3066 29.5157L37.7711 37.9164L35.2294 20.374L28.3066 29.5157Z" fill="white"/>
</mask>
<g mask="url(#mask1_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3066 29.5147L37.7711 37.9154L35.2294 20.373L28.3066 29.5147Z" fill="url(#paint1_linear_11277_22271)"/>
</g>
<mask id="mask2_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="36" width="30" height="4">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25122 39.9074L37.8057 37.9188L19.1855 36.457L8.25122 39.9074Z" fill="white"/>
</mask>
<g mask="url(#mask2_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25122 39.9074L37.8057 37.9188L19.1855 36.457L8.25122 39.9074Z" fill="url(#paint2_linear_11277_22271)"/>
</g>
<mask id="mask3_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="24" width="11" height="16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69312 26.8594L8.27737 39.9096L12.9288 24.6709L2.69312 26.8594Z" fill="white"/>
</mask>
<g mask="url(#mask3_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69312 26.8584L8.27737 39.9087L12.9288 24.6699L2.69312 26.8584Z" fill="url(#paint3_linear_11277_22271)"/>
</g>
<mask id="mask4_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="11" y="12" width="18" height="18">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7761 24.2843L28.3047 29.5678L24.0248 12.8027L11.7761 24.2843Z" fill="white"/>
</mask>
<g mask="url(#mask4_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7761 24.2853L28.3047 29.5688L24.0248 12.8037L11.7761 24.2853Z" fill="url(#paint4_linear_11277_22271)"/>
</g>
<mask id="mask5_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="24" y="3" width="16" height="12">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2263 14.0076L39.0287 13.0405L27.4504 3.58398L24.2263 14.0076Z" fill="white"/>
</mask>
<g mask="url(#mask5_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2263 14.0086L39.0287 13.0415L27.4504 3.58496L24.2263 14.0086Z" fill="url(#paint5_linear_11277_22271)"/>
</g>
<mask id="mask6_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="22" y="0" width="12" height="4">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5085 0.161133L33.6145 0.211606L26.8048 3.97489L22.5085 0.161133Z" fill="white"/>
</mask>
<g mask="url(#mask6_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5085 0.161133L33.6145 0.211606L26.8048 3.97489L22.5085 0.161133Z" fill="url(#paint6_linear_11277_22271)"/>
</g>
<mask id="mask7_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="20" width="3" height="12">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.545039 20.5723L0 31.973L2.85266 26.7703L0.545039 20.5723Z" fill="white"/>
</mask>
<g mask="url(#mask7_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.545039 20.5723L0 31.973L2.85266 26.7703L0.545039 20.5723Z" fill="url(#paint7_linear_11277_22271)"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.391602 20.376L2.71332 26.9617L12.8016 24.6985L24.3194 13.9942L27.5698 3.6695L22.4519 0.0556641L13.7505 3.31215C11.0089 5.86211 5.68909 10.9073 5.49736 11.0023C5.3076 11.0992 1.98443 17.38 0.391602 20.376Z" fill="white"/>
<mask id="mask8_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="26" height="25">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.54401 8.54622C14.4856 2.6551 22.1452 -0.825559 25.0847 2.14021C28.0222 5.10608 24.907 12.3135 18.9655 18.2027C13.0239 24.0919 5.4592 27.7643 2.52167 24.7985C-0.41783 21.8348 2.60241 14.4355 8.54401 8.54622Z" fill="white"/>
</mask>
<g mask="url(#mask8_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.54401 8.54622C14.4856 2.6551 22.1452 -0.825559 25.0847 2.14021C28.0222 5.10608 24.907 12.3135 18.9655 18.2027C13.0239 24.0919 5.4592 27.7643 2.52167 24.7985C-0.41783 21.8348 2.60241 14.4355 8.54401 8.54622Z" fill="url(#paint8_linear_11277_22271)"/>
</g>
<mask id="mask9_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="24" width="21" height="16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.27734 39.9053L12.8925 24.6182L28.2198 29.5422C22.6779 34.7389 16.5143 39.1321 8.27734 39.9053Z" fill="white"/>
</mask>
<g mask="url(#mask9_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.27734 39.9053L12.8925 24.6182L28.2198 29.5422C22.6779 34.7389 16.5143 39.1321 8.27734 39.9053Z" fill="url(#paint9_linear_11277_22271)"/>
</g>
<mask id="mask10_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="24" y="12" width="16" height="18">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3396 13.9629L28.2743 29.5488C32.9037 24.6812 37.0586 19.4482 39.0935 12.9756L24.3396 13.9629Z" fill="white"/>
</mask>
<g mask="url(#mask10_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3396 13.9629L28.2743 29.5488C32.9037 24.6812 37.0586 19.4482 39.0935 12.9756L24.3396 13.9629Z" fill="url(#paint10_linear_11277_22271)"/>
</g>
<mask id="mask11_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="27" y="0" width="13" height="14">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0533 13.055C40.628 8.30249 40.9913 1.48461 33.5659 0.21875L27.4729 3.58426L39.0533 13.055Z" fill="white"/>
</mask>
<g mask="url(#mask11_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0533 13.055C40.628 8.30249 40.9913 1.48461 33.5659 0.21875L27.4729 3.58426L39.0533 13.055Z" fill="url(#paint11_linear_11277_22271)"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 31.9043C0.217956 39.7478 5.87694 39.8649 8.28747 39.9335L2.71938 26.9297L0 31.9043Z" fill="#9E1209"/>
<mask id="mask12_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="24" y="13" width="15" height="8">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3618 13.9878C27.919 16.1742 35.0881 20.5654 35.2335 20.6462C35.4596 20.7734 38.3243 15.8149 38.9745 13.0127L24.3618 13.9878Z" fill="white"/>
</mask>
<g mask="url(#mask12_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3618 13.9878C27.919 16.1742 35.0881 20.5654 35.2335 20.6462C35.4596 20.7734 38.3243 15.8149 38.9745 13.0127L24.3618 13.9878Z" fill="url(#paint12_radial_11277_22271)"/>
</g>
<mask id="mask13_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="12" y="24" width="17" height="13">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8865 24.6182L19.0562 36.5217C22.7044 34.5431 25.5611 32.1325 28.1775 29.5503L12.8865 24.6182Z" fill="white"/>
</mask>
<g mask="url(#mask13_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8865 24.6182L19.0562 36.5217C22.7044 34.5431 25.5611 32.1325 28.1775 29.5503L12.8865 24.6182Z" fill="url(#paint13_radial_11277_22271)"/>
</g>
<mask id="mask14_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="26" width="8" height="14">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69514 26.944L1.82104 37.3535C3.47045 39.6067 5.73963 39.8024 8.1199 39.6269C6.39783 35.3407 2.95765 26.7704 2.69514 26.944Z" fill="white"/>
</mask>
<g mask="url(#mask14_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.69514 26.943L1.82104 37.3526C3.47045 39.6057 5.73963 39.8015 8.1199 39.6259C6.39783 35.3398 2.95765 26.7694 2.69514 26.943Z" fill="url(#paint14_linear_11277_22271)"/>
</g>
<mask id="mask15_11277_22271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="27" y="0" width="13" height="6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.4365 3.60978L39.6931 5.3299C39.039 2.55793 37.0303 0.769204 33.6062 0.209961L27.4365 3.60978Z" fill="white"/>
</mask>
<g mask="url(#mask15_11277_22271)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.4365 3.6088L39.6931 5.32892C39.039 2.55696 37.0303 0.768227 33.6062 0.208984L27.4365 3.6088Z" fill="url(#paint15_linear_11277_22271)"/>
</g>
<defs>
<linearGradient id="paint0_linear_11277_22271" x1="35.1426" y1="43.5712" x2="26.7035" y2="28.6717" gradientUnits="userSpaceOnUse">
<stop stop-color="#FB7655"/>
<stop offset="0.41" stop-color="#E42B1E"/>
<stop offset="0.99001" stop-color="#990000"/>
<stop offset="1" stop-color="#990000"/>
</linearGradient>
<linearGradient id="paint1_linear_11277_22271" x1="39.3467" y1="31.0544" x2="28.4711" y2="23.7563" gradientUnits="userSpaceOnUse">
<stop stop-color="#871101"/>
<stop offset="0.99001" stop-color="#911209"/>
<stop offset="1" stop-color="#911209"/>
</linearGradient>
<linearGradient id="paint2_linear_11277_22271" x1="30.6454" y1="44.0246" x2="19.7698" y2="36.7265" gradientUnits="userSpaceOnUse">
<stop stop-color="#871101"/>
<stop offset="0.99001" stop-color="#911209"/>
<stop offset="1" stop-color="#911209"/>
</linearGradient>
<linearGradient id="paint3_linear_11277_22271" x1="7.81228" y1="25.7725" x2="9.49829" y2="36.7298" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.23" stop-color="#E57252"/>
<stop offset="0.46001" stop-color="#DE3B20"/>
<stop offset="0.99001" stop-color="#A60003"/>
<stop offset="1" stop-color="#A60003"/>
</linearGradient>
<linearGradient id="paint4_linear_11277_22271" x1="19.408" y1="15.5435" x2="20.0293" y2="26.7263" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.23" stop-color="#E4714E"/>
<stop offset="0.56" stop-color="#BE1A0D"/>
<stop offset="0.99001" stop-color="#A80D00"/>
<stop offset="1" stop-color="#A80D00"/>
</linearGradient>
<linearGradient id="paint5_linear_11277_22271" x1="29.6983" y1="5.21084" x2="31.5579" y2="13.2249" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.17999" stop-color="#E46342"/>
<stop offset="0.39999" stop-color="#C82410"/>
<stop offset="0.99001" stop-color="#A80D00"/>
<stop offset="1" stop-color="#A80D00"/>
</linearGradient>
<linearGradient id="paint6_linear_11277_22271" x1="24.0199" y1="2.38647" x2="32.0337" y2="-1.62037" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.53999" stop-color="#C81F11"/>
<stop offset="0.99001" stop-color="#BF0905"/>
<stop offset="1" stop-color="#BF0905"/>
</linearGradient>
<linearGradient id="paint7_linear_11277_22271" x1="0.788131" y1="22.9819" x2="1.44773" y2="29.5857" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.31" stop-color="#DE4024"/>
<stop offset="0.99001" stop-color="#BF190B"/>
<stop offset="1" stop-color="#BF190B"/>
</linearGradient>
<linearGradient id="paint8_linear_11277_22271" x1="-3.74701" y1="31.372" x2="27.2583" y2="-0.509651" gradientUnits="userSpaceOnUse">
<stop stop-color="#BD0012"/>
<stop offset="0.07001" stop-color="white"/>
<stop offset="0.27" stop-color="#C82F1C"/>
<stop offset="0.33" stop-color="#820C01"/>
<stop offset="0.46001" stop-color="#A31601"/>
<stop offset="0.72" stop-color="#B31301"/>
<stop offset="0.99001" stop-color="#E82609"/>
<stop offset="1" stop-color="#E82609"/>
</linearGradient>
<linearGradient id="paint9_linear_11277_22271" x1="20.0023" y1="34.5862" x2="10.6642" y2="32.2815" gradientUnits="userSpaceOnUse">
<stop stop-color="#8C0C01"/>
<stop offset="0.53999" stop-color="#990C00"/>
<stop offset="0.99001" stop-color="#A80D0E"/>
<stop offset="1" stop-color="#A80D0E"/>
</linearGradient>
<linearGradient id="paint10_linear_11277_22271" x1="36.0421" y1="23.3757" x2="27.7456" y2="15.94" gradientUnits="userSpaceOnUse">
<stop stop-color="#7E110B"/>
<stop offset="0.99001" stop-color="#9E0C00"/>
<stop offset="1" stop-color="#9E0C00"/>
</linearGradient>
<linearGradient id="paint11_linear_11277_22271" x1="39.0901" y1="9.73317" x2="34.9574" y2="5.31505" gradientUnits="userSpaceOnUse">
<stop stop-color="#79130D"/>
<stop offset="0.99001" stop-color="#9E120B"/>
<stop offset="1" stop-color="#9E120B"/>
</linearGradient>
<radialGradient id="paint12_radial_11277_22271" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.0375 16.0835) scale(10.1671 10.1672)">
<stop stop-color="#A80D00"/>
<stop offset="0.99001" stop-color="#7E0E08"/>
<stop offset="1" stop-color="#7E0E08"/>
</radialGradient>
<radialGradient id="paint13_radial_11277_22271" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.9579 29.4817) scale(13.5158 13.516)">
<stop stop-color="#A30C00"/>
<stop offset="0.99001" stop-color="#800E08"/>
<stop offset="1" stop-color="#800E08"/>
</radialGradient>
<linearGradient id="paint14_linear_11277_22271" x1="5.38455" y1="39.8941" x2="2.01654" y2="28.4677" gradientUnits="userSpaceOnUse">
<stop stop-color="#8B2114"/>
<stop offset="0.42999" stop-color="#9E100A"/>
<stop offset="0.99001" stop-color="#B3100C"/>
<stop offset="1" stop-color="#B3100C"/>
</linearGradient>
<linearGradient id="paint15_linear_11277_22271" x1="31.2204" y1="2.03172" x2="38.7711" y2="5.36466" gradientUnits="userSpaceOnUse">
<stop stop-color="#B31000"/>
<stop offset="0.44" stop-color="#910F08"/>
<stop offset="0.99001" stop-color="#791C12"/>
<stop offset="1" stop-color="#791C12"/>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
packages/console/src/assets/docs/guides/web-ruby/logo.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 33 KiB

5
packages/console/src/assets/docs/guides/web-sveltekit/logo.svg
View file

@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416.9 93.1c-41.1-58.9-122.4-76.3-181.2-38.9L132.5 120c-28.2 17.7-47.6 46.5-53.5 79.3-4.9 27.3-.6 55.5 12.3 80-8.8 13.4-14.9 28.5-17.7 44.2-5.9 33.4 1.8 67.8 21.6 95.4 41.2 58.9 122.4 76.3 181.2 38.9L379.6 392c28.2-17.7 47.6-46.5 53.5-79.3 4.9-27.3.6-55.5-12.3-80 8.8-13.4 14.9-28.4 17.7-44.2 5.8-33.4-1.9-67.8-21.6-95.4" style="fill:#ff3e00"/><path d="M225.6 424.5c-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4.6-3.3 1.4-6.5 2.5-9.6l1.9-5.9 5.3 3.9c12.2 9 25.9 15.8 40.4 20.2l3.8 1.2-.4 3.8c-.5 5.4 1 10.9 4.2 15.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8l103.2-65.8c5.1-3.2 8.6-8.4 9.7-14.4 1.1-6.1-.3-12.3-3.9-17.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8L252 291c-6.5 4.1-13.5 7.2-21 9.2-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4 3.5-19.7 15.2-37 32.2-47.7l103.2-65.8c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-.6 3.3-1.4 6.5-2.5 9.6L383 193l-5.3-3.9c-12.2-9-25.9-15.8-40.4-20.2l-3.8-1.2.4-3.8c.5-5.4-1-10.9-4.2-15.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8l-103.2 65.8c-5.1 3.2-8.6 8.4-9.7 14.4-1.1 6.1.3 12.3 3.9 17.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8L260 221c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-3.5 19.7-15.2 37-32.2 47.7l-103.2 65.8c-6.5 4.1-13.6 7.2-21 9.2" style="fill:#fff"/></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.5202 5.29301C30.8061 -0.0231135 23.4705 -1.59983 18.1666 1.78022L8.8517 7.71725C7.59326 8.50892 6.51387 9.55448 5.68254 10.7871C4.85121 12.0197 4.28624 13.4122 4.02374 14.8756C3.57927 17.3403 3.96955 19.8828 5.13282 22.1007C4.33546 23.3102 3.79179 24.669 3.5347 26.0947C3.26932 27.5874 3.30468 29.1181 3.63871 30.597C3.97275 32.0759 4.59873 33.4732 5.47995 34.707C9.19403 40.0236 16.5305 41.5998 21.8335 38.2194L31.1484 32.2823C32.4069 31.4908 33.4864 30.4453 34.3178 29.2128C35.1492 27.9803 35.7142 26.5878 35.9768 25.1244C36.421 22.6596 36.0307 20.117 34.8677 17.8989C35.6648 16.6894 36.2083 15.3308 36.4654 13.9053C36.7309 12.4126 36.6956 10.8818 36.3615 9.40288C36.0274 7.92395 35.4016 6.52665 34.5202 5.29301Z" fill="#FF3E00"/>
<path d="M17.2584 35.208C15.7924 35.5891 14.2448 35.5112 12.8245 34.9848C11.4042 34.4583 10.1797 33.5087 9.3163 32.2641C8.78637 31.5223 8.40989 30.6821 8.20895 29.7929C8.008 28.9036 7.98664 27.9832 8.1461 27.0856C8.20024 26.7913 8.27447 26.5005 8.36879 26.2162L8.54388 25.6804L9.02157 26.0306C10.1233 26.8408 11.3553 27.4569 12.6645 27.8523L13.0103 27.9571L12.9784 28.3029C12.936 28.7945 13.069 29.2852 13.3539 29.6879C13.6139 30.0631 13.9828 30.3493 14.4108 30.508C14.8387 30.6667 15.305 30.6901 15.7467 30.5752C15.949 30.5216 16.1419 30.4374 16.3187 30.3254L25.6341 24.3867C25.862 24.2431 26.0575 24.0537 26.2082 23.8304C26.3588 23.6071 26.4613 23.3549 26.5091 23.0898C26.5569 22.8193 26.5503 22.5419 26.4897 22.2739C26.4291 22.0058 26.3158 21.7526 26.1563 21.5288C25.8963 21.1537 25.5274 20.8674 25.0995 20.7086C24.6716 20.5498 24.2053 20.5261 23.7635 20.6407C23.5612 20.6943 23.3683 20.7785 23.1915 20.8905L19.6372 23.1566C19.0523 23.5283 18.4139 23.8083 17.7444 23.9871C16.2785 24.3682 14.7309 24.2902 13.3107 23.7638C11.8905 23.2374 10.6661 22.2878 9.80272 21.0433C9.2727 20.3015 8.89617 19.4613 8.69522 18.5721C8.49428 17.6828 8.47296 16.7623 8.63252 15.8647C8.7909 14.9847 9.1312 14.1475 9.63164 13.4065C10.1321 12.6655 10.7817 12.0372 11.5388 11.5616L20.8533 5.62457C21.4381 5.2523 22.0764 4.97178 22.7461 4.79277C24.212 4.41164 25.7596 4.48957 27.1798 5.01602C28.6 5.54247 29.8245 6.49208 30.6878 7.73661C31.2177 8.47845 31.5942 9.31864 31.7951 10.2079C31.9961 11.0971 32.0174 12.0176 31.858 12.9152C31.8034 13.2102 31.7287 13.5011 31.6344 13.7859L31.4584 14.3225L30.9812 13.9732C29.8796 13.1629 28.6478 12.5469 27.3387 12.1515L26.992 12.0467L27.0243 11.7009C27.0664 11.2094 26.9334 10.7188 26.6488 10.3159C26.3889 9.94109 26.0203 9.65506 25.5928 9.4964C25.1652 9.33774 24.6992 9.31407 24.2578 9.4286C24.0555 9.48218 23.8626 9.56641 23.6858 9.67836L14.3704 15.6145C14.1425 15.758 13.947 15.9475 13.7964 16.1707C13.6459 16.394 13.5435 16.6463 13.4958 16.9113C13.4479 17.1819 13.4543 17.4592 13.5147 17.7273C13.5751 17.9953 13.6884 18.2486 13.8478 18.4723C14.1078 18.8474 14.4767 19.1337 14.9046 19.2925C15.3325 19.4513 15.7988 19.475 16.2406 19.3605C16.4428 19.3067 16.6357 19.2225 16.8126 19.1107L20.3664 16.8454C20.9511 16.4731 21.5895 16.1927 22.2593 16.014C23.7247 15.6331 25.2718 15.7109 26.6917 16.237C28.1115 16.7631 29.3358 17.7122 30.1992 18.9561C30.7292 19.6979 31.1057 20.5381 31.3067 21.4274C31.5076 22.3167 31.5289 23.2371 31.3694 24.1347C31.2114 25.0148 30.8716 25.8523 30.3716 26.5936C29.8716 27.335 29.2225 27.9638 28.4657 28.44L19.1508 34.3757C18.5662 34.748 17.928 35.0285 17.2584 35.2075" fill="white"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

8
packages/console/src/assets/docs/guides/web-wordpress/logo.svg
View file

@ -1 +1,7 @@
<svg viewBox="0 0 122.52 122.523" xmlns="http://www.w3.org/2000/svg"><g fill="#464342"><path d="m8.708 61.26c0 20.802 12.089 38.779 29.619 47.298l-25.069-68.686c-2.916 6.536-4.55 13.769-4.55 21.388z"/><path d="m96.74 58.608c0-6.495-2.333-10.993-4.334-14.494-2.664-4.329-5.161-7.995-5.161-12.324 0-4.831 3.664-9.328 8.825-9.328.233 0 .454.029.681.042-9.35-8.566-21.807-13.796-35.489-13.796-18.36 0-34.513 9.42-43.91 23.688 1.233.037 2.395.063 3.382.063 5.497 0 14.006-.667 14.006-.667 2.833-.167 3.167 3.994.337 4.329 0 0-2.847.335-6.015.501l19.138 56.925 11.501-34.493-8.188-22.434c-2.83-.166-5.511-.501-5.511-.501-2.832-.166-2.5-4.496.332-4.329 0 0 8.679.667 13.843.667 5.496 0 14.006-.667 14.006-.667 2.835-.167 3.168 3.994.337 4.329 0 0-2.853.335-6.015.501l18.992 56.494 5.242-17.517c2.272-7.269 4.001-12.49 4.001-16.989z"/><path d="m62.184 65.857-15.768 45.819c4.708 1.384 9.687 2.141 14.846 2.141 6.12 0 11.989-1.058 17.452-2.979-.141-.225-.269-.464-.374-.724z"/><path d="m107.376 36.046c.226 1.674.354 3.471.354 5.404 0 5.333-.996 11.328-3.996 18.824l-16.053 46.413c15.624-9.111 26.133-26.038 26.133-45.426.001-9.137-2.333-17.729-6.438-25.215z"/><path d="m61.262 0c-33.779 0-61.262 27.481-61.262 61.26 0 33.783 27.483 61.263 61.262 61.263 33.778 0 61.265-27.48 61.265-61.263-.001-33.779-27.487-61.26-61.265-61.26zm0 119.715c-32.23 0-58.453-26.223-58.453-58.455 0-32.23 26.222-58.451 58.453-58.451 32.229 0 58.45 26.221 58.45 58.451 0 32.232-26.221 58.455-58.45 58.455z"/></g></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.84229 20.0001C2.84229 26.7913 6.78897 32.6603 12.512 35.4415L4.32772 13.0176C3.37574 15.1514 2.84229 17.5127 2.84229 20.0001Z" fill="#21759B"/>
<path d="M31.5818 19.1346C31.5818 17.0142 30.8202 15.5457 30.1669 14.4027C29.2972 12.9894 28.482 11.7926 28.482 10.3793C28.482 8.80214 29.6782 7.33401 31.3631 7.33401C31.4391 7.33401 31.5113 7.34348 31.5854 7.34772C28.5329 4.55118 24.4661 2.84375 19.9993 2.84375C14.0054 2.84375 8.73189 5.91909 5.66406 10.5772C6.0666 10.5892 6.44596 10.5977 6.76818 10.5977C8.56278 10.5977 11.3407 10.38 11.3407 10.38C12.2656 10.3254 12.3746 11.6839 11.4507 11.7933C11.4507 11.7933 10.5213 11.9026 9.48702 11.9568L15.735 30.5411L19.4897 19.2802L16.8166 11.9562C15.8927 11.902 15.0174 11.7926 15.0174 11.7926C14.0928 11.7384 14.2012 10.3248 15.1258 10.3793C15.1258 10.3793 17.9592 10.5971 19.6451 10.5971C21.4394 10.5971 24.2176 10.3793 24.2176 10.3793C25.1432 10.3248 25.2519 11.6832 24.3277 11.7926C24.3277 11.7926 23.3962 11.902 22.3639 11.9562L28.5643 30.3997L30.2756 24.681C31.0173 22.3078 31.5818 20.6034 31.5818 19.1346Z" fill="#21759B"/>
<path d="M20.3006 21.501L15.1528 36.4595C16.6898 36.9113 18.3153 37.1584 19.9996 37.1584C21.9976 37.1584 23.9136 36.813 25.6971 36.1859C25.6511 36.1124 25.6093 36.0344 25.575 35.9495L20.3006 21.501Z" fill="#21759B"/>
<path d="M35.0543 11.7676C35.1281 12.3141 35.1699 12.9008 35.1699 13.5318C35.1699 15.2729 34.8447 17.2301 33.8653 19.6773L28.6245 34.8297C33.7253 31.8552 37.1561 26.3291 37.1561 19.9995C37.1565 17.0166 36.3945 14.2115 35.0543 11.7676Z" fill="#21759B"/>
<path d="M19.9994 0C8.97162 0 -0.000732422 8.9717 -0.000732422 19.9995C-0.000732422 31.0286 8.97162 40 19.9994 40C31.0269 40 40.0006 31.0286 40.0006 19.9995C40.0002 8.9717 31.0269 0 19.9994 0ZM19.9994 39.0833C9.47733 39.0833 0.91632 30.5223 0.91632 19.9995C0.91632 9.4774 9.477 0.917052 19.9994 0.917052C30.5212 0.917052 39.0816 9.4774 39.0816 19.9995C39.0816 30.5223 30.5212 39.0833 19.9994 39.0833Z" fill="#21759B"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 2 KiB

9
packages/console/src/assets/icons/calendar-dark.svg Normal file
View file

@ -0,0 +1,9 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="12" fill="#191C1D"/>
<rect width="48" height="48" rx="12" fill="#C4C7C7" fill-opacity="0.02"/>
<rect width="48" height="48" rx="12" fill="#CABEFF" fill-opacity="0.14"/>
<path d="M33.6133 11.5557H35.3875V12.4446H33.6133V11.5557Z" fill="#66757F"/>
<path opacity="0.8" d="M9.77783 16V34.5185C9.77783 36.5639 11.3698 38.2222 13.3334 38.2222H34.6667C36.6303 38.2222 38.2223 36.5639 38.2223 34.5185V16H9.77783Z" fill="#C9C5D0"/>
<path d="M34.6667 9.77783H13.3334C11.3698 9.77783 9.77783 11.0161 9.77783 12.5433V16.0001H38.2223V12.5433C38.2223 11.0161 36.6303 9.77783 34.6667 9.77783Z" fill="#DD3730"/>
<path d="M17.7779 19.5556C17.7779 19.0647 18.1759 18.6667 18.6668 18.6667H20.4446C20.9355 18.6667 21.3335 19.0647 21.3335 19.5556V21.3334C21.3335 21.8243 20.9355 22.2223 20.4446 22.2223H18.6668C18.1759 22.2223 17.7779 21.8243 17.7779 21.3334V19.5556ZM22.2224 19.5556C22.2224 19.0647 22.6204 18.6667 23.1113 18.6667H24.8891C25.38 18.6667 25.7779 19.0647 25.7779 19.5556V21.3334C25.7779 21.8243 25.38 22.2223 24.8891 22.2223H23.1113C22.6204 22.2223 22.2224 21.8243 22.2224 21.3334V19.5556ZM26.6668 19.5556C26.6668 19.0647 27.0648 18.6667 27.5557 18.6667H29.3335C29.8244 18.6667 30.2224 19.0647 30.2224 19.5556V21.3334C30.2224 21.8243 29.8244 22.2223 29.3335 22.2223H27.5557C27.0648 22.2223 26.6668 21.8243 26.6668 21.3334V19.5556ZM31.1113 19.5556C31.1113 19.0647 31.5092 18.6667 32.0002 18.6667H33.7779C34.2689 18.6667 34.6668 19.0647 34.6668 19.5556V21.3334C34.6668 21.8243 34.2689 22.2223 33.7779 22.2223H32.0002C31.5092 22.2223 31.1113 21.8243 31.1113 21.3334V19.5556ZM13.3335 24.0001C13.3335 23.5092 13.7315 23.1112 14.2224 23.1112H16.0002C16.4911 23.1112 16.8891 23.5092 16.8891 24.0001V25.7779C16.8891 26.2688 16.4911 26.6667 16.0002 26.6667H14.2224C13.7315 26.6667 13.3335 26.2688 13.3335 25.7779V24.0001ZM17.7779 24.0001C17.7779 23.5092 18.1759 23.1112 18.6668 23.1112H20.4446C20.9355 23.1112 21.3335 23.5092 21.3335 24.0001V25.7779C21.3335 26.2688 20.9355 26.6667 20.4446 26.6667H18.6668C18.1759 26.6667 17.7779 26.2688 17.7779 25.7779V24.0001ZM22.2224 24.0001C22.2224 23.5092 22.6204 23.1112 23.1113 23.1112H24.8891C25.38 23.1112 25.7779 23.5092 25.7779 24.0001V25.7779C25.7779 26.2688 25.38 26.6667 24.8891 26.6667H23.1113C22.6204 26.6667 22.2224 26.2688 22.2224 25.7779V24.0001ZM26.6668 24.0001C26.6668 23.5092 27.0648 23.1112 27.5557 23.1112H29.3335C29.8244 23.1112 30.2224 23.5092 30.2224 24.0001V25.7779C30.2224 26.2688 29.8244 26.6667 29.3335 26.6667H27.5557C27.0648 26.6667 26.6668 26.2688 26.6668 25.7779V24.0001ZM31.1113 24.0001C31.1113 23.5092 31.5092 23.1112 32.0002 23.1112H33.7779C34.2689 23.1112 34.6668 23.5092 34.6668 24.0001V25.7779C34.6668 26.2688 34.2689 26.6667 33.7779 26.6667H32.0002C31.5092 26.6667 31.1113 26.2688 31.1113 25.7779V24.0001ZM13.3335 28.4445C13.3335 27.9536 13.7315 27.5556 14.2224 27.5556H16.0002C16.4911 27.5556 16.8891 27.9536 16.8891 28.4445V30.2223C16.8891 30.7132 16.4911 31.1112 16.0002 31.1112H14.2224C13.7315 31.1112 13.3335 30.7132 13.3335 30.2223V28.4445ZM17.7779 28.4445C17.7779 27.9536 18.1759 27.5556 18.6668 27.5556H20.4446C20.9355 27.5556 21.3335 27.9536 21.3335 28.4445V30.2223C21.3335 30.7132 20.9355 31.1112 20.4446 31.1112H18.6668C18.1759 31.1112 17.7779 30.7132 17.7779 30.2223V28.4445ZM22.2224 28.4445C22.2224 27.9536 22.6204 27.5556 23.1113 27.5556H24.8891C25.38 27.5556 25.7779 27.9536 25.7779 28.4445V30.2223C25.7779 30.7132 25.38 31.1112 24.8891 31.1112H23.1113C22.6204 31.1112 22.2224 30.7132 22.2224 30.2223V28.4445ZM26.6668 28.4445C26.6668 27.9536 27.0648 27.5556 27.5557 27.5556H29.3335C29.8244 27.5556 30.2224 27.9536 30.2224 28.4445V30.2223C30.2224 30.7132 29.8244 31.1112 29.3335 31.1112H27.5557C27.0648 31.1112 26.6668 30.7132 26.6668 30.2223V28.4445ZM31.1113 28.4445C31.1113 27.9536 31.5092 27.5556 32.0002 27.5556H33.7779C34.2689 27.5556 34.6668 27.9536 34.6668 28.4445V30.2223C34.6668 30.7132 34.2689 31.1112 33.7779 31.1112H32.0002C31.5092 31.1112 31.1113 30.7132 31.1113 30.2223V28.4445ZM13.3335 32.889C13.3335 32.3981 13.7315 32.0001 14.2224 32.0001H16.0002C16.4911 32.0001 16.8891 32.3981 16.8891 32.889V34.6667C16.8891 35.1577 16.4911 35.5556 16.0002 35.5556H14.2224C13.7315 35.5556 13.3335 35.1577 13.3335 34.6667V32.889ZM17.7779 32.889C17.7779 32.3981 18.1759 32.0001 18.6668 32.0001H20.4446C20.9355 32.0001 21.3335 32.3981 21.3335 32.889V34.6667C21.3335 35.1577 20.9355 35.5556 20.4446 35.5556H18.6668C18.1759 35.5556 17.7779 35.1577 17.7779 34.6667V32.889ZM22.2224 32.889C22.2224 32.3981 22.6204 32.0001 23.1113 32.0001H24.8891C25.38 32.0001 25.7779 32.3981 25.7779 32.889V34.6667C25.7779 35.1577 25.38 35.5556 24.8891 35.5556H23.1113C22.6204 35.5556 22.2224 35.1577 22.2224 34.6667V32.889Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

2
packages/console/src/assets/icons/calendar.svg
View file

@ -1,5 +1,5 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="16" fill="#EFF1F1"/>
<rect width="48" height="48" rx="12" fill="#EFF1F1"/>
<path d="M33.6133 11.5556H35.3876V12.4444H33.6133V11.5556Z" fill="#66757F"/>
<path d="M9.77777 16V34.5185C9.77777 36.5639 11.3698 38.2222 13.3333 38.2222H34.6667C36.6302 38.2222 38.2222 36.5639 38.2222 34.5185V16H9.77777Z" fill="#C9C5D0"/>
<path d="M34.6667 9.77777H13.3333C11.3698 9.77777 9.77777 11.016 9.77777 12.5432V16H38.2222V12.5432C38.2222 11.016 36.6302 9.77777 34.6667 9.77777Z" fill="#DD3730"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

2
packages/console/src/assets/icons/email.svg
View file

@ -1,4 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z" fill="#EFF1F1"/>
<rect width="48" height="48" rx="12" fill="#EFF1F1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM30 16C30.4747 16 30.9301 16.0827 31.3526 16.2345L24.001 23.5861L16.6488 16.234C17.0709 16.0825 17.5258 16 18 16H30ZM24.7586 25.6569C24.5505 25.865 24.2735 25.9622 24.001 25.9485C23.7285 25.9622 23.4514 25.865 23.2433 25.6569L14.9723 17.3859C14.3665 18.087 14 19.0007 14 20V28C14 30.2091 15.7909 32 18 32H30C32.2091 32 34 30.2091 34 28V20C34 19.0012 33.6339 18.0879 33.0286 17.3869L24.7586 25.6569Z" fill="#4EA254"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 834 B

After

Width:  |  Height:  |  Size: 736 B

2
packages/console/src/assets/icons/github.svg
View file

@ -1,4 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z" fill="#EFF1F1"/>
<rect width="48" height="48" rx="12" fill="#EFF1F1"/>
<path d="M23.9999 8C20.2007 8.00016 16.5255 9.38638 13.6319 11.9106C10.7384 14.4349 8.81524 17.9324 8.20666 21.7774C7.59807 25.6225 8.34375 29.5641 10.3103 32.897C12.2768 36.2299 15.3358 38.7366 18.94 39.9686C19.74 40.1122 20.04 39.62 20.04 39.1894C20.04 38.7998 20.02 37.5079 20.02 36.134C16 36.8927 14.96 35.1293 14.64 34.2065C14.2849 33.3091 13.722 32.5138 13 31.8893C12.44 31.5817 11.64 30.823 12.98 30.8025C13.4916 30.8595 13.9824 31.042 14.4106 31.3347C14.8388 31.6274 15.1919 32.0216 15.44 32.484C15.6588 32.887 15.9531 33.2419 16.3059 33.5281C16.6587 33.8144 17.0631 34.0264 17.496 34.1522C17.9289 34.2779 18.3817 34.3148 18.8286 34.2608C19.2754 34.2068 19.7074 34.0629 20.0999 33.8373C20.1692 33.0034 20.5317 32.2236 21.12 31.6433C17.56 31.2332 13.84 29.8182 13.84 23.5435C13.8175 21.9131 14.4043 20.3357 15.48 19.1347C14.9908 17.7177 15.0481 16.1627 15.64 14.7875C15.64 14.7875 16.9799 14.3568 20.04 16.469C22.658 15.7307 25.4219 15.7307 28.0399 16.469C31.0998 14.3364 32.4399 14.7875 32.4399 14.7875C33.0319 16.1626 33.0891 17.7177 32.5999 19.1347C33.6788 20.3336 34.2661 21.9124 34.2399 23.5435C34.2399 29.8387 30.4999 31.2332 26.9399 31.6433C27.3217 32.0401 27.6158 32.5165 27.8022 33.0402C27.9885 33.5638 28.0628 34.1225 28.0199 34.6782C28.0199 36.8723 27.9999 38.6357 27.9999 39.1894C27.9999 39.6201 28.2999 40.1327 29.0999 39.9687C32.6977 38.7266 35.748 36.214 37.7061 32.8794C39.6642 29.5448 40.4028 25.6052 39.79 21.7639C39.1772 17.9226 37.2529 14.4296 34.3606 11.9084C31.4683 9.38726 27.7962 8.00203 23.9999 8Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

9
packages/console/src/components/Guide/GuideCard/index.module.scss
View file

@ -32,9 +32,14 @@
}
.logo {
width: 48px;
height: 48px;
padding: _.unit(1.5);
flex-shrink: 0;
> svg,
> img {
width: 36px;
height: 36px;
}
}
.tagWrapper {

9
packages/console/src/components/Guide/GuideCard/index.tsx
View file

@ -1,4 +1,4 @@
import { ReservedPlanId } from '@logto/schemas';
import { ReservedPlanId, Theme } from '@logto/schemas';
import classNames from 'classnames';
import { Suspense, useCallback, useContext } from 'react';
@ -7,6 +7,7 @@ import FeatureTag, { BetaTag } from '@/components/FeatureTag';
import { isCloud } from '@/consts/env';
import { SubscriptionDataContext } from '@/contexts/SubscriptionDataProvider';
import Button from '@/ds-components/Button';
import useTheme from '@/hooks/use-theme';
import { onKeyDownHandler } from '@/utils/a11y';
import styles from './index.module.scss';
@ -29,11 +30,13 @@ function GuideCard({ data, onClick, hasBorder, hasButton }: Props) {
const {
id,
Logo,
DarkLogo,
metadata: { target, name, description, isThirdParty },
} = data;
const buttonText = target === 'API' ? 'guide.get_started' : 'guide.start_building';
const { currentPlan } = useContext(SubscriptionDataContext);
const theme = useTheme();
const showPaywallTag = isCloud && isThirdParty;
const showBetaTag = isCloud && isThirdParty;
@ -58,7 +61,9 @@ function GuideCard({ data, onClick, hasBorder, hasButton }: Props) {
>
<div className={styles.header}>
<Suspense fallback={<div className={styles.logoSkeleton} />}>
<Logo className={styles.logo} />
<div className={styles.logo}>
{theme === Theme.Dark && DarkLogo ? <DarkLogo /> : <Logo />}
</div>
</Suspense>
<div className={styles.infoWrapper}>
<div className={styles.flexRow}>

3
packages/console/src/components/Topbar/ContactModal/hook.tsx
View file

@ -1,6 +1,7 @@
import type { AdminConsoleKey } from '@logto/phrases';
import { Theme } from '@logto/schemas';
import CalendarDark from '@/assets/icons/calendar-dark.svg?react';
import Calendar from '@/assets/icons/calendar.svg?react';
import DiscordDark from '@/assets/icons/discord-dark.svg?react';
import Discord from '@/assets/icons/discord.svg?react';
@ -47,7 +48,7 @@ export const useContacts = (): ContactItem[] => {
},
{
title: 'contact.reserve.title',
icon: Calendar,
icon: isLightMode ? Calendar : CalendarDark,
description: 'contact.reserve.description',
label: 'contact.reserve.button',
link: reservationLink,