diff --git a/content/de/index.mdx b/content/de/index.mdx
index 067bce37..ddc2b6fc 100644
--- a/content/de/index.mdx
+++ b/content/de/index.mdx
@@ -16,6 +16,8 @@ description: "Installieren Sie RustFS unter Linux, in Containern, auf Kubernetes
+
Self-Hosting
+
+
+ Cloud-Provider
+
+
diff --git a/content/en/index.mdx b/content/en/index.mdx
index 670fbdbb..9b9c775a 100644
--- a/content/en/index.mdx
+++ b/content/en/index.mdx
@@ -16,6 +16,8 @@ description: "Install RustFS on Linux, containers, Kubernetes, macOS, or Windows
+ Self Host
+
+
+ Cloud Provider
+
+
diff --git a/content/fr/index.mdx b/content/fr/index.mdx
index 65eb941c..a6756cc8 100644
--- a/content/fr/index.mdx
+++ b/content/fr/index.mdx
@@ -16,6 +16,8 @@ description: "Installez RustFS sous Linux, dans des conteneurs, sur Kubernetes,
+ Auto-hébergement
+
+
+ Fournisseurs cloud
+
+
diff --git a/content/ja/index.mdx b/content/ja/index.mdx
index a13e60ae..c6193e05 100644
--- a/content/ja/index.mdx
+++ b/content/ja/index.mdx
@@ -15,6 +15,8 @@ description: "Linux、コンテナ、Kubernetes、macOS、Windows に RustFS を
+ セルフホスト
+
+
+ クラウドプロバイダー
+
+
diff --git a/content/zh/index.mdx b/content/zh/index.mdx
index 0a89c821..5b97b8b0 100644
--- a/content/zh/index.mdx
+++ b/content/zh/index.mdx
@@ -15,6 +15,8 @@ description: "了解如何安装、配置、管理和维护 RustFS。"
+ 自托管
+
+
+ 云服务商
+
+
diff --git a/press.config.tsx b/press.config.tsx
index 117c124d..09ed7795 100644
--- a/press.config.tsx
+++ b/press.config.tsx
@@ -15,7 +15,7 @@ import { docs } from "./.source/server";
import { BrandLogo } from "./src/components/brand-logo";
import { Mermaid } from "./src/components/mermaid";
import { Tab, Tabs } from "./src/components/tabs";
-import { ArrowRight } from "lucide-react";
+import { ArrowRight, ArrowUpRight } from "lucide-react";
import { localSearchPlugin } from "./src/plugins/local-search";
import LocalSearchDialog from "./src/components/local-search-dialog";
@@ -338,6 +338,7 @@ gtag('config', 'G-TWW7WMTWL9');`,
Tabs,
BrandLogo,
ArrowRight,
+ ArrowUpRight,
};
},
}),
diff --git a/src/app.css b/src/app.css
index 4d116dda..73f77a19 100644
--- a/src/app.css
+++ b/src/app.css
@@ -76,6 +76,17 @@ article:has(.rustfs-install-home) > h1 + p + div {
margin-bottom: 2.75rem;
}
+.rustfs-install-heading {
+ margin: 0 0 1.25rem;
+ font-size: 1.375rem;
+ font-weight: 650;
+ line-height: 1.4;
+}
+
+.rustfs-install-grid + .rustfs-install-heading {
+ margin-top: 2.75rem;
+}
+
.rustfs-install-lede {
margin: 0;
color: var(--color-fd-muted-foreground);
@@ -187,6 +198,14 @@ article:has(.rustfs-install-home) > h1 + p + div {
--rustfs-brand-color: #0078d4;
}
+.rustfs-install-icon--sealos {
+ --rustfs-brand-color: #6378ff;
+}
+
+.rustfs-install-icon--elestio {
+ --rustfs-brand-color: #f28e1e;
+}
+
.rustfs-install-copy {
display: flex;
min-width: 0;
@@ -218,6 +237,14 @@ article:has(.rustfs-install-home) > h1 + p + div {
transform: translateX(0.2rem);
}
+.rustfs-install-card--external .rustfs-install-arrow {
+ margin-top: 0.25rem;
+}
+
+.rustfs-install-card--external:hover .rustfs-install-arrow {
+ transform: translate(0.15rem, -0.15rem);
+}
+
@media (max-width: 48rem) {
article:has(.rustfs-install-home) > h1 {
font-size: 2.5rem;
diff --git a/src/components/brand-logo.tsx b/src/components/brand-logo.tsx
index 6b9a6d84..bcf22297 100644
--- a/src/components/brand-logo.tsx
+++ b/src/components/brand-logo.tsx
@@ -3,13 +3,82 @@
import { FaApple, FaLinux, FaWindows } from "react-icons/fa6";
import { SiDocker, SiHelm, SiKubernetes, SiPodman } from "react-icons/si";
+// Brand marks for providers that are not covered by react-icons. Both are the
+// official logo artwork from sealos.io and elest.io, reduced to the icon glyph
+// and kept on gradient fills so they render correctly in light and dark themes.
+
+function SealosLogo() {
+ return (
+
+ );
+}
+
+function ElestioLogo() {
+ return (
+
+ );
+}
+
const logos = {
apple: FaApple,
docker: SiDocker,
+ elestio: ElestioLogo,
helm: SiHelm,
kubernetes: SiKubernetes,
linux: FaLinux,
podman: SiPodman,
+ sealos: SealosLogo,
windows: FaWindows,
} as const;
@@ -17,4 +86,4 @@ export function BrandLogo({ name }: { name: keyof typeof logos }) {
const Logo = logos[name];
return ;
-}
\ No newline at end of file
+}