mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-28 00:17:12 +01:00
docs: new theme (#8994)
New theming for the docs. - [Design file](https://www.figma.com/design/7BXV5qZrmrI4H1Yk8FVW9T/Marketing?node-id=5330-8333&t=eKa3NYwKpzane9ey-0) - [Preview Link ](https://unleash-docs-git-alvin-new-docs-theme-unleash-team.vercel.app/) --------- Co-authored-by: Nuno Góis <github@nunogois.com>
This commit is contained in:
Alvin Bryan
GitHub
parent
280710f22a
commit
91550ca981
@ -67,6 +67,7 @@ const config: Config = {
|
||||
indexName: 'getunleash',
|
||||
},
|
||||
navbar: {
|
||||
style: 'dark',
|
||||
logo: {
|
||||
alt: 'Unleash logo',
|
||||
src: 'img/unleash_logo_white.svg',
|
||||
@ -164,10 +165,15 @@ const config: Config = {
|
||||
value: '<span class="navbar-separator"></span>',
|
||||
},
|
||||
{
|
||||
href: 'https://github.com/Unleash/unleash',
|
||||
type: 'html',
|
||||
position: 'right',
|
||||
className: 'header-github-link',
|
||||
'aria-label': 'Unleash GitHub repository',
|
||||
value: `<a
|
||||
href="https://github.com/Unleash/unleash"
|
||||
aria-label="Unleash GitHub repository"
|
||||
class="header-github-link"
|
||||
>
|
||||
<svg width="28px" height="28px" viewBox="0 0 21 20"><path fill="currentColor" d="M10.537 1.833c-4.602 0-8.333 3.544-8.333 7.917 0 4.373 3.73 7.917 8.333 7.917s8.334-3.544 8.334-7.917c0-4.373-3.73-7.917-8.334-7.917Zm0 1.584c3.676 0 6.667 2.842 6.667 6.333 0 .371-.039.736-.104 1.089a4.345 4.345 0 0 0-.86-.1 6.375 6.375 0 0 0-.859.075 2.76 2.76 0 0 0 .156-.89c0-.761-.39-1.47-1.015-2.054.172-.61.342-1.655-.104-2.078a2.762 2.762 0 0 0-2.084.94 5.684 5.684 0 0 0-1.276-.149 5.91 5.91 0 0 0-1.64.248l.156-.124s-.733-.965-2.083-.965c-.472.452-.258 1.596-.079 2.177-.638.579-1.041 1.262-1.041 2.004 0 .26.065.507.13.742-.231-.024-1.064-.098-1.406-.098-.303 0-.772.067-1.146.148a5.912 5.912 0 0 1-.078-.965c0-3.491 2.991-6.333 6.666-6.333Zm-5.442 7.347c.329 0 1.328.112 1.458.124.016.043.033.084.052.124-.358-.031-1.051-.078-1.51-.025-.306.034-.697.14-1.042.223-.026-.1-.059-.195-.078-.297.365-.074.843-.149 1.12-.149Zm11.146.174c.332.003.634.055.833.098-.01.053-.04.096-.052.149a5.042 5.042 0 0 0-.964-.124c-.195-.003-.508.007-.781.025.013-.025.016-.05.026-.074.283-.037.645-.078.938-.074Zm-10.625.222c.468.003.908.034 1.093.05.437.773 1.319 1.345 2.683 1.583a2.621 2.621 0 0 0-.86.718c-.195.015-.4.024-.599.024-.58 0-.94-.492-1.25-.915-.312-.424-.696-.47-.911-.495-.218-.025-.293.093-.182.173.634.464.862 1.015 1.12 1.51.23.445.715.692 1.25.692h.103a1.33 1.33 0 0 0-.026.248v.865c-1.923-.739-3.388-2.3-3.932-4.23.342-.08.726-.164 1.016-.198.133-.016.302-.028.495-.025Zm10.442.1c.375.008.707.076.912.123-.46 1.639-1.592 3.003-3.1 3.835v-.47c0-.675-.56-1.54-1.353-1.955 1.318-.229 2.177-.776 2.63-1.51.316-.02.687-.03.911-.024Zm-5.104 3.24a.41.41 0 0 1 .417.396v1.138c-.274.034-.55.05-.834.05v-1.188a.41.41 0 0 1 .417-.396Zm-1.667.792a.41.41 0 0 1 .417.396v.346a7.438 7.438 0 0 1-.833-.148v-.198a.41.41 0 0 1 .416-.396Zm3.334 0c.202 0 .377.139.416.321-.27.106-.546.201-.833.273v-.198a.41.41 0 0 1 .417-.396Z"/></svg>
|
||||
</a>`,
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
257
website/src/css/academy.css
Normal file
257
website/src/css/academy.css
Normal file
@ -0,0 +1,257 @@
|
||||
/* Unleash academy content */
|
||||
|
||||
/* breakpoints:
|
||||
show wide: >=1247
|
||||
show narrow: 997-1246
|
||||
show wide: 711-996
|
||||
show narrow: <=710
|
||||
*/
|
||||
|
||||
/* shared academy styles */
|
||||
|
||||
.unleash-academy-level-badge {
|
||||
border: 2px solid;
|
||||
border-radius: 60px;
|
||||
padding-inline: 0.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
html[data-theme="light"] .unleash-academy-level-badge {
|
||||
border-color: var(--unleash-logo-purple);
|
||||
color: var(--unleash-logo-purple);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .unleash-academy-level-badge {
|
||||
border-color: var(--ifm-link-color);
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
.unleash-academy-level-container.advanced {
|
||||
background-image: url("/img/unleash-academy/advanced-pixels.svg");
|
||||
}
|
||||
|
||||
.unleash-academy-level-container.beginners {
|
||||
background-image: url("/img/unleash-academy/beginner-pixels.svg");
|
||||
}
|
||||
|
||||
.unleash-academy-banner {
|
||||
--banner-padding: calc(var(--ifm-spacing-vertical) * 3);
|
||||
--unleash-academy-logo-width: 85px;
|
||||
--banner-padding: calc(var(--ifm-spacing-vertical) * 3);
|
||||
--banner-font-color: #000;
|
||||
--button-color: var(--unleash-logo-purple);
|
||||
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: var(--ifm-spacing-vertical);
|
||||
position: relative;
|
||||
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
|
||||
padding: var(--banner-padding);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
background-color: #f1f0fc;
|
||||
background-image: url("/img/unleash-academy/banner-bg-pixels.svg");
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
overflow: hidden;
|
||||
color: var(--banner-font-color);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .course-banner-container {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.academy-banner-main-text {
|
||||
font-weight: normal;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list {
|
||||
grid-area: bullets;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
gap: calc(var(--ifm-spacing-horizontal) * 2);
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li {
|
||||
font-weight: bold;
|
||||
list-style-type: none;
|
||||
background-image: url("/img/unleash-academy/bullet-check.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li::marker {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li + li {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.unleash-academy-banner-list {
|
||||
flex-flow: row;
|
||||
}
|
||||
}
|
||||
|
||||
.unleash-action-button {
|
||||
--button-color: #6c65e5;
|
||||
--button-hover-color: #615bc2;
|
||||
display: block;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
width: 100%;
|
||||
background: var(--button-color);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: calc(var(--ifm-spacing-horizontal) * 0.5);
|
||||
}
|
||||
|
||||
.unleash-action-button:hover {
|
||||
background: var(--button-hover-color);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* begin certification links */
|
||||
.unleash-academy-links-container {
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: var(--ifm-spacing-vertical);
|
||||
--button-background-color: var(--color-purple);
|
||||
--border-color: var(--ifm-color);
|
||||
}
|
||||
|
||||
.unleash-academy-links {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
width: 100%;
|
||||
gap: var(--ifm-spacing-vertical);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container li:has(article) {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article {
|
||||
border-radius: var(--ifm-global-radius);
|
||||
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
|
||||
padding: calc(var(--ifm-spacing-vertical) * 2);
|
||||
display: grid;
|
||||
grid-template-rows: min-content auto min-content;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article .header > * + * {
|
||||
margin-block-start: calc(var(--ifm-spacing-vertical) * 0.5);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article p {
|
||||
font-size: var(--unleash-font-size-smaller);
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.unleash-academy-links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* End of certification links styles */
|
||||
|
||||
/* Specific styles for the main Unleash academy banner */
|
||||
.academy-general-banner-content {
|
||||
display: grid;
|
||||
grid-template-areas: "header logo" "bullets bullets" "button button";
|
||||
grid-template-columns: auto var(--unleash-academy-logo-width);
|
||||
gap: var(--ifm-spacing-horizontal);
|
||||
}
|
||||
|
||||
.academy-general-banner-content .unleash-action-button {
|
||||
grid-area: button;
|
||||
}
|
||||
|
||||
.academy-general-banner .academy-banner-main-text {
|
||||
grid-area: header;
|
||||
}
|
||||
|
||||
.academy-general-banner .small-logo {
|
||||
grid-area: logo;
|
||||
background-image: url("/img/unleash-academy/academy-logo.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
aspect-ratio: 1;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.academy-general-banner-content {
|
||||
grid-template-areas: "header logo" "bullets logo" "button logo";
|
||||
grid-template-columns: 480px auto;
|
||||
}
|
||||
|
||||
.academy-general-banner-content .unleash-action-button {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.academy-general-banner .small-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.academy-general-banner .big-logo {
|
||||
position: absolute;
|
||||
background-image: url("/img/unleash-academy/academy-logo.svg");
|
||||
bottom: 0;
|
||||
right: 40px;
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: left;
|
||||
background-position-y: 190%;
|
||||
}
|
||||
}
|
||||
|
||||
/* end banner */
|
||||
|
||||
/* course banner-specific styling */
|
||||
.course-banner-container.beginners {
|
||||
background-size: 108px;
|
||||
}
|
||||
|
||||
.course-banner-container.advanced {
|
||||
background-size: 108px;
|
||||
}
|
||||
|
||||
.course-banner-container > * + * {
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-level-badge {
|
||||
border: 2px solid;
|
||||
border-radius: 60px;
|
||||
padding-inline: 0.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
html[data-theme="light"] .unleash-academy-level-badge {
|
||||
border-color: var(--unleash-logo-purple);
|
||||
color: var(--unleash-logo-purple);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .unleash-academy-level-badge {
|
||||
border-color: var(--ifm-link-color);
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
72
website/src/css/api-docs.css
Normal file
72
website/src/css/api-docs.css
Normal file
@ -0,0 +1,72 @@
|
||||
/* docusaurus-plugin-openapi-docs styling
|
||||
|
||||
Taken from
|
||||
https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/blob/02922a6ad6d635373e01409dac8c17a88da2b72e/demo/src/css/custom.css#L45-L9
|
||||
|
||||
Based on this thread:
|
||||
https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/177
|
||||
|
||||
*/
|
||||
|
||||
/* Sidebar Method labels */
|
||||
.api-method > .menu__link {
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.api-method > .menu__link::before {
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
border-radius: 0.25rem;
|
||||
border: 1px solid;
|
||||
border-inline-start-width: 5px;
|
||||
margin-right: var(--ifm-spacing-horizontal);
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.get > .menu__link::before {
|
||||
content: "get";
|
||||
background-color: var(--ifm-color-info-contrast-background);
|
||||
color: var(--ifm-color-info-contrast-foreground);
|
||||
border-color: var(--ifm-color-info-dark);
|
||||
}
|
||||
|
||||
.post > .menu__link::before {
|
||||
content: "post";
|
||||
background-color: var(--ifm-color-success-contrast-background);
|
||||
color: var(--ifm-color-success-contrast-foreground);
|
||||
border-color: var(--ifm-color-success-dark);
|
||||
}
|
||||
|
||||
.delete > .menu__link::before {
|
||||
content: "del";
|
||||
background-color: var(--ifm-color-danger-contrast-background);
|
||||
color: var(--ifm-color-danger-contrast-foreground);
|
||||
border-color: var(--ifm-color-danger-dark);
|
||||
}
|
||||
|
||||
.put > .menu__link::before {
|
||||
content: "put";
|
||||
background-color: var(--ifm-color-warning-contrast-background);
|
||||
color: var(--ifm-color-warning-contrast-foreground);
|
||||
border-color: var(--ifm-color-warning-dark);
|
||||
}
|
||||
|
||||
.patch > .menu__link::before {
|
||||
content: "patch";
|
||||
background-color: var(--ifm-color-success-contrast-background);
|
||||
color: var(--ifm-color-success-contrast-foreground);
|
||||
border-color: var(--ifm-color-success-dark);
|
||||
}
|
||||
|
||||
.head > .menu__link::before {
|
||||
content: "head";
|
||||
background-color: var(--ifm-color-secondary-contrast-background);
|
||||
color: var(--ifm-color-secondary-contrast-foreground);
|
||||
border-color: var(--ifm-color-secondary-dark);
|
||||
}
|
||||
@ -5,33 +5,123 @@
|
||||
* work well for content-centric websites.
|
||||
*/
|
||||
|
||||
@import url("./academy.css");
|
||||
@import url("./api-docs.css");
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
:root {
|
||||
--unleash-logo-purple: #635dc5;
|
||||
--unleash-color-purple: var(--unleash-logo-purple);
|
||||
--unleash-color-gray: #ecebeb;
|
||||
--unleash-color-green: #1a4049;
|
||||
--unleash-color-sub-background: #eaeaed;
|
||||
--unleash-color-table-of-contents-purple: #837bff;
|
||||
--ifm-font-family-base: "Sen", sans-serif;
|
||||
|
||||
--ifm-code-font-size: 90%;
|
||||
--ifm-font-size-base: 15px;
|
||||
--navbar-link-color: #122d33;
|
||||
|
||||
--unleash-font-size-smaller: 90%;
|
||||
--ifm-footer-logo-max-width: 250px;
|
||||
--ifm-footer-background-color: var(--ifm-background-color);
|
||||
|
||||
/* navbar is independent of the theme in general */
|
||||
--ifm-navbar-background-color: var(--unleash-color-green);
|
||||
/* this is the font color set on the content in dark mode */
|
||||
--unleash-navbar-font-color: #e3e3e3;
|
||||
--unleash-navbar-active-background-color: #122d33;
|
||||
--ifm-navbar-link-color: var(--unleash-navbar-font-color);
|
||||
--unleash-navbar-highlight-color: #bab8ff;
|
||||
--ifm-navbar-link-active-color: var(--unleash-navbar-highlight-color);
|
||||
--ifm-navbar-link-hover-color: var(--unleash-navbar-highlight-color);
|
||||
--ifm-navbar-background-color: var(--ifm-background-color);
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
--ifm-color-primary-lightest: #8783d2;
|
||||
--ifm-color-primary-lighter: #7b76ce;
|
||||
--ifm-color-primary-light: #6f6ac9;
|
||||
--ifm-color-primary: var(--unleash-color-purple);
|
||||
--ifm-color-primary-dark: #5953be;
|
||||
--ifm-color-primary-darker: #4f4ab7;
|
||||
--ifm-color-primary-darkest: #4540b0;
|
||||
|
||||
--ifm-menu-color-background-active: var(--unleash-color-gray);
|
||||
--ifm-menu-color-background-hover: var(--unleash-color-gray);
|
||||
|
||||
--unleash-color-admonition-background: var(--unleash-color-gray);
|
||||
--unleash-color-admonition-border: #999;
|
||||
--unleash-color-admonition-text: #2b2b2b;
|
||||
|
||||
--ifm-background-color: #fff;
|
||||
|
||||
--ifm-font-color-base: #202021;
|
||||
--ifm-blockquote-color: var(--ifm-font-color-base);
|
||||
|
||||
--unleash-color-main-header: #194049;
|
||||
--unleash-color-table-of-contents-header-background: #eef0f1;
|
||||
--unleash-color-table-of-contents-header-color: #244049;
|
||||
--unleash-color-navigation-background-active: #f4f3fd;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--ifm-color-primary-lightest: #d1d1ff;
|
||||
--ifm-color-primary-lighter: #c9c9ff;
|
||||
--ifm-color-primary-light: #c2c0ff;
|
||||
--ifm-color-primary: #bab8ff;
|
||||
--ifm-color-primary-dark: #a09de4;
|
||||
--ifm-color-primary-darker: #8582c9;
|
||||
--ifm-color-primary-darkest: #6b67ae;
|
||||
|
||||
--unleash-color-purple: var(--ifm-color-primary);
|
||||
--unleash-color-gray: #333;
|
||||
--ifm-menu-color-background-active: var(--unleash-color-gray);
|
||||
--ifm-menu-color-background-hover: var(--unleash-color-gray);
|
||||
|
||||
--ifm-link-color: var(--ifm-color-primary);
|
||||
|
||||
--unleash-color-admonition-background: var(
|
||||
--ifm-color-secondary-contrast-background
|
||||
);
|
||||
|
||||
--ifm-background-color: #222130;
|
||||
--unleash-color-sub-background: #1a1924;
|
||||
|
||||
--docsearch-primary-color: var(--ifm-color-primary-darkest);
|
||||
|
||||
--ifm-blockquote-color: var(--ifm-font-color-base);
|
||||
|
||||
--unleash-color-main-header: var(--ifm-font-color-base);
|
||||
--unleash-color-table-of-contents-header-background: var(
|
||||
--ifm-breadcrumb-item-background-active
|
||||
);
|
||||
--unleash-color-table-of-contents-header-color: var(--ifm-font-color-base);
|
||||
--unleash-color-navigation-background-active: var(
|
||||
--ifm-breadcrumb-item-background-active
|
||||
);
|
||||
}
|
||||
|
||||
/* navbar */
|
||||
|
||||
.navbar {
|
||||
color: var(--unleash-navbar-font-color);
|
||||
height: 3.75rem;
|
||||
background-color: #1a4049;
|
||||
color: var(--ifm-navbar-link-color);
|
||||
}
|
||||
|
||||
.header-github-link {
|
||||
color: var(--ifm-navbar-link-color);
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header-demo-button {
|
||||
background-color: var(--ifm-color-primary);
|
||||
color: var(--ifm-color-primary-contrast-background);
|
||||
border-radius: 4px;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
.navbar .navbar__link--active:has(.hide-when-active) {
|
||||
@ -55,10 +145,6 @@
|
||||
);
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1150px) {
|
||||
.navbar .hide-at-small-sizes {
|
||||
display: none;
|
||||
@ -71,58 +157,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
--ifm-footer-link-hover-color: var(--ifm-footer-link-color);
|
||||
}
|
||||
|
||||
article video {
|
||||
display: block;
|
||||
margin-block: var(--ifm-spacing-vertical);
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
--ifm-color-primary-lightest: #8783d2;
|
||||
--ifm-color-primary-lighter: #7b76ce;
|
||||
--ifm-color-primary-light: #6f6ac9;
|
||||
--ifm-color-primary: var(--unleash-color-purple);
|
||||
--ifm-color-primary-dark: #5953be;
|
||||
--ifm-color-primary-darker: #4f4ab7;
|
||||
--ifm-color-primary-darkest: #4540b0;
|
||||
|
||||
--ifm-menu-color-background-active: var(--unleash-color-gray);
|
||||
--ifm-menu-color-background-hover: var(--unleash-color-gray);
|
||||
|
||||
--unleash-color-admonition-background: var(--unleash-color-gray);
|
||||
--unleash-color-admonition-border: #999;
|
||||
--unleash-color-admonition-text: #2b2b2b;
|
||||
|
||||
--ifm-background-color: #fff;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--ifm-color-primary-lightest: #d1d1ff;
|
||||
--ifm-color-primary-lighter: #c9c9ff;
|
||||
--ifm-color-primary-light: #c2c0ff;
|
||||
--ifm-color-primary: #bab8ff;
|
||||
--ifm-color-primary-dark: #a09de4;
|
||||
--ifm-color-primary-darker: #8582c9;
|
||||
--ifm-color-primary-darkest: #6b67ae;
|
||||
|
||||
--unleash-color-purple: var(--ifm-color-primary);
|
||||
--unleash-color-gray: #333;
|
||||
--ifm-menu-color-background-active: var(--unleash-color-gray);
|
||||
--ifm-menu-color-background-hover: var(--unleash-color-gray);
|
||||
|
||||
--ifm-link-color: var(--ifm-color-primary);
|
||||
|
||||
--unleash-color-admonition-background: var(
|
||||
--ifm-color-secondary-contrast-background
|
||||
);
|
||||
|
||||
--docsearch-primary-color: var(--ifm-color-primary-darkest);
|
||||
}
|
||||
|
||||
div[class^="announcementBar_"],
|
||||
div[class^="announcementBar_"] svg {
|
||||
background-color: var(--ifm-color-primary);
|
||||
@ -130,16 +164,49 @@ div[class^="announcementBar_"] svg {
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
.visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: auto;
|
||||
/* Main area */
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
background-color: var(--unleash-color-sub-background);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
main .container {
|
||||
background-color: var(--ifm-background-color);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
white-space: nowrap;
|
||||
border-radius: 8px;
|
||||
padding: 3rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (min-width: 997px) {
|
||||
main .container {
|
||||
margin: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
main:after {
|
||||
background-image: url("/img/mountain-texture.png");
|
||||
position: fixed;
|
||||
display: block;
|
||||
z-index: 0;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
width: 350px;
|
||||
aspect-ratio: 652 / 905;
|
||||
background-size: cover;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
background-repeat: no-repeat;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 997px) {
|
||||
.show-when-collapsed {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
main img {
|
||||
@ -171,15 +238,48 @@ main
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* mermaid diagrams */
|
||||
.docusaurus-mermaid-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-block: calc(1.5 * var(--ifm-spacing-vertical));
|
||||
main .theme-doc-breadcrumbs {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
[class^="docTitle"] {
|
||||
font-size: 2.5rem !important;
|
||||
.markdown h1:first-child {
|
||||
color: var(--unleash-color-main-header);
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.markdown > h2 {
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
margin-top: 48px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown > h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown > p {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.table-of-contents:before {
|
||||
content: "Table of Contents";
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 2px;
|
||||
padding-left: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
background-color: var(--unleash-color-table-of-contents-header-background);
|
||||
color: var(--unleash-color-table-of-contents-header);
|
||||
text-transform: uppercase;
|
||||
border-left: 18px solid var(--unleash-color-table-of-contents-purple);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.navbar-sidebar__back {
|
||||
@ -195,33 +295,44 @@ main
|
||||
margin-inline: var(--ifm-spacing-horizontal);
|
||||
}
|
||||
|
||||
li.theme-doc-sidebar-item-category-level-1 > div::before {
|
||||
width: 0.3em;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
background-color: var(--unleash-color-purple);
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
.footer {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.docusaurus-highlight-code-line {
|
||||
background-color: rgb(72, 77, 91);
|
||||
display: block;
|
||||
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
||||
padding: 0 var(--ifm-pre-padding);
|
||||
@media (min-width: 997px) {
|
||||
aside.theme-doc-sidebar-container {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.header-github-link:hover {
|
||||
opacity: 0.6;
|
||||
.theme-doc-sidebar-container .menu {
|
||||
padding: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.header-github-link:before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
|
||||
no-repeat;
|
||||
.theme-doc-sidebar-menu .menu__link {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-menu .menu__link--active {
|
||||
background-color: var(--unleash-color-navigation-background-active);
|
||||
color: var(--ifm-menu-color);
|
||||
border-left: 4px solid #817afe;
|
||||
}
|
||||
|
||||
.navbar--dark .theme-doc-sidebar-menu .menu__link--active,
|
||||
.navbar--dark .menu__list-item-collapsible--active {
|
||||
background-color: #ffffff0d;
|
||||
}
|
||||
|
||||
.menu__caret:before {
|
||||
background: var(--ifm-menu-link-sublist-icon) 50% / 20px 20px;
|
||||
}
|
||||
|
||||
.menu__link--sublist-caret:after {
|
||||
background: var(--ifm-menu-link-sublist-icon) 50% / 20px 20px;
|
||||
}
|
||||
|
||||
/* Video content container */
|
||||
@ -238,333 +349,3 @@ li.theme-doc-sidebar-item-category-level-1 > div::before {
|
||||
}
|
||||
|
||||
/* end video content container */
|
||||
|
||||
/* Unleash academy content */
|
||||
|
||||
/* breakpoints:
|
||||
show wide: >=1247
|
||||
show narrow: 997-1246
|
||||
show wide: 711-996
|
||||
show narrow: <=710
|
||||
*/
|
||||
|
||||
/* shared academy styles */
|
||||
|
||||
.unleash-academy-level-badge {
|
||||
border: 2px solid;
|
||||
border-radius: 60px;
|
||||
padding-inline: 0.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
html[data-theme="light"] .unleash-academy-level-badge {
|
||||
border-color: var(--unleash-logo-purple);
|
||||
color: var(--unleash-logo-purple);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .unleash-academy-level-badge {
|
||||
border-color: var(--ifm-link-color);
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
.unleash-academy-level-container.advanced {
|
||||
background-image: url("/img/unleash-academy/advanced-pixels.svg");
|
||||
}
|
||||
|
||||
.unleash-academy-level-container.beginners {
|
||||
background-image: url("/img/unleash-academy/beginner-pixels.svg");
|
||||
}
|
||||
|
||||
.unleash-academy-banner {
|
||||
--banner-padding: calc(var(--ifm-spacing-vertical) * 3);
|
||||
--unleash-academy-logo-width: 85px;
|
||||
--banner-padding: calc(var(--ifm-spacing-vertical) * 3);
|
||||
--banner-font-color: #000;
|
||||
--button-color: var(--unleash-logo-purple);
|
||||
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: var(--ifm-spacing-vertical);
|
||||
position: relative;
|
||||
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
|
||||
padding: var(--banner-padding);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
background-color: #f1f0fc;
|
||||
background-image: url("/img/unleash-academy/banner-bg-pixels.svg");
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
overflow: hidden;
|
||||
color: var(--banner-font-color);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .course-banner-container {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.academy-banner-main-text {
|
||||
font-weight: normal;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list {
|
||||
grid-area: bullets;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
gap: calc(var(--ifm-spacing-horizontal) * 2);
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li {
|
||||
font-weight: bold;
|
||||
list-style-type: none;
|
||||
background-image: url("/img/unleash-academy/bullet-check.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li::marker {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.unleash-academy-banner-list > li + li {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.unleash-academy-banner-list {
|
||||
flex-flow: row;
|
||||
}
|
||||
}
|
||||
|
||||
.unleash-action-button {
|
||||
--button-color: #6c65e5;
|
||||
--button-hover-color: #615bc2;
|
||||
display: block;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
width: 100%;
|
||||
background: var(--button-color);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: calc(var(--ifm-spacing-horizontal) * 0.5);
|
||||
}
|
||||
|
||||
.unleash-action-button:hover {
|
||||
background: var(--button-hover-color);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* begin certification links */
|
||||
.unleash-academy-links-container {
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: var(--ifm-spacing-vertical);
|
||||
--button-background-color: var(--color-purple);
|
||||
--border-color: var(--ifm-color);
|
||||
}
|
||||
|
||||
.unleash-academy-links {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
width: 100%;
|
||||
gap: var(--ifm-spacing-vertical);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container li:has(article) {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article {
|
||||
border-radius: var(--ifm-global-radius);
|
||||
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
|
||||
padding: calc(var(--ifm-spacing-vertical) * 2);
|
||||
display: grid;
|
||||
grid-template-rows: min-content auto min-content;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article .header > * + * {
|
||||
margin-block-start: calc(var(--ifm-spacing-vertical) * 0.5);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article p {
|
||||
font-size: var(--unleash-font-size-smaller);
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.unleash-academy-links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.unleash-academy-links-container article {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* End of certification links styles */
|
||||
|
||||
/* Specific styles for the main Unleash academy banner */
|
||||
.academy-general-banner-content {
|
||||
display: grid;
|
||||
grid-template-areas: "header logo" "bullets bullets" "button button";
|
||||
grid-template-columns: auto var(--unleash-academy-logo-width);
|
||||
gap: var(--ifm-spacing-horizontal);
|
||||
}
|
||||
|
||||
.academy-general-banner-content .unleash-action-button {
|
||||
grid-area: button;
|
||||
}
|
||||
|
||||
.academy-general-banner .academy-banner-main-text {
|
||||
grid-area: header;
|
||||
}
|
||||
|
||||
.academy-general-banner .small-logo {
|
||||
grid-area: logo;
|
||||
background-image: url("/img/unleash-academy/academy-logo.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
aspect-ratio: 1;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
|
||||
.academy-general-banner-content {
|
||||
grid-template-areas: "header logo" "bullets logo" "button logo";
|
||||
grid-template-columns: 480px auto;
|
||||
}
|
||||
|
||||
.academy-general-banner-content .unleash-action-button {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.academy-general-banner .small-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.academy-general-banner .big-logo {
|
||||
position: absolute;
|
||||
background-image: url("/img/unleash-academy/academy-logo.svg");
|
||||
bottom: 0;
|
||||
right: 40px;
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: left;
|
||||
background-position-y: 190%;
|
||||
}
|
||||
}
|
||||
|
||||
/* end banner */
|
||||
|
||||
/* course banner-specific styling */
|
||||
.course-banner-container.beginners {
|
||||
background-size: 108px;
|
||||
}
|
||||
|
||||
.course-banner-container.advanced {
|
||||
background-size: 108px;
|
||||
}
|
||||
|
||||
.course-banner-container > * + * {
|
||||
margin-block-start: var(--ifm-spacing-vertical);
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.unleash-academy-level-badge {
|
||||
border: 2px solid;
|
||||
border-radius: 60px;
|
||||
padding-inline: 0.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
html[data-theme="light"] .unleash-academy-level-badge {
|
||||
border-color: var(--unleash-logo-purple);
|
||||
color: var(--unleash-logo-purple);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .unleash-academy-level-badge {
|
||||
border-color: var(--ifm-link-color);
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
/* docusaurus-plugin-openapi-docs styling
|
||||
|
||||
Taken from
|
||||
https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/blob/02922a6ad6d635373e01409dac8c17a88da2b72e/demo/src/css/custom.css#L45-L9
|
||||
|
||||
Based on this thread:
|
||||
https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/177
|
||||
|
||||
*/
|
||||
|
||||
/* Sidebar Method labels */
|
||||
.api-method > .menu__link {
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.api-method > .menu__link::before {
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
border-radius: 0.25rem;
|
||||
border: 1px solid;
|
||||
border-inline-start-width: 5px;
|
||||
margin-right: var(--ifm-spacing-horizontal);
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.get > .menu__link::before {
|
||||
content: "get";
|
||||
background-color: var(--ifm-color-info-contrast-background);
|
||||
color: var(--ifm-color-info-contrast-foreground);
|
||||
border-color: var(--ifm-color-info-dark);
|
||||
}
|
||||
|
||||
.post > .menu__link::before {
|
||||
content: "post";
|
||||
background-color: var(--ifm-color-success-contrast-background);
|
||||
color: var(--ifm-color-success-contrast-foreground);
|
||||
border-color: var(--ifm-color-success-dark);
|
||||
}
|
||||
|
||||
.delete > .menu__link::before {
|
||||
content: "del";
|
||||
background-color: var(--ifm-color-danger-contrast-background);
|
||||
color: var(--ifm-color-danger-contrast-foreground);
|
||||
border-color: var(--ifm-color-danger-dark);
|
||||
}
|
||||
|
||||
.put > .menu__link::before {
|
||||
content: "put";
|
||||
background-color: var(--ifm-color-warning-contrast-background);
|
||||
color: var(--ifm-color-warning-contrast-foreground);
|
||||
border-color: var(--ifm-color-warning-dark);
|
||||
}
|
||||
|
||||
.patch > .menu__link::before {
|
||||
content: "patch";
|
||||
background-color: var(--ifm-color-success-contrast-background);
|
||||
color: var(--ifm-color-success-contrast-foreground);
|
||||
border-color: var(--ifm-color-success-dark);
|
||||
}
|
||||
|
||||
.head > .menu__link::before {
|
||||
content: "head";
|
||||
background-color: var(--ifm-color-secondary-contrast-background);
|
||||
color: var(--ifm-color-secondary-contrast-foreground);
|
||||
border-color: var(--ifm-color-secondary-dark);
|
||||
}
|
||||
|
||||
BIN
website/static/img/mountain-texture.png
Normal file
BIN
website/static/img/mountain-texture.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
7
website/static/img/unleash_logo_dark.svg
Normal file
7
website/static/img/unleash_logo_dark.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg width="562" height="160" viewBox="0 0 562 160" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M80 160C124.183 160 160 124.183 160 80C160 35.8172 124.183 0 80 0C35.8172 0 0 35.8172 0 80C0 124.183 35.8172 160 80 160Z" fill="#1A4049"/>
|
||||
<path d="M91.43 45.71V91.43H114.28V45.71H91.43ZM68.57 68.57V45.71H45.71V114.28H91.43V91.43H68.57V68.57Z" fill="white"/>
|
||||
<path d="M91.43 45.71V91.43H114.28V45.71H91.43ZM68.57 68.57V45.71H45.71V114.28H91.43V91.43H68.57V68.57Z" fill="white"/>
|
||||
<path d="M91.4299 91.43H114.29V114.29H91.4299V91.43Z" fill="#817AFE"/>
|
||||
<path d="M205.96 93.51V67.15H217.89V92.21C217.89 99.57 221.8 104.41 229.16 104.41C236.52 104.41 240.43 99.57 240.43 92.21V67.15H252.43V93.51C252.43 106.18 243.95 115.31 229.33 115.31C214.44 115.31 205.96 106.18 205.96 93.51ZM276.29 114.28H264.46V67.15H276.29V75.07C277.869 72.3198 280.15 70.0377 282.9 68.4566C285.649 66.8755 288.768 66.052 291.94 66.07C303.77 66.07 311.6 74.74 311.6 86.75V114.28H299.6V89.13C299.6 81.68 295.22 76.74 288.14 76.74C281.06 76.74 276.31 81.74 276.31 89.13L276.29 114.28ZM323.8 45.72H335.72V114.28H323.8V45.72ZM395.62 91.38V92.68H358.17C358.64 100.04 364.04 105.68 371.86 105.68C379.41 105.68 382.48 101.86 383.32 100.56H395.06C394.31 105.4 387.89 115.56 371.86 115.56C356.59 115.56 346.25 104.95 346.25 90.79C346.25 76.16 356.49 66.01 370.93 66.01C385.37 66.01 395.62 76 395.62 91.38ZM358.54 84.48H383.14C381.37 78.48 376.99 75.17 370.93 75.17C364.5 75.16 360.03 78.61 358.54 84.47V84.48ZM422.16 84.75H437.63C437.63 79.07 433.34 75.44 426.36 75.44C419.74 75.44 417.36 78.98 416.58 80.19H404.58C405.58 75.25 411.47 65.94 426.38 65.94C441 65.94 449.11 73.58 449.11 84.75V100.68C449.11 103.57 450.11 104.68 452.83 104.97V114.56H449.11C443.05 114.47 439.42 112.23 438.11 108.04C435.88 111.49 430.85 115.31 422.84 115.31C411.75 115.31 403.37 109.07 403.37 99.38C403.37 89.69 410.52 84.75 422.16 84.75ZM437.63 96.86V92.86H424.12C418.53 92.86 415.12 94.86 415.12 99.19C415.12 103.76 419.41 106.46 425.37 106.46C432.04 106.46 437.63 103.2 437.63 96.86ZM477.5 95C467.16 94.26 460.17 89.41 460.17 80.28C460.17 71.43 468.27 65.84 480.94 65.84C497.94 65.84 502.74 74.6 504.04 79.16H491.47C490.63 78.16 487.93 74.88 480.85 74.88C475.17 74.88 472.19 76.74 472.19 79.63C472.19 82.24 474.19 83.92 478.89 84.57L486.89 85.41C499.66 86.52 504.89 91.41 504.89 100.68C504.89 109.53 497.53 115.59 483.09 115.59C465.58 115.59 459.9 105.43 458.97 101.06H471.73C472.2 102.17 475.08 106.37 483.09 106.37C489.71 106.37 492.78 104.13 492.78 101.15C492.78 98.17 491.11 96.49 485.78 95.84C482.43 95.56 480.76 95.38 477.5 95ZM525.93 114.28H514.1V45.72H525.93V75.07C527.509 72.3198 529.79 70.0377 532.54 68.4566C535.289 66.8755 538.408 66.052 541.58 66.07C553.41 66.07 561.24 74.74 561.24 86.75V114.28H549.24V89.13C549.24 81.68 544.86 76.74 537.78 76.74C530.7 76.74 525.95 81.74 525.95 89.13L525.93 114.28Z" fill="#1A4049"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@ -1 +1,7 @@
|
||||
<svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 653.4 251.24" aria-label="Unleash logo" class="mui-1nbic85"><defs><style>.cls-1{fill:#fff}.cls-2{fill:#1a4049}</style></defs><circle class="cls-1" cx="125.62" cy="125.62" r="80"/><path class="cls-1" d="M137.05 91.33v45.72h22.85V91.33h-22.85zM114.19 114.19V91.33H91.33v68.57h45.72v-22.85h-22.86v-22.86z"/><path class="cls-2" d="M137.05 91.33v45.72h22.85V91.33h-22.85zM114.19 114.19V91.33H91.33v68.57h45.72v-22.85h-22.86v-22.86z"/><path style="fill:#817afe" d="M137.05 137.05h22.86v22.86h-22.86z"/><path class="cls-1" d="M251.58 139.13v-26.36h11.93v25.06c0 7.36 3.91 12.2 11.27 12.2s11.27-4.84 11.27-12.2v-25.06h12v26.36c0 12.67-8.48 21.8-23.1 21.8-14.89 0-23.37-9.13-23.37-21.8ZM321.91 159.9h-11.83v-47.13h11.83v7.92a17.93 17.93 0 0 1 15.65-9c11.83 0 19.66 8.67 19.66 20.68v27.53h-12v-25.15c0-7.45-4.38-12.39-11.46-12.39s-11.83 5-11.83 12.39ZM369.42 91.34h11.92v68.56h-11.92ZM441.24 137v1.3h-37.45c.47 7.36 5.87 13 13.69 13 7.55 0 10.62-3.82 11.46-5.12h11.74c-.75 4.84-7.17 15-23.2 15-15.27 0-25.61-10.61-25.61-24.77 0-14.63 10.24-24.78 24.68-24.78s24.69 9.99 24.69 25.37Zm-37.08-6.9h24.6c-1.77-6-6.15-9.31-12.21-9.31-6.43-.01-10.9 3.44-12.39 9.3ZM467.78 130.37h15.47c0-5.68-4.29-9.31-11.27-9.31-6.62 0-9 3.54-9.78 4.75h-12c1-4.94 6.89-14.25 21.8-14.25 14.62 0 22.73 7.64 22.73 18.81v15.93c0 2.89 1 4 3.72 4.29v9.59h-3.72c-6.06-.09-9.69-2.33-11-6.52-2.23 3.45-7.26 7.27-15.27 7.27-11.09 0-19.47-6.24-19.47-15.93s7.15-14.63 18.79-14.63Zm15.47 12.11v-4h-13.51c-5.59 0-9 2-9 6.33 0 4.57 4.29 7.27 10.25 7.27 6.67 0 12.26-3.26 12.26-9.6ZM523.12 140.62c-10.34-.74-17.33-5.59-17.33-14.72 0-8.85 8.1-14.44 20.77-14.44 17 0 21.8 8.76 23.1 13.32h-12.57c-.84-1-3.54-4.28-10.62-4.28-5.68 0-8.66 1.86-8.66 4.75 0 2.61 2 4.29 6.7 4.94l8 .84c12.77 1.11 18 6 18 15.27 0 8.85-7.36 14.91-21.8 14.91-17.51 0-23.19-10.16-24.12-14.53h12.76c.47 1.11 3.35 5.31 11.36 5.31 6.62 0 9.69-2.24 9.69-5.22s-1.67-4.66-7-5.31c-3.35-.28-5.02-.46-8.28-.84ZM571.55 159.9h-11.83V91.34h11.83v29.35a17.93 17.93 0 0 1 15.65-9c11.83 0 19.66 8.67 19.66 20.68v27.53h-12v-25.15c0-7.45-4.38-12.39-11.46-12.39s-11.83 5-11.83 12.39Z"/></svg>
|
||||
<svg width="562" height="161" viewBox="0 0 562 161" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M80.6201 160.62C124.803 160.62 160.62 124.803 160.62 80.62C160.62 36.4372 124.803 0.619995 80.6201 0.619995C36.4373 0.619995 0.620117 36.4372 0.620117 80.62C0.620117 124.803 36.4373 160.62 80.6201 160.62Z" fill="white"/>
|
||||
<path d="M92.0501 46.33V92.05H114.9V46.33H92.0501ZM69.1901 69.19V46.33H46.3301V114.9H92.0501V92.05H69.1901V69.19Z" fill="white"/>
|
||||
<path d="M92.0501 46.33V92.05H114.9V46.33H92.0501ZM69.1901 69.19V46.33H46.3301V114.9H92.0501V92.05H69.1901V69.19Z" fill="#1A4049"/>
|
||||
<path d="M92.05 92.05H114.91V114.91H92.05V92.05Z" fill="#817AFE"/>
|
||||
<path d="M206.58 94.13V67.77H218.51V92.83C218.51 100.19 222.42 105.03 229.78 105.03C237.14 105.03 241.05 100.19 241.05 92.83V67.77H253.05V94.13C253.05 106.8 244.57 115.93 229.95 115.93C215.06 115.93 206.58 106.8 206.58 94.13ZM276.91 114.9H265.08V67.77H276.91V75.69C278.49 72.9398 280.77 70.6577 283.52 69.0766C286.269 67.4955 289.389 66.672 292.56 66.69C304.39 66.69 312.22 75.36 312.22 87.37V114.9H300.22V89.75C300.22 82.3 295.84 77.36 288.76 77.36C281.68 77.36 276.93 82.36 276.93 89.75L276.91 114.9ZM324.42 46.34H336.34V114.9H324.42V46.34ZM396.24 92V93.3H358.79C359.26 100.66 364.66 106.3 372.48 106.3C380.03 106.3 383.1 102.48 383.94 101.18H395.68C394.93 106.02 388.51 116.18 372.48 116.18C357.21 116.18 346.87 105.57 346.87 91.41C346.87 76.78 357.11 66.63 371.55 66.63C385.99 66.63 396.24 76.62 396.24 92ZM359.16 85.1H383.76C381.99 79.1 377.61 75.79 371.55 75.79C365.12 75.78 360.65 79.23 359.16 85.09V85.1ZM422.78 85.37H438.25C438.25 79.69 433.96 76.06 426.98 76.06C420.36 76.06 417.98 79.6 417.2 80.81H405.2C406.2 75.87 412.09 66.56 427 66.56C441.62 66.56 449.73 74.2 449.73 85.37V101.3C449.73 104.19 450.73 105.3 453.45 105.59V115.18H449.73C443.67 115.09 440.04 112.85 438.73 108.66C436.5 112.11 431.47 115.93 423.46 115.93C412.37 115.93 403.99 109.69 403.99 100C403.99 90.31 411.14 85.37 422.78 85.37ZM438.25 97.48V93.48H424.74C419.15 93.48 415.74 95.48 415.74 99.81C415.74 104.38 420.03 107.08 425.99 107.08C432.66 107.08 438.25 103.82 438.25 97.48ZM478.12 95.62C467.78 94.88 460.79 90.03 460.79 80.9C460.79 72.05 468.89 66.46 481.56 66.46C498.56 66.46 503.36 75.22 504.66 79.78H492.09C491.25 78.78 488.55 75.5 481.47 75.5C475.79 75.5 472.81 77.36 472.81 80.25C472.81 82.86 474.81 84.54 479.51 85.19L487.51 86.03C500.28 87.14 505.51 92.03 505.51 101.3C505.51 110.15 498.15 116.21 483.71 116.21C466.2 116.21 460.52 106.05 459.59 101.68H472.35C472.82 102.79 475.7 106.99 483.71 106.99C490.33 106.99 493.4 104.75 493.4 101.77C493.4 98.79 491.73 97.11 486.4 96.46C483.05 96.18 481.38 96 478.12 95.62ZM526.55 114.9H514.72V46.34H526.55V75.69C528.13 72.9398 530.41 70.6577 533.16 69.0766C535.909 67.4955 539.029 66.672 542.2 66.69C554.03 66.69 561.86 75.36 561.86 87.37V114.9H549.86V89.75C549.86 82.3 545.48 77.36 538.4 77.36C531.32 77.36 526.57 82.36 526.57 89.75L526.55 114.9Z" fill="white"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.9 KiB |
Loading…
Reference in New Issue
Block a user