diff --git a/docs/intro.md b/docs/intro.md
deleted file mode 100644
index dcf80e4835..0000000000
--- a/docs/intro.md
+++ /dev/null
@@ -1,281 +0,0 @@
----
-slug: /
-pagination_next: null
-hide_table_of_contents: true
----
-
-# Home
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/docs/intro.mdx b/docs/intro.mdx
new file mode 100644
index 0000000000..f47bcdfc80
--- /dev/null
+++ b/docs/intro.mdx
@@ -0,0 +1,407 @@
+---
+slug: /
+pagination_next: null
+title: Home
+hide_table_of_contents: true
+hide_title: true
+---
+
+import clsx from 'clsx';
+
+
+
+ Welcome to Replicated Docs
+
+
+ Learn how to use the Replicated Platform to secure and distribute your software to enterprise customers
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Did You Know
+
Simulate Air Gap Networks With CMX
+
+ Set the network policy of VMs or VM-based clusters to `airgap` to simulate an environment with no outbound internet access.
+
+
+ Learn more →
+
+
+
+
+
+
+
+
+
+
Browse product documentation
+
+
+
Vendor Platform
+
+
+
+
+
+
Applications
+
Manage your application in the Vendor Portal
+
+
+
+
+
+
+
+
+
Replicated CLI
+
Use the CLI to manage applications, releases, and more
+
+
+
+
+
Vendor API
+
Integrate Vendor Platform functionality into your workflows
+
+
+
+
+
+
+
Embedded Cluster
+
+
+
+
+
Overview
+
Distribute a Kubernetes cluster and your application together as a single appliance
+
+
+
+
+
+
+
+
+
+
+
Helm CLI Installations
+
+
+
+
+
Overview
+
An introduction to Helm CLI installations for applications distributed with Replicated
+
+
+
+
+
+
+
+
+
Enterprise Portal
+
+
+
+
+
Overview
+
Give customers access to releases and instance data
+
+
+
+
+
+
+
+
+
+
+
Compatibility Matrix
+
+
+
+
+
Overview
+
Test your application across customer-representative environments
+
+
+
+
+
CMX Pricing
+
Learn about pricing for CMX clusters and VMs
+
+
+
+
+
+
Use CMX VMs
+
Create and manage virtual machines for testing
+
+
+
+
+
+
+
+
+
Replicated Proxy Registry
+
+
+
+
+
Overview
+
Grant proxy access to private images
+
+
+
+
+
+
+
+
+
+
+
+
Replicated SDK
+
+
+
+
+
Overview
+
In-cluster service and API to integrate key Replicated functionality into your application
+
+
+
+
+
+
+
+
+
+
+
Troubleshoot
+
+
+
+
+
Overview
+
Learn about troubleshooting tools for customer environments
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sidebars.js b/sidebars.js
index c5759e313a..8a48eefb61 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -34,7 +34,7 @@ const sidebars = {
},
//GET STARTED
- {type: 'html', value: 'get started ', defaultStyle: true},
+ {type: 'html', value: 'Get started ', defaultStyle: true},
'intro-replicated',
'vendor/kots-faq',
'vendor/quick-start',
@@ -69,7 +69,7 @@ const sidebars = {
],
},
// PRODUCT DOCS
- {type: 'html', value: 'product docs ', defaultStyle: true},
+ {type: 'html', value: 'Product docs ', defaultStyle: true},
{
type: 'category',
label: 'Vendor Portal',
@@ -839,12 +839,12 @@ const sidebars = {
},
//OPEN SOURCE DOCS
- {type: 'html', value: 'open source docs ', defaultStyle: true},
+ {type: 'html', value: 'Open source docs ', defaultStyle: true},
{type: 'link', href: 'https://kurl.sh/docs/introduction/', label: 'kURL.sh'},
{type: 'link', href: 'https://troubleshoot.sh/docs/collect/', label: 'Troubleshoot.sh'},
// POLICIES
- {type: 'html', value: 'platform overview ', defaultStyle: true},
+ {type: 'html', value: 'Platform overview ', defaultStyle: true},
{
type: 'category',
label: 'Replicated Policies',
@@ -891,4 +891,4 @@ const sidebars = {
],
};
-module.exports = sidebars;
+module.exports = sidebars;
\ No newline at end of file
diff --git a/src/components/CopyMarkdown.js b/src/components/CopyMarkdown.js
index 95c1991584..e5c523fc7a 100644
--- a/src/components/CopyMarkdown.js
+++ b/src/components/CopyMarkdown.js
@@ -35,8 +35,8 @@ function CopyMarkdown() {
? currentPath.slice(0, -1)
: currentPath;
- // For the homepage/intro, use /intro.md specifically
- const markdownPath = normalizedPath === '/' ? '/intro.md' : `${normalizedPath}.md`;
+ // For the homepage/intro, use /intro.mdx specifically
+ const markdownPath = normalizedPath === '/' ? '/intro.mdx' : `${normalizedPath}.md`;
// Fetch the markdown content
const response = await fetch(markdownPath);
@@ -74,8 +74,8 @@ function CopyMarkdown() {
? currentPath.slice(0, -1)
: currentPath;
- // For the homepage/intro, use /intro.md specifically
- const markdownPath = normalizedPath === '/' ? '/intro.md' : `${normalizedPath}.md`;
+ // For the homepage/intro, use /intro.mdx specifically
+ const markdownPath = normalizedPath === '/' ? '/intro.mdx' : `${normalizedPath}.md`;
// Open in a new tab
window.open(markdownPath, '_blank');
@@ -178,7 +178,11 @@ function CopyMarkdown() {
if (!hasContent) {
return null;
}
-
+ // Don't render on the homepage
+ if (window.location.pathname === '/') {
+ return null;
+ }
+
return (
ul {
- padding: 1.5em;
- list-style: none;
- border-radius: 7px;
- border: 1px solid rgba(88,88,88,0.2);
- width: 100%;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
-}
-
-.tile__container > ul:hover {
- background-image: linear-gradient(to bottom right, rgba(88,88,88,0.03), rgba(88,88,88,0.01));
-}
-
-[data-theme='dark'] .tile__container > ul:hover {
- background-image: linear-gradient(to bottom right, rgba(88,88,88,0.08), rgba(88,88,88,0.02));
-}
-
-.tile__container ul li h3 {
- padding-top: 15px;
-}
-
-.tile__header {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 1.0em;
- font-size: 1.25em;
-}
-
-.tile__header img {
- max-width: 55px;
- height: 55px;
- background-color:rgba(255,72,86,0.1);
- border-radius: 7px;
-}
-
-@media (max-width: 1300px) {
- .tile__container {
- flex-direction: column;
- }
-}
-
-#helm {
- background-color:rgba(15, 22, 137,0.05);
-}
-
-[data-theme='dark'] #helm {
- background-color:rgb(169, 169, 198);
-}
-
-#whats-new,
-[data-theme='dark'] #whats-new:hover {
- background-image: linear-gradient(to bottom right, rgba(69,145,247,0.1), rgba(69,145,247,0.025));
- border: 1px solid rgba(69,145,247,0.1);
-}
-
-#whats-new:hover,
-[data-theme='dark'] #whats-new {
- background-image: linear-gradient(to bottom right, rgba(69,145,247,0.2), rgba(69,145,247,0.05));
-}
-
-#whats-new .tile__header img {
- background-color: rgba(69,145,247,0.2);
-}
-
-[data-theme='dark'] #whats-new .tile__header img {
- content:url("/images/icons/chat_bubble_white.png");
-}
-
-#whats-new li a {
- color: rgb(69,145,247);
-}
-
-#did-you-know,
-[data-theme='dark'] #did-you-know:hover {
- background-image: linear-gradient(to bottom right, rgba(21, 140, 54,0.1), rgba(21, 140, 54,0.025));
- border: 1px solid rgba(21, 140, 54,0.1);
-}
-
-#did-you-know:hover,
-[data-theme='dark'] #did-you-know {
- background-image: linear-gradient(to bottom right, rgba(21, 140, 54,0.2), rgba(21, 140, 54,0.05));
-}
-
-#did-you-know .tile__header img {
- background-color: rgba(21, 140, 54,0.2);
-}
-
-[data-theme='dark'] #did-you-know .tile__header img {
- content:url("/images/icons/lightbulb_white.png");
-}
-
-#did-you-know li a {
- color: rgb(21, 140, 54);
-}
-
-/* Sidebar */
-
-.menu__list-item > h5 {
- text-transform: uppercase;
- margin: 1rem 0 0 0;
-}
-
-.theme-doc-sidebar-menu.menu__list {
- margin-bottom: 75px;
-}
-
-a.menu__link {
- font-size: .9em;
-}
-
-.menu__list-item > a:hover, .menu__list-item-collapsible > a:hover {
- color: var(--ifm-color-primary);
-}
-
-/* Navbar */
-
-.dropdown__link:hover, .navbar__link {
- background-color: transparent;
- color: var(--ifm-dropdown-link-color);
- text-decoration: none;
-}
-
-.dropdown__link--active, .navbar__link--active {
- background-color: transparent;
- color: #2f2f2f;
-}
-
-html[data-theme='dark'] .dropdown__link--active, .navbar__link--active {
- color: white;
-}
-
-html[data-theme='dark'] .dropdown__link:hover, .navbar__link {
- color: var(--ifm-dropdown-link-color);
- text-decoration: none;
-}
-
-.dropdown > .navbar__link:after {
- content: '';
- border: none;
- position: static;
- top: auto;
- transform: none;
- width: 12px;
- height: 12px;
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z' fill='%23888888'/%3E%3C/svg%3E");
- background-size: 12px;
- background-repeat: no-repeat;
-}
-
-html[data-theme='dark'] .dropdown > .navbar__link:after {
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z' fill='%23ffffff'/%3E%3C/svg%3E");
-}
-
-/* Release Note label styling */
-
-h3[id^="new-features"] {
- background-color: #4BC99C;
- border-radius: 7px!important;
- color: #fff;
- width: max-content;
- padding: 0.2em 0.6em 0.2em;
- font-weight: 500;
- font-size: 20px;
-}
-
-h3[id^="improvements"] {
- background-color: #38C1CA;
- border-radius: 7px!important;
- color: #fff;
- width: max-content;
- padding: 0.2em 0.6em 0.2em;
- font-weight: 500;
- font-size: 20px;
-}
-
-h3[id^="bug-fixes"] {
- background-color: #F47878;
- border-radius: 7px!important;
- color: #fff;
- width: max-content;
- padding: 0.2em 0.6em 0.2em;
- font-weight: 500;
- font-size: 20px;
-}
-
-h3[id^="breaking-changes"] {
- background-color: #d34a54;
- /* background-color: #D64399; */
- border-radius: 7px!important;
- color: #fff;
- width: max-content;
- padding: 0.2em 0.6em 0.2em;
- font-weight: 500;
- font-size: 20px;
-}
-
-
-h3[id^="known-issues"] {
- background-color: #414288;
- /* background-color: #D64399; */
- border-radius: 7px!important;
- color: #fff;
- width: max-content;
- padding: 0.2em 0.6em 0.2em;
- font-weight: 500;
- font-size: 20px;
-}
-
-h3[id^="new-features"] a {
- color: #fff;
- opacity: .5;
- text-decoration: none;
-}
-
-h3[id^="improvements"] a {
- color: #fff;
- opacity: .5;
- text-decoration: none;
-}
-
-h3[id^="bug-fixes"] a {
- color: #fff;
- opacity: .5;
- text-decoration: none;
-}
-
-h3[id^="breaking-changes"] a {
- color: #fff;
- opacity: .5;
- text-decoration: none;
-}
-
-h3[id^="known-issues"] a {
- color: #fff;
- opacity: .5;
- text-decoration: none;
-}
-td#center {
- text-align: center;
-}
\ No newline at end of file
+ /* primary replicated colors */
+ --replicated-red: #ff4856;
+ --cyber-mint: #51e9f0;
+ --nebula-purple: #6977fb;
+ --graphite-gray: #585858;
+ --slate-noir: #161616;
+
+ /* secondary replicated colors */
+ --pixel-pink: #fe678c;
+ --neon-violet: #a45dfd;
+ --digital-blue: #4591f7;
+ --blue-nova: #306de5;
+ --leaf-byte: #37cc97;
+ --canary-beam: #ffed58;
+ --solar-flare: #ff934e;
+ /* shades */
+ --replicated-red-dark: #e6414d;
+ --blue-nova-dark: #2657b7;
+}
\ No newline at end of file
diff --git a/src/css/footer.css b/src/css/footer.css
new file mode 100644
index 0000000000..6455d0f2ec
--- /dev/null
+++ b/src/css/footer.css
@@ -0,0 +1,3 @@
+.footer--dark {
+ --ifm-footer-background-color: #2f2f2f;
+}
\ No newline at end of file
diff --git a/src/css/homepage.css b/src/css/homepage.css
new file mode 100644
index 0000000000..f6768e27e2
--- /dev/null
+++ b/src/css/homepage.css
@@ -0,0 +1,306 @@
+/* Hero/Welcome section styles */
+.hero-section {
+ background-image: linear-gradient(to bottom left, rgba(48, 109, 229, 0.25), rgba(48, 109, 229, 0));
+ padding: 60px 40px;
+ margin-bottom: 2rem;
+ }
+
+ .hero-title {
+ text-align: left;
+ margin: 0 0 16px 0;
+ }
+
+ .hero-subtitle {
+ font-size: 1.2rem;
+ text-align: left;
+ margin: 0 0 24px 0;
+ max-width: 800px;
+ }
+
+ .hero-buttons {
+ display: flex;
+ gap: 16px;
+ align-items: center;
+ }
+
+ .hero-button {
+ background-color: var(--replicated-red);
+ color: white;
+ border: none;
+ padding: 12px 24px;
+ font-size: 1.1rem;
+ font-weight: var(--ifm-heading-font-weight);
+ border-radius: 6px;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .hero-button::after {
+ content: '';
+ width: 20px;
+ height: 20px;
+ background: url('/static/images/icons/arrow-white.svg') no-repeat center;
+ background-size: 25px;
+ }
+
+ .hero-button:hover {
+ color: white;
+ text-decoration: none;
+ }
+
+ .hero-button-secondary {
+ color: var(--ifm-color-content);
+ background: none;
+ border: none;
+ padding: 0;
+ font-size: 1.1rem;
+ font-weight: 400;
+ cursor: pointer;
+ transition: color 0.2s ease;
+ text-decoration: underline;
+ text-underline-offset: 4px;
+ }
+
+ /* Get started section styles */
+ .get-started-section {
+ margin: 3rem 0 2rem 0;
+ }
+
+ .get-started-title {
+ font-size: rem;
+ font-weight: var(--ifm-heading-font-weight);
+ text-align: left;
+ margin: 0 0 24px 0;
+ line-height: 1.3;
+ }
+
+ /* Remove container padding to align with heading */
+ .get-started-section .container {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ /* Make get-started row columns equal height */
+ .get-started-section .row {
+ display: flex;
+ align-items: stretch;
+ }
+
+ .get-started-section .col {
+ display: flex;
+ }
+
+ /* Add vertical spacing when cards stack on smaller screens */
+ @media (max-width: 996px) {
+ .get-started-section .row, .feature-showcase .row {
+ flex-direction: column;
+ gap: var(--ifm-spacing-vertical);
+ }
+ }
+
+ /* Get started box styles */
+ .get-started-box {
+ flex: 1;
+ padding: 30px;
+ border: 1px solid var(--ifm-color-emphasis-200);
+ border-radius: 8px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ transition: all 0.2s ease;
+ cursor: pointer;
+ height: 100%;
+ text-decoration: none;
+ color: inherit;
+ }
+
+ .get-started-box:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 8px 24px #5858581A;
+ text-decoration: none;
+ color: inherit;
+ }
+
+ .get-started-box-icon {
+ width: 40px;
+ height: 40px;
+ margin-bottom: 12px;
+ }
+
+ .get-started-box-title {
+ font-size: 1rem;
+ font-weight: var(--ifm-heading-font-weight);
+ margin: 0 0 12px 0;
+ min-height: 1rem;
+ display: flex;
+ align-items: flex-start;
+ }
+
+ .get-started-box-subtitle {
+ font-size: 1rem;
+ margin: 0;
+ /* use opacity so that the color works in both light and dark mode */
+ opacity: 0.8;
+ }
+
+ /* Feature showcase section styles */
+ .feature-showcase {
+ margin: 3rem 0;
+ }
+
+ .feature-showcase .container {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .whats-new-hero {
+ background: var(--blue-nova);
+ color: white;
+ padding: 32px;
+ border-radius: 12px;
+ position: relative;
+ overflow: hidden;
+ text-decoration: none;
+ display: block;
+ transition: all 0.2s ease;
+ }
+
+ .whats-new-hero p {
+ margin-bottom: 0;
+ }
+
+ .whats-new-hero:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 8px 24px #5858581A;
+ color: white;
+ text-decoration: none;
+ }
+
+ .whats-new-badge, .did-you-know-badge {
+ display: inline-block;
+ background: rgba(255, 255, 255, 0.3);
+ font-size: 0.75rem;
+ font-weight: var(--ifm-heading-font-weight);
+ padding: 4px 12px;
+ border-radius: 16px;
+ text-transform: uppercase;
+ margin-bottom: 16px;
+ }
+
+ .did-you-know-badge {
+ background: var(--blue-nova);
+ color: white;
+ }
+
+ .did-you-know-card a {
+ color: var(--blue-nova);
+ }
+
+ /* Browse documentation section styles */
+
+ .browse-docs-section .container {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .browse-docs-title {
+ font-size: 2rem;
+ font-weight: var(--ifm-heading-font-weight);
+ text-align: left;
+ margin: 0 0 32px 0;
+ line-height: 1.3;
+ }
+
+ .browse-docs-categories {
+ display: flex;
+ flex-direction: column;
+ gap: 32px;
+ margin-bottom: 2rem;
+ }
+
+ .browse-docs-category {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .browse-docs-category-title {
+ font-size: 1rem;
+ border-bottom: 1px solid var(--ifm-color-emphasis-200);
+ padding-bottom: 8px;
+ transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ /* use opacity so that the color works in both light and dark mode */
+ opacity: 0.8;
+ }
+
+ .browse-docs-category-title:hover {
+ border-bottom-color: var(--ifm-color-primary);
+ }
+
+ .browse-docs-links {
+ gap: 24px 0;
+ }
+
+ .browse-docs-link-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ }
+
+ .browse-docs-link {
+ text-decoration: none;
+ font-size: 1rem;
+ font-weight: var(--ifm-heading-font-weight);
+ transition: text-decoration 0.2s ease;
+ display: inline-block;
+ width: fit-content;
+ }
+
+ .browse-docs-link:hover {
+ text-decoration: underline;
+ }
+
+ .browse-docs-link-description {
+ font-size: 0.9rem;
+ margin: 0;
+ opacity: 0.8;
+ }
+
+ /* Dark mode styles for landing page */
+ html[data-theme='dark'] {
+ .whats-new-hero, .did-you-know-badge {
+ background: var(--blue-nova-dark);
+ }
+
+ .hero-button {
+ background: var(--ifm-color-primary-dark);
+ }
+
+ .dropdown__link--active,
+ .navbar__link--active,
+ .menu__list-item > a:hover,
+ .menu__list-item-collapsible > a:hover,
+ .menu__link--active {
+ color: var(--ifm-color-content);
+ }
+
+ .dropdown__link:hover, .navbar__link {
+ color: var(--ifm-dropdown-link-color);
+ text-decoration: none;
+ }
+
+ /* Get started icons - swap to white versions in dark mode */
+ .get-started-box img[src="/images/icons/lightbulb-black.svg"] {
+ content: url("/images/icons/lightbulb-white.svg");
+ }
+
+ .get-started-box img[src="/images/icons/computer-black.svg"] {
+ content: url("/images/icons/computer-white.svg");
+ }
+
+ .get-started-box img[src="/images/icons/alien-vault-black.svg"] {
+ content: url("/images/icons/alien-vault-white.svg");
+ }
+ }
\ No newline at end of file
diff --git a/src/css/navbar.css b/src/css/navbar.css
new file mode 100644
index 0000000000..ea4be68ca3
--- /dev/null
+++ b/src/css/navbar.css
@@ -0,0 +1,35 @@
+.DocSearch-Logo {
+ display: none;
+}
+
+.DocSearch-Footer {
+ justify-content: center !important;
+}
+
+.dropdown__link:hover, .navbar__link {
+ background-color: transparent;
+ color: var(--ifm-dropdown-link-color);
+ text-decoration: none;
+}
+
+.dropdown__link--active, .navbar__link--active {
+ background-color: transparent;
+ color: #2f2f2f;
+}
+
+.dropdown > .navbar__link:after {
+ content: '';
+ border: none;
+ position: static;
+ top: auto;
+ transform: none;
+ width: 12px;
+ height: 12px;
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z' fill='%23888888'/%3E%3C/svg%3E");
+ background-size: 12px;
+ background-repeat: no-repeat;
+}
+
+html[data-theme='dark'] .dropdown > .navbar__link:after {
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z' fill='%23ffffff'/%3E%3C/svg%3E");
+}
\ No newline at end of file
diff --git a/src/css/release-notes.css b/src/css/release-notes.css
new file mode 100644
index 0000000000..492a6b6d50
--- /dev/null
+++ b/src/css/release-notes.css
@@ -0,0 +1,82 @@
+h3[id^="new-features"] {
+ background-color: var(--leaf-byte);
+ border-radius: 7px!important;
+ color: #fff;
+ width: max-content;
+ padding: 0.2em 0.6em 0.2em;
+ font-weight: 500;
+ font-size: 20px;
+ }
+
+h3[id^="improvements"] {
+ background-color: var(--digital-blue);
+ border-radius: 7px!important;
+ color: #fff;
+ width: max-content;
+ padding: 0.2em 0.6em 0.2em;
+ font-weight: 500;
+ font-size: 20px;
+ }
+
+h3[id^="bug-fixes"] {
+ background-color: var(--solar-flare);
+ border-radius: 7px!important;
+ color: #fff;
+ width: max-content;
+ padding: 0.2em 0.6em 0.2em;
+ font-weight: 500;
+ font-size: 20px;
+ }
+
+h3[id^="breaking-changes"] {
+ background-color: var(--pixel-pink);
+ /* background-color: #D64399; */
+ border-radius: 7px!important;
+ color: #fff;
+ width: max-content;
+ padding: 0.2em 0.6em 0.2em;
+ font-weight: 500;
+ font-size: 20px;
+ }
+
+
+h3[id^="known-issues"] {
+ background-color: var(--neon-violet);
+ /* background-color: #D64399; */
+ border-radius: 7px!important;
+ color: #fff;
+ width: max-content;
+ padding: 0.2em 0.6em 0.2em;
+ font-weight: 500;
+ font-size: 20px;
+ }
+
+h3[id^="new-features"] a {
+ color: #fff;
+ opacity: .5;
+ text-decoration: none;
+ }
+
+h3[id^="improvements"] a {
+ color: #fff;
+ opacity: .5;
+ text-decoration: none;
+ }
+
+h3[id^="bug-fixes"] a {
+ color: #fff;
+ opacity: .5;
+ text-decoration: none;
+ }
+
+h3[id^="breaking-changes"] a {
+ color: #fff;
+ opacity: .5;
+ text-decoration: none;
+ }
+
+h3[id^="known-issues"] a {
+ color: #fff;
+ opacity: .5;
+ text-decoration: none;
+ }
\ No newline at end of file
diff --git a/src/css/sidebar.css b/src/css/sidebar.css
new file mode 100644
index 0000000000..7d20320301
--- /dev/null
+++ b/src/css/sidebar.css
@@ -0,0 +1,18 @@
+.menu__list-item > h5 {
+ /* text-transform: uppercase; */
+ margin: 1rem 0 0 0;
+ }
+
+ .theme-doc-sidebar-menu.menu__list {
+ margin-bottom: 75px;
+ }
+
+ a.menu__link {
+ font-size: .9em;
+ }
+
+ .menu__list-item > a:hover,
+ .menu__list-item-collapsible > a:hover,
+ .menu__link--active {
+ color: var(--slate-noir);
+ }
\ No newline at end of file
diff --git a/static/images/icons/admin.png b/static/images/icons/admin.png
deleted file mode 100644
index 3b6b6bc0f1..0000000000
Binary files a/static/images/icons/admin.png and /dev/null differ
diff --git a/static/images/icons/alien-vault-black.svg b/static/images/icons/alien-vault-black.svg
new file mode 100644
index 0000000000..4adbefa6fe
--- /dev/null
+++ b/static/images/icons/alien-vault-black.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/static/images/icons/alien-vault-white.svg b/static/images/icons/alien-vault-white.svg
new file mode 100644
index 0000000000..47e4b74777
--- /dev/null
+++ b/static/images/icons/alien-vault-white.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/static/images/icons/alien_vault.png b/static/images/icons/alien_vault.png
deleted file mode 100644
index 3a2557ddf7..0000000000
Binary files a/static/images/icons/alien_vault.png and /dev/null differ
diff --git a/static/images/icons/arrow-white.svg b/static/images/icons/arrow-white.svg
new file mode 100644
index 0000000000..b9f4e772ee
--- /dev/null
+++ b/static/images/icons/arrow-white.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/static/images/icons/chat_bubble.png b/static/images/icons/chat_bubble.png
deleted file mode 100644
index dd9a5f817f..0000000000
Binary files a/static/images/icons/chat_bubble.png and /dev/null differ
diff --git a/static/images/icons/chat_bubble_white.png b/static/images/icons/chat_bubble_white.png
deleted file mode 100644
index 344004d4c8..0000000000
Binary files a/static/images/icons/chat_bubble_white.png and /dev/null differ
diff --git a/static/images/icons/chat_bubble_white.svg b/static/images/icons/chat_bubble_white.svg
deleted file mode 100644
index 9b4131bd91..0000000000
--- a/static/images/icons/chat_bubble_white.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
-
diff --git a/static/images/icons/checklist.png b/static/images/icons/checklist.png
deleted file mode 100644
index 6a077da8bf..0000000000
Binary files a/static/images/icons/checklist.png and /dev/null differ
diff --git a/static/images/icons/computer-black.svg b/static/images/icons/computer-black.svg
new file mode 100644
index 0000000000..839eb5b056
--- /dev/null
+++ b/static/images/icons/computer-black.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/static/images/icons/computer-white.svg b/static/images/icons/computer-white.svg
new file mode 100644
index 0000000000..06e06ee6d8
--- /dev/null
+++ b/static/images/icons/computer-white.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/static/images/icons/helm-logo.png b/static/images/icons/helm-logo.png
deleted file mode 100644
index c7e0873647..0000000000
Binary files a/static/images/icons/helm-logo.png and /dev/null differ
diff --git a/static/images/icons/k8s_installer.png b/static/images/icons/k8s_installer.png
deleted file mode 100644
index ff9ef3fb2d..0000000000
Binary files a/static/images/icons/k8s_installer.png and /dev/null differ
diff --git a/static/images/icons/kots.png b/static/images/icons/kots.png
deleted file mode 100644
index 738f818099..0000000000
Binary files a/static/images/icons/kots.png and /dev/null differ
diff --git a/static/images/icons/kots_favicon.ico b/static/images/icons/kots_favicon.ico
deleted file mode 100644
index 8afddd4cd3..0000000000
Binary files a/static/images/icons/kots_favicon.ico and /dev/null differ
diff --git a/static/images/icons/kots_favicon_w.png b/static/images/icons/kots_favicon_w.png
deleted file mode 100644
index 091ee07a7d..0000000000
Binary files a/static/images/icons/kots_favicon_w.png and /dev/null differ
diff --git a/static/images/icons/kots_w.png b/static/images/icons/kots_w.png
deleted file mode 100644
index a5c2be5d0a..0000000000
Binary files a/static/images/icons/kots_w.png and /dev/null differ
diff --git a/static/images/icons/licensing.png b/static/images/icons/licensing.png
deleted file mode 100644
index fa12c80238..0000000000
Binary files a/static/images/icons/licensing.png and /dev/null differ
diff --git a/static/images/icons/lightbulb-black.svg b/static/images/icons/lightbulb-black.svg
new file mode 100644
index 0000000000..14a905e434
--- /dev/null
+++ b/static/images/icons/lightbulb-black.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/static/images/icons/lightbulb-white.svg b/static/images/icons/lightbulb-white.svg
new file mode 100644
index 0000000000..e850f1c9c2
--- /dev/null
+++ b/static/images/icons/lightbulb-white.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/static/images/icons/lightbulb.png b/static/images/icons/lightbulb.png
deleted file mode 100644
index 7bcfd4cc2e..0000000000
Binary files a/static/images/icons/lightbulb.png and /dev/null differ
diff --git a/static/images/icons/lightbulb_white.png b/static/images/icons/lightbulb_white.png
deleted file mode 100644
index 4c493e680b..0000000000
Binary files a/static/images/icons/lightbulb_white.png and /dev/null differ
diff --git a/static/images/icons/release.png b/static/images/icons/release.png
deleted file mode 100644
index bbd2c94f0d..0000000000
Binary files a/static/images/icons/release.png and /dev/null differ
diff --git a/static/images/icons/support_bundle.png b/static/images/icons/support_bundle.png
deleted file mode 100644
index 28fa3ed842..0000000000
Binary files a/static/images/icons/support_bundle.png and /dev/null differ
diff --git a/static/images/icons/tools.png b/static/images/icons/tools.png
deleted file mode 100644
index d042d24dd5..0000000000
Binary files a/static/images/icons/tools.png and /dev/null differ
diff --git a/static/images/icons/vendor_portal_1.png b/static/images/icons/vendor_portal_1.png
deleted file mode 100644
index 5eab45588e..0000000000
Binary files a/static/images/icons/vendor_portal_1.png and /dev/null differ
diff --git a/static/images/icons/vendor_portal_1.svg b/static/images/icons/vendor_portal_1.svg
deleted file mode 100644
index 403a0cae83..0000000000
--- a/static/images/icons/vendor_portal_1.svg
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/static/images/icons/vendor_portal_2.png b/static/images/icons/vendor_portal_2.png
deleted file mode 100644
index 00172d27d8..0000000000
Binary files a/static/images/icons/vendor_portal_2.png and /dev/null differ