website: update meta/og tags and images

This commit is contained in:
Pasha Sviderski
2026-07-09 18:56:46 +10:00
parent 0007f76d09
commit 5b2823de1e
5 changed files with 36 additions and 38 deletions
+23 -19
View File
@@ -5,20 +5,20 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Uncloud Hub | The observability stack you never have to build</title> <title>Uncloud Hub | The observability stack you never have to build</title>
<meta name="description" <meta name="description"
content="Uncloud Hub will add a dashboard, metrics, logs, and alerts to the Uncloud clusters you already run. Skip the weekend of wiring Prometheus, Loki, and Grafana. Join the early access list."> content="Uncloud Hub connects to your Uncloud clusters and gives you a dashboard, metrics, logs, and alerts out of the box. See what's happening in production to catch issues early and fix faster. ">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://uncloud.run/hub">
<link href="./style.css" rel="stylesheet"> <link href="./style.css" rel="stylesheet">
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png" sizes="180x180"/> <link rel="apple-touch-icon" href="./images/apple-touch-icon.png" sizes="180x180"/>
<link rel="icon" type="image/svg+xml" href="./images/logo.svg"/> <link rel="icon" type="image/svg+xml" href="./images/logo.svg"/>
<link rel="alternate icon" type="image/png" href="./images/favicon.png" sizes="96x96"/> <link rel="alternate icon" type="image/png" href="./images/favicon.png" sizes="96x96"/>
<!-- OpenGraph tags for social media --> <!-- OpenGraph tags for social media -->
<meta property="og:title" <meta property="og:title" content="Uncloud Hub: the observability stack for your Uncloud clusters"/>
content="Uncloud Hub | The observability stack you never have to build"/>
<meta property="og:description" <meta property="og:description"
content="Uncloud Hub will add a dashboard, metrics, logs, and alerts to the Uncloud clusters you already run. Skip the weekend of wiring Prometheus, Loki, and Grafana. Join the early access list."/> content="Uncloud Hub connects to your Uncloud clusters and gives you a dashboard, metrics, logs, and alerts out of the box. See what's happening in production to catch issues early and fix faster."/>
<meta property="og:image" content="https://uncloud.run/images/logo-wide.png"/> <meta property="og:image" content="https://uncloud.run/images/og-hub.png"/>
<meta property="og:image:alt" content="Uncloud Hub - Observability for self-hosted apps"/> <meta property="og:image:alt" content="Uncloud Hub: the observability stack you never have to build"/>
<meta property="og:url" content="https://uncloud.run/hub"/> <meta property="og:url" content="https://uncloud.run/hub"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<meta property="og:site_name" content="Uncloud"/> <meta property="og:site_name" content="Uncloud"/>
@@ -26,12 +26,11 @@
<meta property="twitter:domain" content="uncloud.run"> <meta property="twitter:domain" content="uncloud.run">
<meta property="twitter:url" content="https://uncloud.run/hub"> <meta property="twitter:url" content="https://uncloud.run/hub">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" <meta name="twitter:title" content="Uncloud Hub: the observability stack for your Uncloud clusters">
content="Uncloud Hub | The observability stack you never have to build">
<meta name="twitter:description" <meta name="twitter:description"
content="Uncloud Hub will add a dashboard, metrics, logs, and alerts to the Uncloud clusters you already run. Skip the weekend of wiring Prometheus, Loki, and Grafana. Join the early access list."> content="Uncloud Hub connects to your Uncloud clusters and gives you a dashboard, metrics, logs, and alerts out of the box. See what's happening in production to catch issues early and fix faster. ">
<meta name="twitter:image" content="https://uncloud.run/images/logo-wide.png"> <meta name="twitter:image" content="https://uncloud.run/images/og-hub.png">
<meta name="twitter:image:alt" content="Uncloud Hub - Observability for self-hosted apps"> <meta name="twitter:image:alt" content="Uncloud Hub: the observability stack you never have to build">
<script src="./js/posthog.js" defer></script> <script src="./js/posthog.js" defer></script>
</head> </head>
@@ -62,7 +61,7 @@
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition inline-flex items-center" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition inline-flex items-center"
href="/hub"> href="/hub">
Hub Hub
<span class="inline-block ml-1 -translate-y-1.5 -rotate-[8deg] text-[10px] font-semibold uppercase tracking-wide text-violet-700 bg-violet-100 px-1.5 py-0.5 rounded"> <span class="inline-block ml-1 -translate-y-1.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700 bg-violet-100 px-1.5 py-0.5 rounded">
New New
</span> </span>
</a> </a>
@@ -569,6 +568,11 @@
hub connect</code> on the hub connect</code> on the
cluster you already have. Its machines and services will appear in the dashboard. Your cluster you already have. Its machines and services will appear in the dashboard. Your
deploy flow doesn't change. deploy flow doesn't change.
<br>
No cluster yet?
<a class="underline hover:text-zinc-900"
href="/docs/getting-started/deploy-demo-app">Create your first cluster</a>
on any server in a few minutes.
</p> </p>
</div> </div>
<div class="text-center md:text-left"> <div class="text-center md:text-left">
@@ -623,8 +627,8 @@
aria-hidden="true"></span> aria-hidden="true"></span>
<div> <div>
<p class="font-inter-tight font-semibold text-zinc-900 mb-1">Team access</p> <p class="font-inter-tight font-semibold text-zinc-900 mb-1">Team access</p>
<p class="text-sm text-zinc-500 leading-relaxed">Share cluster access with your team <p class="text-sm text-zinc-500 leading-relaxed">Share cluster access with your
without handing out SSH keys or root credentials.</p> team using granular roles without handing out SSH keys or root credentials.</p>
</div> </div>
</li> </li>
<li class="py-5 border-b border-zinc-200 flex items-start gap-4"> <li class="py-5 border-b border-zinc-200 flex items-start gap-4">
@@ -686,10 +690,10 @@
</summary> </summary>
<p class="text-zinc-500 leading-relaxed pb-5"> <p class="text-zinc-500 leading-relaxed pb-5">
No. <a class="underline hover:text-zinc-900" href="/">Uncloud</a> is open source No. <a class="underline hover:text-zinc-900" href="/">Uncloud</a> is open source
and fully functional on its own without Hub. You can use and fully functional on its own without Hub. You can use the CLI to manage your
the CLI to manage your clusters and deploy your apps across servers from Compose clusters and deploy your apps across servers from Compose files. You keep full
files. Hub adds a web UI and an observability stack on top so you don't have to control over your servers. Hub adds a web UI and an observability stack on top so
build and manage it yourself. you don't have to build and manage one yourself.
</p> </p>
</details> </details>
@@ -893,7 +897,7 @@
<div class="sm:col-span-6 md:col-span-6 lg:col-span-8 max-md:order-1 flex flex-col"> <div class="sm:col-span-6 md:col-span-6 lg:col-span-8 max-md:order-1 flex flex-col">
<div class="mb-4"> <div class="mb-4">
<!-- Logo --> <!-- Logo -->
<a class="flex items-center" href="index.html"> <a class="flex items-center" href="/">
<img class="w-8 h-8 rounded shadow-sm shadow-zinc-950/20" src="./images/logo.svg" <img class="w-8 h-8 rounded shadow-sm shadow-zinc-950/20" src="./images/logo.svg"
alt="Logo"> alt="Logo">
<span class="ml-2 font-semibold text-lg text-zinc-900">uncloud</span> <span class="ml-2 font-semibold text-lg text-zinc-900">uncloud</span>
Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

+13 -14
View File
@@ -3,22 +3,22 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Self-host and scale web apps without Kubernetes complexity | Uncloud</title> <title>Uncloud | Multi-node Docker Compose for production</title>
<meta name="description" <meta name="description"
content="Take your Docker Compose apps to production with zero-downtime deployments, automatic HTTPS, and cross-machine scaling. Self-hosting made reliable without the complexity."> content="Deploy and scale Docker Compose apps across cloud VMs and your own servers. A simpler alternative to Kubernetes, Swarm, Nomad, and Kamal.">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://uncloud.run">
<link href="./style.css" rel="stylesheet"> <link href="./style.css" rel="stylesheet">
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png" sizes="180x180"/> <link rel="apple-touch-icon" href="./images/apple-touch-icon.png" sizes="180x180"/>
<link rel="icon" type="image/svg+xml" href="./images/logo.svg"/> <link rel="icon" type="image/svg+xml" href="./images/logo.svg"/>
<link rel="alternate icon" type="image/png" href="./images/favicon.png" sizes="96x96"/> <link rel="alternate icon" type="image/png" href="./images/favicon.png" sizes="96x96"/>
<!-- OpenGraph tags for social media --> <!-- OpenGraph tags for social media -->
<meta property="og:title" <meta property="og:title" content="Multi-node Docker Compose for production"/>
content="Self-host and scale web apps without Kubernetes complexity | Uncloud"/>
<meta property="og:description" <meta property="og:description"
content="Take your Docker Compose apps to production with zero-downtime deployments, automatic HTTPS, and cross-machine scaling. Self-hosting made reliable without the complexity."/> content="Deploy and scale Docker Compose apps across cloud VMs and your own servers. A simpler alternative to Kubernetes, Swarm, Nomad, and Kamal."/>
<meta property="og:image" content="https://uncloud.run/images/logo-wide.png"/> <meta property="og:image" content="https://uncloud.run/images/og.png"/>
<meta property="og:image:alt" content="Uncloud logo - Self-host web apps with ease"/> <meta property="og:image:alt" content="Uncloud: multi-node Docker Compose for production"/>
<meta property="og:url" content="https://uncloud.run"/> <meta property="og:url" content="https://uncloud.run"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<meta property="og:site_name" content="Uncloud"/> <meta property="og:site_name" content="Uncloud"/>
@@ -26,12 +26,11 @@
<meta property="twitter:domain" content="uncloud.run"> <meta property="twitter:domain" content="uncloud.run">
<meta property="twitter:url" content="https://uncloud.run"> <meta property="twitter:url" content="https://uncloud.run">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" <meta name="twitter:title" content="Multi-node Docker Compose for production">
content="Self-host and scale web apps without Kubernetes complexity | Uncloud">
<meta name="twitter:description" <meta name="twitter:description"
content="Take your Docker Compose apps to production with zero-downtime deployments, automatic HTTPS, and cross-machine scaling. Self-hosting made reliable without the complexity."> content="Deploy and scale Docker Compose apps across cloud VMs and your own servers. A simpler alternative to Kubernetes, Swarm, Nomad, and Kamal.">
<meta name="twitter:image" content="https://uncloud.run/images/logo-wide.png"> <meta name="twitter:image" content="https://uncloud.run/images/og.png">
<meta name="twitter:image:alt" content="Uncloud logo - Self-host web apps with ease"> <meta name="twitter:image:alt" content="Uncloud: multi-node Docker Compose for production">
<script src="./js/posthog.js" defer></script> <script src="./js/posthog.js" defer></script>
</head> </head>
@@ -62,7 +61,7 @@
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition inline-flex items-center" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition inline-flex items-center"
href="/hub"> href="/hub">
Hub Hub
<span class="inline-block ml-1 -translate-y-1.5 -rotate-[8deg] text-[10px] font-semibold uppercase tracking-wide text-violet-700 bg-violet-100 px-1.5 py-0.5 rounded"> <span class="inline-block ml-1 -translate-y-1.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700 bg-violet-100 px-1.5 py-0.5 rounded">
New New
</span> </span>
</a> </a>
@@ -900,7 +899,7 @@ prod-3 201.45.91.123:51820 1m56s ago 11ms 5.12MB 9.34MB
<div class="sm:col-span-6 md:col-span-6 lg:col-span-8 max-md:order-1 flex flex-col"> <div class="sm:col-span-6 md:col-span-6 lg:col-span-8 max-md:order-1 flex flex-col">
<div class="mb-4"> <div class="mb-4">
<!-- Logo --> <!-- Logo -->
<a class="flex items-center" href="index.html"> <a class="flex items-center" href="/">
<img class="w-8 h-8 rounded shadow-sm shadow-zinc-950/20" src="./images/logo.svg" <img class="w-8 h-8 rounded shadow-sm shadow-zinc-950/20" src="./images/logo.svg"
alt="Logo"> alt="Logo">
<span class="ml-2 font-semibold text-lg text-zinc-900">uncloud</span> <span class="ml-2 font-semibold text-lg text-zinc-900">uncloud</span>
-5
View File
@@ -1540,11 +1540,6 @@ input[type="search"]::-webkit-search-results-decoration {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.-rotate-\[8deg\]{
--tw-rotate: -8deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{ .transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }