feat(website): full-width Docker card

This commit is contained in:
Elian Doran 2025-09-27 16:49:32 +03:00
parent f61010a65e
commit a5c7f4221b
No known key found for this signature in database
3 changed files with 21 additions and 17 deletions

View File

@ -115,6 +115,22 @@ export const downloadMatrix: DownloadMatrix = {
}
},
server: {
docker: {
title: "Self-hosted using Docker",
description: "Easily deploy on Windows, Linux or macOS using a Docker container.",
helpUrl: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Installation%20%26%20Setup/Server%20Installation/1.%20Installing%20the%20server/Using%20Docker.html",
quickStartCode: "docker pull triliumnext/trilium\ndocker run -p 8080:8080 -d ./data:/home/node/trilium-data triliumnext/trilium",
downloads: {
dockerhub: {
name: "Docker Hub",
url: "https://hub.docker.com/r/triliumnext/trilium"
},
ghcr: {
name: "ghcr.io",
url: "https://github.com/TriliumNext/Trilium/pkgs/container/trilium"
}
}
},
linux: {
title: "Self-hosted on Linux",
description: "Deploy Trilium Notes on your own server or VPS, compatible with most distributions.",
@ -136,22 +152,6 @@ export const downloadMatrix: DownloadMatrix = {
}
}
},
docker: {
title: "Self-hosted using Docker",
description: "Easily deploy on Windows, Linux or macOS using a Docker container.",
helpUrl: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Installation%20%26%20Setup/Server%20Installation/1.%20Installing%20the%20server/Using%20Docker.html",
quickStartCode: "docker pull triliumnext/trilium\ndocker run -p 8080:8080 -d ./data:/home/node/trilium-data triliumnext/trilium",
downloads: {
dockerhub: {
name: "Docker Hub",
url: "https://hub.docker.com/r/triliumnext/trilium"
},
ghcr: {
name: "ghcr.io",
url: "https://github.com/TriliumNext/Trilium/pkgs/container/trilium"
}
}
},
pikapod: {
title: "Paid hosting",
description: "Trilium Notes hosted on PikaPods, a paid service for easy access and management. Not directly affiliated with the Trilium team.",

View File

@ -2,6 +2,10 @@
padding: 1em;
}
.download-server .download-card:first-of-type {
grid-column: 1 / 4;
}
.download-card h3 {
color: var(--accent-color);
font-size: 1.5em;

View File

@ -35,7 +35,7 @@ export default function DownloadPage() {
</Section>
<Section title="Set up a server for access on multiple devices">
<div className="grid-3-cols download-server">
<div className="grid-2-cols download-server">
{Object.entries(downloadMatrix.server).map(entry => <DownloadCard app="server" arch={currentArch} entry={entry} />)}
</div>
</Section>