diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..0d775d9 Binary files /dev/null and b/favicon.ico differ diff --git a/images/new_features_hero_image.svg b/images/new_features_hero_image.svg new file mode 100644 index 0000000..6134f6d --- /dev/null +++ b/images/new_features_hero_image.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/introduction.mdx b/introduction.mdx index 2589c0b..bff2504 100644 --- a/introduction.mdx +++ b/introduction.mdx @@ -1,6 +1,6 @@ --- title: Introduction -description: 'Welcome to the home of your new documentation' +description: "Welcome to the home of your new documentation" --- +
+
+

Welcome to

+

Dev Central

+

+ Dev Central is where we empower developers. Whether you're looking to use our automation capabilities, REST APIs, user guides, samples, or docs, we are here to help you quickly get started with the Venafi platform. Let's dive in! +

+
+
+ +
+
goToLink('https://developer.venafi.com/tlsprotectcloud/recipes', false)}> +
+

Automate using recipes

+

Unlock automation magic with Dev Central's sample recipes

+ Learn More +
+ +
goToLink('https://developer.venafi.com/tlsprotectcloud/docs/control-plane-forwarding-logged-events', false)}> +
+

Send events to SIEM

+

Funnel critical machine identity events to SIEM for real-time insights

+ Learn More +
+ +
goToLink('https://developer.venafi.com/tlsprotectcloud/docs/vcert-auto-cert-mgt-using-tlspc', false)}> +
+

Automate using vCert

+

Simplify certificate management operations with no-code CLI

+ Learn More +
+ +
+ +
+ + +
+
+ +
+ +
+

Explore

+

+ Delve further into the World of Machine Identity! Discover and harness the power of our machine identity APIs and automation guides. +

+
+ +
+ +
+
goToLink('https://developer.venafi.com/tlsprotectcloud/reference/tls-protect-overview', false)}> +
+

Explore APIs

+

Browse through the catalogue of machine identity APIs

+ + Learn More + +
+ +
goToLink('https://developer.venafi.com/tlsprotectcloud/docs', true)}> +
+

Explore Guides

+

Various guides for automating machine identity operations

+ + Learn More + +
+ +
goToLink('https://developer.venafi.com/tlsprotectcloud/docs/firefly', false)}> +
+

Test Drive Firefly

+

Accelerate development at scale with trusted machine identities

+ + Learn More + +
+ +
+ +
+ +
+
+ +
+
+
+
+
+

Build

+

+ Welcome to our Ecosystem Hub! Collaborate with us to build innovative connectors and expand Venafi's ecosystem support. +

+
+ +
+
goToLink('https://developer.venafi.com/tlsprotectcloud/docs/libraries-and-sdks-connector-framework', false)}> +
+
+

Build connectors

+
+

Build a connector to integrate Venafi with an application.

+ + Learn More + +
+ +
goToLink('https://developer.venafi.com/tlsprotectcloud/docs/ecosystem-design-patterns', false)}> +
+
+

Build with design patterns

+
+

Master design patterns for efficient, reusable integrations. Elevate your solution-building game.

+ + Learn More + +
+ +
+ +
+
+ +
+
+
+

Community & Open Source

+

+ Join the Venafi community. Meet and network with fellow community members, exchange ideas and new technologies via Venafi GitHub and our open-source community. Build machine identity solutions for your organization. +

+
+
+ +
+ +
+ +
goToLink('https://community.venafi.com/private/login', true)}> +
+

Venafi Community

+

The community is available to all Venafi customers.

+ + Learn More + +
+ +
goToLink('https://github.com/Venafi', true)}> +
+

Venafi Github

+

Check out and contribute to our open source repos.

+ + Learn More + +
+ +
goToLink('https://cert-manager.io/', true)}> +
+

Cert Manager

+

Kubernetes Certificate Management Made Effortless.

+ + Learn More + +
+ +
+ +
+ +
+ +
goToLink('https://github.com/Jetstack', true)}> +
+

Jetstack Github

+

Unleash Kubernetes and Cloud-Native Power with Open Source Projects.

+ + Learn More + +
+ +
+ +
+ +
+
+ +
+ + + Terms + + + Privacy Policy + + + Support + + + Disclosure + + Copyright © 2023 Venafi, Inc. All rights reserved. + +
diff --git a/logo/venafi_dev_central.png b/logo/venafi_dev_central.png new file mode 100644 index 0000000..9298ca6 Binary files /dev/null and b/logo/venafi_dev_central.png differ diff --git a/mint.json b/mint.json index d6f7e33..e0a5cd2 100644 --- a/mint.json +++ b/mint.json @@ -1,36 +1,54 @@ { "$schema": "https://mintlify.com/schema.json", "name": "Starter Kit", + "modeToggle": { + "default": "light", + "isHidden": true + }, "logo": { - "dark": "/logo/dark.svg", - "light": "/logo/light.svg" + "dark": "/logo/venafi_dev_central.png", + "light": "/logo/venafi_dev_central.png" }, + "search": { "location": "side" }, "favicon": "/favicon.svg", "colors": { - "primary": "#0D9373", - "light": "#07C983", - "dark": "#0D9373", + "primary": "#2979ff", + "light": "#2979ff", + "dark": "#2979ff", "anchors": { "from": "#0D9373", "to": "#07C983" } }, + "redirects": [ + { + "source": "/introduction", + "destination": "/landing" + } + ], "topbarLinks": [ { - "name": "Support", + "name": "Product", + "url": "http://localhost:3000/introduction" + }, + { + "name": "Resources", + "url": "mailto:hi@mintlify.com" + }, + { + "name": "Ecosystem", + "url": "mailto:hi@mintlify.com" + }, + { + "name": "Log In", "url": "mailto:hi@mintlify.com" } ], "topbarCtaButton": { - "name": "Dashboard", + "name": "Sign Up", "url": "https://dashboard.mintlify.com" }, - "tabs": [ - { - "name": "API Reference", - "url": "api-reference" - } - ], + "anchors": [ { "name": "Documentation", @@ -51,11 +69,7 @@ "navigation": [ { "group": "Get Started", - "pages": [ - "introduction", - "quickstart", - "development" - ] + "pages": ["introduction", "quickstart", "development"] }, { "group": "Essentials", @@ -70,9 +84,7 @@ }, { "group": "API Documentation", - "pages": [ - "api-reference/introduction" - ] + "pages": ["api-reference/introduction"] }, { "group": "Endpoint Examples", @@ -88,4 +100,4 @@ "github": "https://github.com/mintlify", "linkedin": "https://www.linkedin.com/company/mintsearch" } -} \ No newline at end of file +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..1089e64 --- /dev/null +++ b/style.css @@ -0,0 +1,1255 @@ +#Explorer { + max-width: var(--container-lg) !important; +} + +body { + font-family: Mulish, sans-serif !important; +} + +#hub-sidebar, +#reference-sidebar { + background-color: #fff; + margin-top: 20px !important; + margin-right: 20px !important; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +#content, +#hub-sidebar, +#reference-sidebar { + border: none !important; + border-radius: 0 !important; +} + +#hub-sidebar, +#reference-sidebar { + background-color: #fff; + margin-top: 0 !important; + margin-right: 20px !important; + padding-top: 10px !important; +} + +#hub-sidebar div, +#reference-sidebar div { + padding: 15px 15px 10px 5px !important; +} + +.rm-Sidebar-link { + padding-left: 16px !important; + margin-right: -6px; + margin-left: -6px; +} + +.rm-Article { + padding: 10px 20px; + background: #fff; + margin-top: 10px !important; +} + +.rm-PlaygroundRequest { + background: #3d3e62 !important; +} + +.rm-Sidebar-heading { + cursor: pointer; + position: relative; + padding-left: 0 !important; +} + +.rm-Sidebar-heading.section-expanded .icon-chevron { + transform: rotate(180deg); +} + +.rm-Sidebar-heading .icon-chevron { + transition: transform 0.2s; + position: absolute; + top: 1px; + color: #f60; + font-size: 16px; + opacity: 1; +} + +.rm-Sidebar-heading .icon-chevron::after { + content: "\e9dc"; +} + +.rm-Sidebar-section > .rm-Sidebar-list { + display: none !important; +} + +.rm-Sidebar-list.section-list-expanded { + display: flex !important; +} + +.rm-Header-bottom-link.Button:hover, +.rm-ThemeToggle.Button:hover { + border-color: transparent !important; + outline: transparent !important; +} + +.Button_slate_text, +.Button_slate_text:hover, +.rm-Container a.rm-Header-top-link { + outline: transparent !important; + box-shadow: none !important; + font-size: 1em; + border-bottom: 2px solid transparent; +} + +.rm-Container > div:nth-child(4) .rm-Header-top-link[href*="login"] { + border-radius: 25px !important; + font-weight: 300 !important; + font-size: 14px !important; + padding: 0 17px !important; + height: inherit !important; + color: #2979ff !important; + background: #fff; + border: 1px solid #2979ff !important; +} + +.rm-Container > div:nth-child(4) .rm-Header-top-link[href*="login"]:hover { + background: #e3f2fd !important; +} + +.rm-Container>div:nth-child(4) .rm-Header-top-link[href*="https://venafi.com/try-venafi/tls-protect"] +{ + display: none; + border-radius: 25px !important; + font-weight: 300 !important; + font-size: 14px !important; + height: inherit !important; + padding: 0 17px !important; + color: #fff !important; + background: #2979ff; + border: 2px transparent; +} + +.rm-Container>div:nth-child(4) .rm-Header-top-link[href*="https://venafi.com/try-venafi/tls-protect"]:hover +{ + box-shadow: 0 2px 10px 1px #d4d5d8 !important; + background: #0965ff !important; +} + +.rm-Header-bottom-link.Button { + border-radius: 0 !important; + color: #676973 !important; + border-bottom: 2px solid transparent !important; +} + +.rm-Header-bottom-link.Button:hover { + border-color: #fff !important; + color: #1c70e6 !important; +} + +.rm-Header-bottom-link.Button.active:hover { + border-color: #1c70e6 !important; + color: #1c70e6 !important; +} + +.rm-Header-bottom-link.Button > * + * { + margin-left: 0 !important; + position: relative; + top: 2px; +} + +.rm-Header-bottom-link.Button.active { + border-bottom: 2px solid #1c70e6 !important; + color: #000 !important; +} + +.rm-Header-bottom-link:first-child { + border-radius: 0 !important; + color: #676973 !important; + position: relative; + top: 2px; +} + +.rm-Header-bottom-link > i:not(:only-child):first-child { + display: none !important; +} + +.rm-Header-bottom { + background: #fff !important; + min-height: 0 !important; +} + +.rm-Container > div:nth-child(4) { + visibility: hidden; +} + +.rm-Container > div:nth-child(4) a.rm-Header-top-link:first-child, +.rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(2) { + visibility: hidden; + color: transparent !important; + width: 0; +} + +.rm-Container > div:nth-child(4) div.rm-Header-top-link_login { + border: 2px solid #676973 !important; + border-radius: 2em !important; + width: 2.1em !important; + height: 2em; + color: #676973; + margin-top: 10px; +} + +.rm-Container > div:nth-child(4) div.rm-Header-top-link_login .Button { + width: 2em !important; + padding: 0 !important; + margin: 0 !important; + display: block !important; + position: relative !important; + top: -1px !important; + left: 1px !important; + text-align: center !important; + overflow: clip; +} + +.rm-Container > div:nth-child(4) div.rm-Header-top-link_login .Button span { + font-size: 0.88em; + font-family: Mulish, sans-serif; + font-weight: 700; +} + +.rm-Container > div:nth-child(4) div.rm-Header-top-link_login:hover { + border: 2px solid #367cff !important; + background: #367cff !important; + color: #fff !important; +} + +.rm-Container + > div:nth-child(4) + div.rm-Header-top-link_login:hover + span:first-child { + color: #24253c !important; +} + +.rm-Container + > div:nth-child(4) + div.rm-Header-top-link_login + .Button + .IconWrapper { + display: none !important; +} + +.rm-Container > div:nth-child(4) a.rm-Header-top-link:first-child:after { + font-family: "Material Icons"; + content: "help_outline"; + font-size: 1.7em; + color: #676973 !important; + font-weight: 200 !important; + position: relative; + left: -16px; + top: 4px; + height: 37px; +} + +.rm-Container > div:nth-child(4) a.rm-Header-top-link:nth-child(2):after { + font-family: "Material Icons"; + content: "apps"; + font-size: 1.8em; + color: #676973 !important; + font-weight: 200 !important; + position: relative; + left: -38px; + top: 4px; + height: 37px; +} + +.rm-Container > div:nth-child(4) a.rm-Header-top-link:first-child:active::after, +.rm-Container > div:nth-child(4) a.rm-Header-top-link:first-child:hover::after, +.rm-Container + > div:nth-child(4) + a.rm-Header-top-link:nth-child(2):active::after, +.rm-Container + > div:nth-child(4) + a.rm-Header-top-link:nth-child(2):hover::after { + color: #367cff !important; +} + +.rm-Container + > div:nth-child(4) + a.rm-Header-top-link:first-child.active-dropdown-container:after, +.rm-Container + > div:nth-child(4) + a.rm-Header-top-link:nth-child(2).active-dropdown-container:after { + color: #367cff !important; +} + +.rm-Container > div:nth-child(4) a.rm-Header-top-link_login:after { + content: none !important; +} + +.rm-TryIt { + background: #118cfd !important; + color: #f1f1f1 !important; +} + +.rm-TryIt:hover { + background: #45a3fc !important; + box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.3) !important; + color: #fff !important; +} + +.rm-Header-top-link_login #tippy-1 { + top: -10px !important; + left: 30px !important; + padding-top: 18px !important; + border-radius: 4px; +} + +.rm-Header-top-link_login #tippy-1 .tippy-content .Dropdown-content { + margin: 0 !important; + border: none !important; + padding: 0 !important; + min-width: 192px; + border-radius: 8px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15); +} + +.rm-Header-top-link_login #tippy-1 .tippy-content a.Menu-Item { + margin: 4px 6px; + padding: 4px 24px 4px 8px; + font-size: 14px; + font-family: Mulish, sans-serif; + font-weight: 400; + color: #363840 !important; +} + +.rm-Header-top-link_login #tippy-1 .tippy-content a.Menu-Item:hover { + background-color: #e6f0ff; + border-radius: 4px; +} + +.dropdown_menu_container { + position: relative; + height: 0; + width: 0; +} + +.dropdown_menu_container ul { + position: absolute; + visibility: hidden; + top: 13px; + min-width: 192px; + background: #fff; + padding: 0; + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15); + z-index: 9999; +} + +.dropdown_menu_container ul li.listSection { + color: #96989f; + font-size: 14px; + font-family: Mulish, sans-serif; + list-style-type: none; + padding: 8px 0 4px 16px; + font-weight: 300; +} + +.help_button .showList { + right: -20px; +} + +.app_button .showList { + right: 0; +} + +.dropdown_nav_item a { + display: block; + margin: 8px; + padding: 4px 24px 4px 8px; + font-family: Mulish, sans-serif; + font-weight: 400; + color: #363840 !important; +} + +.dropdown_nav_item a .imageIcon { + display: inline-block; + width: 18px; + position: relative; + top: 3px; + margin-right: 8px; +} + +.dropdown_nav_item a:hover { + background-color: #e6f0ff; + border-radius: 4px; +} + +.rm-Header-top-link { + height: 100%; + padding-top: 11px !important; + padding-right: 18px !important; + padding-left: 18px !important; + padding-bottom: 7px !important; + border: none !important; + border-bottom: 2px solid transparent !important; +} + +.rm-Container > div:nth-child(2) .rm-Header-top-link { + padding-top: 8px !important; + font-weight: 300; + height: 100%; + font-size: 16px; + border-radius: 0; +} + +.rm-Container > div:nth-child(2) .rm-Header-top-link::after { + font-family: "Material Icons"; + content: "\e5cf"; + margin-left: 7px; +} + +a.rotated { + border-bottom: 2px solid #2979ff !important; + color: #1c70e6 !important; +} + +.rotated:hover { + border-bottom: 2px solid #2979ff !important; +} + +.rotated::after { + transform: rotate(-180deg); + transition: 0.35s; +} + +.complex_dropdown_container, +.top_nav_dropdown_container { + position: fixed; + width: 0; + height: 0; +} + +.complex_dropdown .hero { + color: #4c555a !important; + width: 255px; + border-right: 2px solid #e1e1e1; + display: inline-block; + vertical-align: top; +} + +.complex_dropdown .hero .product_image { + background-size: 100%; + background-repeat: no-repeat; + height: 64px; + width: 64px; + display: inline-block; + vertical-align: top; + margin-bottom: 10px; +} + +.complex_dropdown .hero .landing-link { + font-size: 14px; +} + +.complex_dropdown .hero h2 { + margin: 0; + font-weight: 600; + font-size: 20px; + line-height: 1.2; +} + +.complex_dropdown .hero p { + margin: 0; + font-size: 14px; + line-height: 1.7; + font-weight: 300; + padding-top: 10px; + width: 100%; +} + +.complex_dropdown .hero:hover a.landing-link { + text-shadow: 1px 7px 8px rgba(1, 1, 1, 0.2); +} + +.complex_dropdown .dropdown_nav_item:hover p.main { + color: #2979ff; +} + +.complex_dropdown { + position: absolute; + box-shadow: 0 2px 10px 1px #d4d5d8; + border-radius: 10px; + padding: 25px 25px 25px 25px; + cursor: pointer; + background: #fff; + visibility: hidden; + top: 37px; + left: -70px; +} + +.link_list { + display: inline-block; +} + +.complex_dropdown ul { + list-style-type: none; + vertical-align: top; + display: inline-block; + padding: 5px 5px 5px 5px !important; + margin: 0; +} + +.complex_dropdown li { + padding: 0 15px 15px 15px; + border-radius: 9px; +} + +.complex_dropdown li .text { + display: inline-block; + width: 220px; + position: relative; + top: -3px; + vertical-align: baseline; +} + +.complex_dropdown li .text .main { + color: #4c555a !important; + vertical-align: bottom; + padding-left: 5px; + margin-bottom: 1px; + font-weight: 500; + font-size: 16px; + margin-top: 0; + display: inline-block; +} + +.complex_dropdown li:hover .text .main { + color: #1c70e6 !important; +} + +.complex_dropdown li .text .description { + vertical-align: bottom; + padding-left: 5px; + font-size: 12px; + color: #676973; + line-height: 1.2; + font-weight: 200; + margin: 0; +} + +.complex_dropdown li .text .new { + margin: 0; + display: inline-block; + vertical-align: bottom; + font-size: 11px; + position: relative; + top: 1px; + right: -5px; + color: orange; + font-weight: 700; +} + +.complex_dropdown_image { + background-size: 100%; + background-repeat: no-repeat; + height: 54px; + width: 54px; + display: inline-block; + vertical-align: baseline; +} + +/*!* resource menu *!*/ +/*!* /resource menu *!*/ +.showList { + visibility: visible !important; +} + +@media only screen and (max-width: 1500px) { + .rm-Header-top { + background-position: 0, 90%; + } +} + +@media only screen and (max-width: 1300px) { + .rm-Header-top { + background-position: 0, 116%; + } +} + +.rm-Header .rm-Header-top { + border-bottom: none !important; +} + +.rm-Header-top .rm-Container { + background: #fff; +} + +.rm-Header-top .container { + margin-top: 30px; + margin-bottom: 120px; + position: relative; + right: 210px; + width: 610px; + font-size: 18px; + line-height: 28px; + font-weight: 200; +} + +.header-section { + padding: 90px 60px 70px; +} + +.header-section section { + width: 920px; + margin: 0 auto; +} + +.header-section section .header-content { + display: inline-block; + width: 450px; +} + +.header-section section .header-image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/new_features_hero_image.svg); + background-size: 100%; + background-repeat: no-repeat; + width: 438px; + height: 340px; + display: inline-block; + margin-top: 3px; + margin-left: 28px; + vertical-align: top; +} + +.header-section section p { + margin-top: 30px; + margin-bottom: 35px; + font-size: 18px; + line-height: 31px; +} + +.header-section button { + padding: 16px 23px; + background: #367cff; + border-radius: 27px; + font-weight: 300; + font-size: 16px; + line-height: 24px; + color: #fff; + border: 2px solid #367cff; + cursor: pointer; + box-shadow: none; + transition: 0.15s ease; +} + +.header-section button.secondary { + color: #367cff; + background: #fff; + border: 2px solid #367cff; + margin-right: 16px; +} + +.header-section button.secondary:hover { + background: #f2f8ff; + border: 2px solid #367cff; +} + +.header-section button.primary:hover { + box-shadow: 0 2px 10px 1px #d4d5d8; + background: #0059ff; + border: 2px solid #0059ff; +} + +.header-section button:active { + box-shadow: none !important; +} + +.header-section button i { + display: none; +} + +.rm-LandingPageHeader h1 { + font-family: Mulish, sans-serif !important; + font-size: 47px !important; + margin-bottom: 50px !important; + line-height: 60px; + font-weight: 300 !important; + width: 320px; + white-space: pre-wrap; +} + +.rm-Header-bottom-link.Button:active, +.rm-Header-bottom-link.Button:focus-within, +.rm-Header-top-link.Button:active, +.rm-Header-top-link.Button:focus-within, +.rm-ThemeToggle.Button:active, +.rm-ThemeToggle.Button:focus-within { + background: 0 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; + outline: 0; +} + +.rm-LandingPageHeader h1:before { + font-family: Mulish, sans-serif !important; + display: block !important; + width: 32px; + height: 32px; + content: "Venafi \A"; + font-weight: 700 !important; + margin-bottom: 16px; +} + +.landing p, +body { + font-family: Inter, sans-serif; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 28px; + color: #3d3e62 !important; +} + +.landing { + width: 820px; + margin: 0 auto; + padding: 20px 60px 80px; +} + +.landing.connect { + width: 925px; + padding: 50px 60px 80px; +} + +.landing.explore { + width: 925px; + padding: 50px 60px 80px; + border-bottom: 1px solid #d4d5d8; +} + +.control-plane .landing { + padding: 20px 60px 80px; + border-bottom: 1px solid #d4d5d8; +} + +.section_title.light { + font-weight: 300; +} + +.section_title.bold { + position: relative; + top: 16px; +} + +.landing h1 { + font-family: Inter, sans-serif; + font-style: normal; + font-weight: 600; + font-size: 32px !important; + line-height: 39px; + margin-bottom: 15px; +} + +.landing .section-caption { + margin-top: 16px; +} + +.connect-with-us { + padding-bottom: 60px; +} + +.explore { + padding-bottom: 60px; +} + +.explore-container { + margin-top: 45px; +} + +.connect-with-us-container { + margin-top: 45px; +} + +.card { + background: 0 0; + border-radius: 10px; + padding: 26px; + cursor: pointer; +} + +.card h2 { + font-family: Mulish, sans-serif; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 24px; + margin-bottom: 6px; +} + +.connect-with-us .card h2, +.explore .card h2, +.header-section section .card h2 { + font-family: Mulish, sans-serif; + font-style: normal; + font-size: 16px; + line-height: 24px; + text-align: center; + margin-bottom: 6px; + margin-top: 14px; + display: inline-block; + font-weight: 600; + position: relative; + top: -9px; + right: -3px; +} + +.header-section { + background: #f2f3f8 !important; +} + +.header-section > .landing { + width: 1030px !important; +} + +.header-section h1 { + margin: 0 !important; + padding: 0 !important; + font-size: 45px !important; + letter-spacing: 1.3px !important; +} + +.header-section h1.bold { + font-weight: 700 !important; +} + +.header-section section .card:first-child .image { + background-image: url("https://i.ibb.co/6ytCNLH/jar.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.header-section section .card:nth-child(2) .image { + background-image: url("https://i.ibb.co/WNXGG0b/endpoint-logo.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.header-section section .card:nth-child(3) .image { + background-image: url("https://i.ibb.co/r4yVzFJ/venafi-circle.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.header-section section .card:nth-child(4) .image { + background-image: url("https://i.ibb.co/r4yVzFJ/venafi-circle.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.control-plane .card h2 { + margin-top: 5px; +} + +.control-plane .card p { + margin-top: 15px; + font-size: 14px; + font-weight: 400; +} + +.control-plane .left_card { + margin-right: 33px; +} + +.control-plane-card-container { + margin-top: 50px; +} + +.connect-with-us .card, +.explore .card, +.header-section section .card { + display: inline-block; + width: 265px; + padding: 0; +} + +.header-section section .card { + width: 300px !important; +} + +.landing-link { + font-family: Mulish, sans-serif; + font-style: normal; + font-weight: 300; + font-size: 15px; + line-height: 24px; + text-decoration: none; + color: #1c70e6 !important; + float: left; + transition: 0.15s ease; + cursor: pointer; + margin-top: 15px; +} + +a.landing-link:hover { + text-shadow: 1px 7px 8px rgba(1, 1, 1, 0.2); + text-decoration: none !important; +} + +a.landing-link:hover span { + text-shadow: 1px 7px 8px rgba(1, 1, 1, 0.2); +} + +.landing-link .material-symbols-outlined { + position: relative; + font-size: 15px; +} + +.card:hover a.landing-link { + text-shadow: 1px 7px 8px rgba(1, 1, 1, 0.2); +} + +.connect-with-us .card:hover .material-symbols-outlined, +.explore .card:hover .material-symbols-outlined, +.header-section section .card:hover .material-symbols-outlined { + color: #1c70e6 !important; +} + +.control-plane { + background: #fff; +} + +.card { + display: inline-block; + width: 330px; +} + +.card p { + font-family: Mulish, sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} + +.explore .section-hero { + width: 370px; + display: inline-block; + margin-left: 70px; + vertical-align: top; +} + +.explore .section-image { + background-image: url(https://i.ibb.co/ryZPwdd/explore-image.png); + background-size: 100%; + background-repeat: no-repeat; + width: 325px; + height: 231px; + display: inline-block; + position: relative; + top: 17px; +} + +.explore .card p, +.header-section section .card p { + width: 250px; + margin-top: 0 !important; + margin-bottom: 0 !important; + font-size: 14px !important; + line-height: 24px !important; +} + +.connect-with-us .section-hero { + width: 420px; + display: inline-block; + margin-right: 30px; +} + +.connect-with-us .section-image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/connect_header.svg); + background-size: 100%; + background-repeat: no-repeat; + width: 325px; + height: 231px; + display: inline-block; + position: relative; + top: 17px; +} + +.connect-with-us .card p, +.header-section section .card p { + width: 250px; + margin-top: 0 !important; + margin-bottom: 0 !important; + font-size: 14px !important; + line-height: 24px !important; +} + +.control-plane .section-image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/control_plane_header.svg); + background-size: 100%; + background-repeat: no-repeat; + width: 330px; + height: 235px; + margin-right: 34px; + display: inline-block; +} + +.control-plane .section-hero { + width: 330px; + display: inline-block; + vertical-align: top; +} + +.control-plane .section-hero .section_title { + font-family: Inter, sans-serif; + font-style: normal; + font-weight: 600; + font-size: 32px !important; + line-height: 39px; + margin-bottom: 15px; + display: inline-block; + position: relative; + top: -16px; + left: 10px; +} + +.control-plane .card h2 { + font-size: 16px; + font-weight: 600; + display: inline-block; + vertical-align: bottom; + padding-left: 5px; + top: -3px; + position: relative; +} + +.control-plane .left_card { + vertical-align: top; +} + +.control-plane .left_card p { + margin-bottom: 36px; +} + +.control-plane .left_card .image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/tlspc_icon.png); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block; +} + +.control-plane .right_card .image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/firefly_icon.svg); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block; +} + +.control-plane .header_div { + display: inline-block; + font-size: 16px; +} + +.control-plane .section-hero .image { + background-image: url(https://devhub-assets.venafi.cloud/landing-page/control_plane_icon.svg); + background-size: 100%; + background-repeat: no-repeat; + width: 55px; + height: 55px; + display: inline-block; +} + +.explore .card:first-child .image { + background-image: url("https://i.ibb.co/xHHSTBw/api.png"); + background-size: 90%; + background-position: center bottom; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; + background-repeat: no-repeat; +} + +.explore .card:nth-child(2) .image { + background-image: url("https://i.ibb.co/TP5g5xK/docs.png"); + background-size: 90%; + background-position: center bottom; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; + background-repeat: no-repeat; +} + +.explore .card:nth-child(3) .image { + background-image: url("https://i.ibb.co/jycjfXT/firefly.png"); + background-size: 90%; + background-position: center bottom; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; + background-repeat: no-repeat; +} + +.connect-with-us .row, +.explore .row { + width: 100%; + padding-top: 20px; +} + +.connect-with-us .row1 .card:first-child .image { + background-image: url("https://devhub-assets.venafi.cloud/landing-page/venafi_icon.svg"); + background-size: 90%; + background-position: center bottom; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; + background-repeat: no-repeat; +} + +.connect-with-us .row1 .card:nth-child(2) .image { + background-image: url("https://i.ibb.co/x7wY45w/github-logo.png"); + background-size: 100%; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; + background-repeat: no-repeat; +} + +.connect-with-us .row1 .card:nth-child(3) .image { + background-image: url("https://i.ibb.co/vqBRb1Z/cert-manager.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.connect-with-us .row2 .card:nth-child(2) .image { + background-image: url("https://i.ibb.co/p4kFssQ/jetstack.png"); + background-size: 100%; + background-repeat: no-repeat; + height: 30px; + width: 30px; + display: inline-block !important; + margin-top: 20px; +} + +.footer { + padding: 34px; + background: #f2f3f8; +} + +.footer a { + font-size: 12px; + font-weight: 400; + text-decoration: none !important; + color: #3d3e62; + font-style: normal; + margin-right: 87px; + padding: 10px; +} + +.footer a:hover { + font-size: 12px; + font-weight: 400; + text-decoration: underline !important; + color: #3d3e62; + font-style: normal; +} + +.footer .footer-container { + width: fit-content; + margin: 0 auto; + display: flex; + flex-direction: row; +} + +.footer span { + font-size: 12px; + font-weight: 400; + color: #3d3e62; + font-style: normal; +} + +.rm-Header { + margin-left: 0 !important; + margin-right: 0 !important; + max-width: none !important; + letter-spacing: 0.25px !important; +} + +.rm-Container nav { + padding-bottom: 0 !important; +} + +.rm-Container { + overflow: inherit; +} + +.rm-Logo { + margin-right: 11px; + padding: 0 !important; + padding-top: 3px !important; + position: relative; + top: 2px; +} + +.rm-Logo-img { + height: 41px !important; +} + +.rm-Container > div:nth-child(2), +.rm-Container > div:nth-child(4) { + padding: 0 20px !important; +} + +.rm-Container > div:nth-child(2) { + padding-top: 0 !important; + padding-left: 16px !important; + overflow: hidden; + font-family: Mulish, sans-serif; +} + +.rm-Header-bottom { + background: #fff !important; + z-index: -10000; + min-height: 0 !important; + border-top: 1px solid #e9e9e9; +} + +.rm-Header-bottom .rm-Container > div { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.rm-Header-bottom-link { + height: 39px !important; + background: 0 0 !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; +} + +.ThemeContext_light .rm-Flyout { + background: #fff; +}