Skip to content

update styles and content on landing page #3267

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

update styles and content on landing page #3267

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8223a1d
add new card style
paigecalvert May 22, 2025
d66c001
landing page styles
paigecalvert May 22, 2025
f9b51ab
edits
paigecalvert May 23, 2025
93f9d24
edits
paigecalvert May 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
333 changes: 55 additions & 278 deletions docs/intro.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,286 +1,63 @@
---
slug: /
hide_table_of_contents: true
pagination_next: null
---

# Home
# Replicated Documentation

<section class="tile__container">
<ul id="whats-new">
<li class="tile__header">
<img src="/images/icons/chat_bubble.png" alt="chat bubble icon" width="55px" height="55px"></img>
<p>What's New?</p>
</li>
<li>
<h3>Configure the Kubelet with Embedded Cluster</h3>
<p>Use the Embedded Cluster Config to change the Kubelet configuration based on your application's needs.</p>
</li>
<li>
<a href="/reference/embedded-config#configure-the-kubelet">Learn more</a>
</li>
</ul>
<ul id="did-you-know">
<li class="tile__header">
<img src="/images/icons/lightbulb.png" alt="lightbulb icon" width="55px" height="55px"></img>
<p>Did You Know?</p>
</li>
<li>
<h3>Customize the SDK with Helm Values</h3>
<p>The Replicated SDK's Helm values support various configuration options, like adding custom annotations across all resources, defining container resource requirements, and more.</p>
</li>
<li>
<a href="/vendor/replicated-sdk-customizing">Learn more</a>
</li>
</ul>
<div class="highlight-cards">
<div class="highlight-card">
<div class="highlight-card-label">What's New?</div>
<h3 class="highlight-card-title">Lorem Ipsum Dolor Sit Amet</h3>
<p class="highlight-card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.</p>
<a href="#" class="highlight-card-link">Learn more</a>
</div>
<div class="highlight-card">
<div class="highlight-card-label">Did You Know?</div>
<h3 class="highlight-card-title">Lorem Ipsum Dolor Sit Amet</h3>
<p class="highlight-card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.</p>
<a href="#" class="highlight-card-link">Learn more</a>
</div>
</div>
<section class="hero-section">
<div class="hero-content">
<h2 class="hero-title">Get Started with Replicated</h2>
<p class="hero-description">Onboarding workflows, tutorials, and labs to help you get started with Replicated quickly.</p>
</div>
<div class="hero-cards">
<a href="/vendor/replicated-onboarding" class="hero-card">
<h3 class="hero-card-title">Quick Start Guide</h3>
<p class="hero-card-text">Follow our step-by-step guide to get your application ready for distribution.</p>
</a>
<a href="/vendor/tutorial-embedded-cluster-setup" class="hero-card">
<h3 class="hero-card-title">Tutorials</h3>
<p class="hero-card-text">Learn through hands-on tutorials covering key Replicated features.</p>
</a>
<a href="/vendor/kots-faq" class="hero-card">
<h3 class="hero-card-title">FAQs</h3>
<p class="hero-card-text">Find answers to commonly asked questions about Replicated.</p>
</a>
</div>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/alien_vault.png" alt="ufo icon" width="55px" height="55px"></img>
<p>Getting Started with Replicated</p>
</li>
<li>
<p>Onboarding workflows, tutorials, and labs to help you get started with Replicated quickly.</p>
</li>
<li>
<a href="intro-replicated">Introduction to Replicated</a>
</li>
<li>
<a href="/vendor/kots-faq">Replicated FAQs</a>
</li>
<li>
<a href="/vendor/replicated-onboarding">Replicated Onboarding</a>
</li>
<li>
<a href="/vendor/tutorial-embedded-cluster-setup">Tutorials</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/vendor_portal_1.png" alt="vendor portal icon" width="55px" height="55px"></img>
<p>Vendor Platform</p>
</li>
<li>
<p>Create and manage your account and team.</p>
</li>
<li>
<a href="/vendor/vendor-portal-creating-account">Create a Vendor Account</a>
</li>
<li>
<a href="/vendor/team-management#invite-members">Manage Team Members</a>
</li>
<li>
<a href="/vendor/team-management-rbac-configuring">Configure RBAC Policies</a>
</li>
</ul>
<ul>
<li class="tile__header">
<img src="images/icons/release.png" alt="rocket ship icon" width="55px" height="55px"></img>
<p>Compatibility Matrix</p>
</li>
<li>
<p>Rapidly create Kubernetes clusters, including OpenShift.</p>
</li>
<li>
<a href="/vendor/testing-about">About Compatibility Matrix</a>
</li>
<li>
<a href="/vendor/testing-how-to">Use Compatibility Matrix</a>
</li>
<li>
<a href="/vendor/testing-supported-clusters">Supported Cluster Types</a>
</li>
<li>
<a href="/vendor/testing-cluster-addons">Cluster Add-ons</a>
</li>
<li>
<a href="/vendor/ci-workflows">Recommended CI/CD Workflows</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/helm-logo.png" alt="helm logo" id="helm"></img>
<p>Helm Charts</p>
</li>
<li>
<p>Distribute Helm charts with Replicated.</p>
</li>
<li>
<a href="/vendor/install-with-helm">Install with Helm</a>
</li>
<li>
<a href="/vendor/helm-install-release">Package a Helm Chart for a Release</a>
</li>
<li>
<a href="/vendor/replicated-sdk-overview">About the Replicated SDK</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/admin.png" alt="kots icon"></img>
<p>Replicated KOTS</p>
</li>
<li>
<p>A kubectl plugin and in-cluster Admin Console that installs applications in customer-controlled environments.</p>
</li>
<li>
<a href="intro-kots">Introduction to KOTS</a>
</li>
<li>
<a href="/vendor/helm-native-about">About Distributing Helm Charts with KOTS</a>
</li>
</ul>
<ul>
<li class="tile__header">
<img src="images/icons/k8s_installer.png" alt="installer icon"></img>
<p>Embedded Cluster</p>
</li>
<li>
<p>Embed Kubernetes with your application to support installations on VMs or bare metal servers.</p>
</li>
<li>
<a href="/vendor/embedded-overview">Embedded Cluster Overview</a>
</li>
<li>
<a href="/enterprise/installing-embedded">Install with Embedded Cluster</a>
</li>
<li>
<a href="/vendor/tutorial-embedded-cluster-setup">Tutorial: Deploy a Helm Chart on a VM with Embedded Cluster</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/dashboard_1.png" alt="dashboard icon" width="55px" height="55px"></img>
<p>Insights and Telemetry</p>
</li>
<li>
<p>Get insights on installed instances of your application.</p>
</li>
<li>
<a href="/vendor/instance-insights-event-data">About Instance and Event Data</a>
</li>
<li>
<a href="/vendor/customer-adoption">Adoption Report</a>
</li>
<li>
<a href="/vendor/instance-insights-details">Instance Details</a>
</li>
<li>
<a href="/vendor/custom-metrics">Configure Custom Metrics</a>
</li>
</ul>
<ul>
<li class="tile__header">
<img src="images/icons/vendor_portal_2.png" alt="vendor portal icon" width="55px" height="55px"></img>
<p>Channels and Releases</p>
</li>
<li>
<p>Manage application releases with the vendor platform.</p>
</li>
<li>
<a href="/vendor/releases-about">About Channels and Releases</a>
</li>
<li>
<a href="/vendor/releases-creating-releases">Manage Releases with the Vendor Portal</a>
</li>
<li>
<a href="/vendor/releases-creating-cli">Manage Releases with the CLI</a>
</li>
</ul>
<ul>
<li class="tile__header">
<img src="images/icons/licensing.png" alt="dashboard icon" width="55px" height="55px"></img>
<p>Customer Licensing</p>
</li>
<li>
<p>Create, customize, and issue customer licenses.</p>
</li>
<li>
<a href="/vendor/licenses-about">About Customers</a>
</li>
<li>
<a href="/vendor/releases-creating-customer">Create and Manage Customers</a>
</li>
<li>
<a href="/vendor/licenses-adding-custom-fields">Manage Customer License Fields</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/checklist.png" alt="checklist icon" width="55px" height="55px"></img>
<p>Preflight Checks</p>
</li>
<li>
<p>Define and verify installation environment requirements.</p>
</li>
<li>
<a href="/vendor/preflight-defining">Define Preflight Checks</a>
</li>
<li>
<a href="/vendor/preflight-running">Run Preflight Checks for Helm Installations</a>
</li>
<li>
<a href="/vendor/tutorial-preflight-helm-setup">Preflight Checks Tutorial for Helm Charts</a>
</li>
<li>
<a href="https://play.instruqt.com/embed/replicated/tracks/avoiding-installation-pitfalls?token=em_gJjtIzzTTtdd5RFG">Preflight Checks Lab in Instruqt</a>
</li>
</ul>
<ul>
<li class="tile__header">
<img src="images/icons/support_bundle.png" alt="support bundle icon" width="55px" height="55px"></img>
<p>Support Bundles</p>
</li>
<li>
<p>Gather information about customer environments for troubleshooting.</p>
</li>
<li>
<a href="vendor/support-bundle-customizing">Add and Customize Support Bundles</a>
</li>
<li>
<a href="/vendor/support-host-support-bundles">Configure Host Support Bundles</a>
</li>
<li>
<a href="/vendor/support-bundle-generating">Generate Support Bundles</a>
</li>
<li>
<a href="https://play.instruqt.com/embed/replicated/tracks/closing-information-gap?token=em_MO2XXCz3bAgwtEca">Support Bundles Lab in Instruqt</a>
</li>
</ul>
</section>
<section class="tile__container">
<ul>
<li class="tile__header">
<img src="images/icons/tools.png" alt="carpenter tools icon" width="55px" height="55px"></img>
<p>Developer Tools</p>
</li>
<li>
<p>APIs, CLIs, and an SDK for interacting with the Replicated platform.</p>
</li>
<li>
<a href="/reference/replicated-cli-installing">Install the Replicated CLI</a>
</li>
<li>
<a href="/reference/vendor-api-using">Use the Vendor API v3</a>
</li>
<li>
<a href="/reference/kots-cli-getting-started">Install the KOTS CLI</a>
</li>
<li>
<a href="/vendor/replicated-sdk-overview">Replicated SDK</a>
</li>
<li>
<a href="/reference/replicated-sdk-apis">Replicated SDK API</a>
</li>
</ul>

## Product Docs
<section>
<div class="card-grid">
<a href="/vendor/embedded-overview" class="card-link">
<img src="/images/icons/k8s_installer-red.svg" alt="Kubernetes installer icon" class="card-logo card-logo-light" />
<h3 class="card-title">Embedded Cluster</h3>
<p class="card-text">Learn how to embed Kubernetes with your application for VM or bare metal installations.</p>
</a>
<a href="/vendor/replicated-sdk-overview" class="card-link">
<img src="/images/icons/vendor_portal_1-red.svg" alt="Vendor portal logo" class="card-logo" />
<h3 class="card-title">Vendor Portal</h3>
<p class="card-text">Integrate the Replicated platform features with your Helm charts.</p>
</a>
<a href="/vendor/support-bundle-customizing" class="card-link">
<img src="/images/icons/support_bundle-red.svg" alt="Support bundle icon" class="card-logo" />
<h3 class="card-title">Support Bundles</h3>
<p class="card-text">Configure support bundles to troubleshoot installations efficiently.</p>
</a>
</div>
</section>
26 changes: 14 additions & 12 deletions docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,8 @@ const config = {
keywords: ['note','important', 'tip', 'info', 'caution', 'danger'],
extendDefaults: true,
},
showLastUpdateTime: false,
showLastUpdateAuthor: false,
},
googleAnalytics: {
trackingID: 'UA-61420213-25',
Expand All @@ -47,18 +49,18 @@ const config = {
],
],

scripts: [
{
src:
'/js/activecampaign.js',
async: true,
},
{
src:
'/js/visitoranalytics.js',
async: true,
},
],
// scripts: [
// {
// src:
// '/js/activecampaign.js',
// async: true,
// },
// {
// src:
// '/js/visitoranalytics.js',
// async: true,
// },
// ],

themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
Expand Down
Loading