From f7961347957ca9fb5d51111d4a861a07fe488059 Mon Sep 17 00:00:00 2001 From: mich-elle-luna Date: Mon, 28 Sep 2026 17:31:37 -0700 Subject: [PATCH 1/4] Restyle product/tile grids across operate, develop, integrate, and commands pages Replace icon-based image-cards and plain tables with a consistent bordered, color-coded tile-card style on operate/, develop/, develop/tools/insight/, integrate/redisinsight/, and the top command-version tiles on /commands/. Reorders operate/ tiles to match the sidebar, fixes link resolution to use relref inside raw HTML tiles, adds missing category badges, and expands the integrate/ filter dropdown for newly-used group values. Co-Authored-By: Claude Sonnet 5 --- content/develop/_index.md | 173 ++++++++++++++++-- content/develop/tools/insight/_index.md | 6 +- content/integrate/_index.md | 2 +- content/integrate/redisinsight/_index.md | 4 +- content/operate/_index.md | 145 +++++++++++++-- content/operate/oss_and_stack/_index.md | 5 + content/operate/rdi.md | 1 + content/operate/redisinsight/_index.md | 2 +- .../operate/redisinsight/install/_index.md | 10 +- .../install/install-on-desktop.md | 2 +- layouts/commands/list.html | 8 +- layouts/develop/list.html | 8 +- layouts/integrate/list.html | 10 +- layouts/operate/list.html | 3 + layouts/operate/single.html | 3 + layouts/shortcodes/tile-card.html | 2 +- 16 files changed, 339 insertions(+), 45 deletions(-) diff --git a/content/develop/_index.md b/content/develop/_index.md index 996397382f..8f32e4786f 100644 --- a/content/develop/_index.md +++ b/content/develop/_index.md @@ -15,19 +15,166 @@ on your machine. Check out the Redis Do or analyze and manage your database with our [UI tools](/content/develop/tools/_index.md): -| | Get started | Document search | Vector search | -|:----- | :-----: | :-----: | :-----:| -| [Python](/content/develop/clients/redis-py/_index.md) | [See Python examples](/content/develop/clients/redis-py/connect.md) | [See Python examples](/content/develop/clients/redis-py/queryjson.md) | [See Python examples](/content/develop/clients/redis-py/vecsearch.md) | -| [C#/.NET](/content/develop/clients/dotnet/_index.md) | [See C# examples](/content/develop/clients/dotnet/connect.md) | [See C# examples](/content/develop/clients/dotnet/nredisstack/queryjson.md) | [See C# examples](/content/develop/clients/dotnet/nredisstack/vecsearch.md) | -| [Node.js](/content/develop/clients/nodejs/_index.md) | [See JS examples](/content/develop/clients/nodejs/connect.md) | [See JS examples](/content/develop/clients/nodejs/queryjson.md) | [See JS examples](/content/develop/clients/nodejs/vecsearch.md) | -| [Java (Jedis)](/content/develop/clients/jedis/_index.md) | [See Java examples](/content/develop/clients/jedis/connect.md) | [See Java examples](/content/develop/clients/jedis/queryjson.md) | [See Java examples](/content/develop/clients/jedis/vecsearch.md) | -| [Java (Lettuce)](/content/develop/clients/lettuce/_index.md) | [See Java examples](/content/develop/clients/lettuce/connect.md) | [See Java examples](/content/develop/clients/lettuce/queryjson.md) | [See Java examples](/content/develop/clients/lettuce/vecsearch.md) | -| [Go](/content/develop/clients/go/_index.md) | [See Go examples](/content/develop/clients/go/connect.md) | [See Go examples](/content/develop/clients/go/queryjson.md) | [See Go examples](/content/develop/clients/go/vecsearch.md) | -| [PHP](/content/develop/clients/php/_index.md) | [See PHP examples](/content/develop/clients/php/connect.md) | [See PHP examples](/content/develop/clients/php/queryjson.md) | [See PHP examples](/content/develop/clients/php/vecsearch.md) | -| [JavaScript (ioredis)](/content/develop/clients/ioredis/_index.md) | [See JS examples](/content/develop/clients/ioredis/connect.md) | - | - | -| [Rust](/content/develop/clients/rust/_index.md) | - | - | - | -| [C](/content/develop/clients/hiredis/_index.md) | - | - | - | -| [Ruby](/content/develop/clients/ruby/_index.md) | - | - | - | +
+
+ }}">Read more +
+
+ + Python +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + C#/.NET +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Node.js +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Java (Jedis) +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Java (Lettuce) +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Go +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + PHP +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + JavaScript (ioredis) +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Rust +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + C +
+

Examples:

+ +
+
+
+ }}">Read more +
+
+ + Ruby +
+

Examples:

+ +
+
+
| | | | - | - | diff --git a/content/develop/tools/insight/_index.md b/content/develop/tools/insight/_index.md index d616e4f29a..e56e17022a 100644 --- a/content/develop/tools/insight/_index.md +++ b/content/develop/tools/insight/_index.md @@ -29,9 +29,9 @@ Redis Insight is a powerful tool for visualizing and optimizing data in Redis, m ### Installation and release notes
- {{< image-card image="images/redisinsight-desktop.svg" alt="Install Redis Insight icon" title="Installation guides" url="/operate/redisinsight/install" description="See installation guides for all platforms" >}} - {{< image-card image="images/redisinsight-download.svg" alt="Download Redis Insight icon" title="Download Redis Insight" url="https://redis.io/downloads/#insight" description="Download Redis Insight directly from redis.io" >}} - {{< image-card image="images/redisinsight-aws.svg" alt="Release Notes Redis Insight icon" title="Release Notes" url="/develop/tools/insight/release-notes/" description="View Redis Insight release notes and changelog" >}} + {{< tile-card color="bg-blue-300" title="Installation guides" description="See installation guides for all platforms" url="/operate/redisinsight/install" >}} + {{< tile-card color="bg-violet-300" title="Download Redis Insight" description="Download Redis Insight directly from redis.io" url="https://redis.io/downloads/#insight" >}} + {{< tile-card color="bg-teal-300" title="Release Notes" description="View Redis Insight release notes and changelog" url="/develop/tools/insight/release-notes/" >}}
## Overview diff --git a/content/integrate/_index.md b/content/integrate/_index.md index 8715e8ced6..fe6b662b9c 100644 --- a/content/integrate/_index.md +++ b/content/integrate/_index.md @@ -1,5 +1,5 @@ --- title: Libraries and tools -description: +description: Find libraries, tools, frameworks, and platforms that integrate with Redis. linkTitle: Integrate --- diff --git a/content/integrate/redisinsight/_index.md b/content/integrate/redisinsight/_index.md index 41772a50f2..66781021f1 100644 --- a/content/integrate/redisinsight/_index.md +++ b/content/integrate/redisinsight/_index.md @@ -15,7 +15,9 @@ type: integration weight: 1 --- -{{< image-card image="images/redisinsight-download.svg" alt="Download Redis Insight icon" title="Download Redis Insight" url="https://redis.io/downloads/#insight" class="max-w-xs" >}} +
+ {{< tile-card color="bg-red-bubble" title="Download Redis Insight" description="Download Redis Insight for your platform" url="https://redis.io/downloads/#insight" >}} +
Redis Insight is a powerful tool for visualizing and optimizing data in Redis, making real-time application development easier and more fun than ever before. Redis Insight lets you do both GUI- and CLI-based interactions in a fully-featured desktop GUI client. diff --git a/content/operate/_index.md b/content/operate/_index.md index 5d95d7ac78..4e63738cd0 100644 --- a/content/operate/_index.md +++ b/content/operate/_index.md @@ -5,17 +5,140 @@ linkTitle: Operate hideListLinks: true --- -| {{}} Redis Cloud | {{}} Redis Software | -|:-----------|:--------------| -|
  • [Get started with Redis Cloud]({{< relref "/operate/rc/rc-quickstart" >}})
  • [Create a database]({{< relref "/operate/rc/databases/create-database" >}})
  • [Connect to your database]({{< relref "/operate/rc/databases/connect" >}})
  • [Subscriptions]({{< relref "/operate/rc/subscriptions" >}})
  • [REST API]({{< relref "/operate/rc/api/" >}})
|
  • [Install Redis Software]({{< relref "/operate/rs/installing-upgrading" >}})
  • [Set up a new cluster]({{< relref "/operate/rs/clusters/new-cluster-setup" >}})
  • [Create a database]({{< relref "/operate/rs/databases/create" >}})
  • [Connect to your database]({{< relref "/operate/rs/databases/connect" >}})
  • [REST API]({{< relref "/operate/rs/references/rest-api/" >}})
| -| {{}} **Redis Open Source** | {{}} **Redis for Kubernetes** | -|
  • [Install Redis 8 in Redis Open Source]({{< relref "/operate/oss_and_stack/install/install-stack" >}})
  • [Install Redis Stack]({{< relref "/operate/oss_and_stack/install/archive/install-stack/" >}}) (≤ 7.4)
  • [Manage Redis]({{< relref "/operate/oss_and_stack/management" >}})
|
  • [Deploy Redis for Kubernetes]({{< relref "/operate/kubernetes/deployment" >}})
  • [Architecture]({{< relref "/operate/kubernetes/architecture" >}})
  • [API Reference]({{< relref "/operate/kubernetes/reference" >}})
| -| {{}} **Redis Insight** | {{}} **Redis Data Integration (RDI)** | -|
  • [Install Redis Insight]({{< relref "/operate/redisinsight/install" >}})
  • [Use Redis Insight]({{< relref "/develop/tools/insight" >}})
  • [Download Redis Insight](https://redis.io/downloads/#insight)
|
  • [RDI overview]({{< relref "/integrate/redis-data-integration/" >}})
  • [Install RDI]({{< relref "/integrate/redis-data-integration/installation" >}})
  • [RDI pipelines]({{< relref "/integrate/redis-data-integration/data-pipelines" >}})
| -| {{}} **Redis Iris context engine** | {{}} **Redis Feature Form** | -|
  • [Redis Iris context engine overview]({{< relref "/operate/iris" >}})
  • [Redis Agent Memory]({{< relref "/operate/iris/agent-memory" >}})
  • [Redis Context Retriever]({{< relref "/operate/iris/context-retriever" >}})
  • [LangCache]({{< relref "/operate/iris/langcache" >}})
|
  • [Feature Form overview]({{< relref "/operate/featureform" >}})
  • [Deploy Feature Form]({{< relref "/operate/featureform/deploy" >}})
  • [Configure authentication]({{< relref "/operate/featureform/configure-auth" >}})
| -| {{}} **Redis Radar** | | -|
  • [Redis Radar overview]({{< relref "/operate/radar" >}})
  • [Install Radar]({{< relref "/operate/radar/install" >}})
  • [Connect clusters]({{< relref "/operate/radar/connect" >}})
  • [Monitor clusters and databases]({{< relref "/operate/radar/monitor" >}})
| | + ## Product features diff --git a/content/operate/oss_and_stack/_index.md b/content/operate/oss_and_stack/_index.md index 8fbbab57b4..d32cc5474c 100644 --- a/content/operate/oss_and_stack/_index.md +++ b/content/operate/oss_and_stack/_index.md @@ -2,6 +2,11 @@ title: Redis Open Source description: Operate Redis Open Source. Redis 8 in Redis Open Source replaces Redis Stack. linkTitle: Redis Open Source +categories: +- docs +- operate +- stack +- oss aliases: - /stack/ weight: 40 diff --git a/content/operate/rdi.md b/content/operate/rdi.md index 0c257620a3..03fdc452c9 100644 --- a/content/operate/rdi.md +++ b/content/operate/rdi.md @@ -4,6 +4,7 @@ alwaysopen: false categories: - docs - operate +- rdi description: Keep Redis in sync with a primary database in near real time. linkTitle: Redis Data Integration (RDI) weight: 60 diff --git a/content/operate/redisinsight/_index.md b/content/operate/redisinsight/_index.md index 61bfb49d86..340dbb0464 100644 --- a/content/operate/redisinsight/_index.md +++ b/content/operate/redisinsight/_index.md @@ -10,7 +10,7 @@ weight: 50 ---
- {{< image-card image="images/redisinsight-download.svg" alt="Download Redis Insight icon" title="Download Redis Insight" url="https://redis.io/downloads/#insight" >}} + {{< tile-card color="bg-red-bubble" title="Download Redis Insight" description="Download Redis Insight for your platform" url="https://redis.io/downloads/#insight" >}}
For information on using Redis Insight, see [these pages]({{< relref "/develop/tools/insight" >}}). diff --git a/content/operate/redisinsight/install/_index.md b/content/operate/redisinsight/install/_index.md index ba7ff7dddc..e38658ef4a 100644 --- a/content/operate/redisinsight/install/_index.md +++ b/content/operate/redisinsight/install/_index.md @@ -13,15 +13,15 @@ aliases: ---
- {{< image-card image="images/redisinsight-download.svg" alt="Download Redis Insight icon" title="Download Redis Insight" url="https://redis.io/downloads/#insight" >}} + {{< tile-card color="bg-red-bubble" title="Download Redis Insight" description="Download Redis Insight for your platform" url="https://redis.io/downloads/#insight" >}}
## Installation options Learn how to install Redis Insight on your desktop, Amazon Web Services (AWS), Docker, and Kubernetes.
- {{< image-card image="images/redisinsight-aws.svg" alt="AWS Redis Insight icon" title="Install on AWS" url="/operate/redisinsight/install/install-on-aws" description="Install Redis Insight on Amazon Web Services" >}} - {{< image-card image="images/redisinsight-desktop.svg" alt="Desktop Redis Insight icon" title="Install on Desktop" url="/operate/redisinsight/install/install-on-desktop" description="Install Redis Insight on Windows, macOS, or Linux desktop" >}} - {{< image-card image="images/redisinsight-kubernetes.svg" alt="Kubernetes Redis Insight icon" title="Install on Kubernetes" url="/operate/redisinsight/install/install-on-k8s" description="Install Redis Insight on Kubernetes clusters" >}} - {{< image-card image="images/redisinsight-docker.svg" alt="Docker Redis Insight icon" title="Install on Docker" url="/operate/redisinsight/install/install-on-docker" description="Install Redis Insight using Docker containers" >}} + {{< tile-card color="bg-blue-300" title="Install on AWS" description="Install Redis Insight on Amazon Web Services" url="/operate/redisinsight/install/install-on-aws" >}} + {{< tile-card color="bg-violet-300" title="Install on Desktop" description="Install Redis Insight on Windows, macOS, or Linux desktop" url="/operate/redisinsight/install/install-on-desktop" >}} + {{< tile-card color="bg-teal-300" title="Install on Kubernetes" description="Install Redis Insight on Kubernetes clusters" url="/operate/redisinsight/install/install-on-k8s" >}} + {{< tile-card color="bg-rose-300" title="Install on Docker" description="Install Redis Insight using Docker containers" url="/operate/redisinsight/install/install-on-docker" >}}
\ No newline at end of file diff --git a/content/operate/redisinsight/install/install-on-desktop.md b/content/operate/redisinsight/install/install-on-desktop.md index 725b798672..d0254b2d5f 100644 --- a/content/operate/redisinsight/install/install-on-desktop.md +++ b/content/operate/redisinsight/install/install-on-desktop.md @@ -10,7 +10,7 @@ weight: 1 ---
- {{< image-card image="images/redisinsight-download.svg" alt="Download Redis Insight icon" title="Download Redis Insight" url="https://redis.io/downloads/#insight" >}} + {{< tile-card color="bg-red-bubble" title="Download Redis Insight" description="Download Redis Insight for your platform" url="https://redis.io/downloads/#insight" >}}
## Supported operating systems diff --git a/layouts/commands/list.html b/layouts/commands/list.html index f87da12da9..75997fb061 100644 --- a/layouts/commands/list.html +++ b/layouts/commands/list.html @@ -113,9 +113,13 @@

Commands

data-version data-top > -

+

- {{ .Title }} + {{ if lt $index 9 }} + {{ $swatchColors := slice "bg-blue-300" "bg-violet-300" "bg-teal-300" "bg-rose-300" "bg-amber-300" "bg-cyan-300" "bg-indigo-300" "bg-lime-300" "bg-orange-300" }} + + {{ end }} + {{ if lt $index 9 }}{{ replace (replace .Title " Reference" "") " Commands" "" }}{{ else }}{{ .Title }}{{ end }} {{ if (and (isset .Params "doc_flags") (in .Params.doc_flags "deprecated")) }}
Deprecated diff --git a/layouts/develop/list.html b/layouts/develop/list.html index 6d69ce692e..02632f0a82 100644 --- a/layouts/develop/list.html +++ b/layouts/develop/list.html @@ -46,12 +46,12 @@

{{ if strings.HasSuffix .RelPermalink "/develop/" }} -
- +
+
- - + + diff --git a/layouts/integrate/list.html b/layouts/integrate/list.html index 7d1efdc712..98d0ad6438 100644 --- a/layouts/integrate/list.html +++ b/layouts/integrate/list.html @@ -10,6 +10,7 @@ {{ partial "breadcrumbs" . }}

{{ .Title }}

+ {{ with .Params.description }}

{{ . | markdownify }}

{{ end }}
Try these Redis commandsTry Redis commands
{{ $displayName }} diff --git a/layouts/operate/single.html b/layouts/operate/single.html index f309f2ccc2..790ada2321 100644 --- a/layouts/operate/single.html +++ b/layouts/operate/single.html @@ -48,6 +48,9 @@

{{ .Title }}

{{ else if eq $element "radar" }} {{ $displayName = "Redis Radar" }} {{ $color = "#0fa869" }} + {{ else if eq $element "rdi" }} + {{ $displayName = "RDI" }} + {{ $color = "#ffffff" }} {{ end }}
{{ $displayName }} diff --git a/layouts/shortcodes/tile-card.html b/layouts/shortcodes/tile-card.html index 13580847c7..97210976a0 100644 --- a/layouts/shortcodes/tile-card.html +++ b/layouts/shortcodes/tile-card.html @@ -24,7 +24,7 @@
- + {{ $title }}

{{ $description }}

From e7a82bc4e67e064477a86a27fa2fdd91c996a871 Mon Sep 17 00:00:00 2001 From: mich-elle-luna Date: Tue, 29 Sep 2026 11:55:24 -0700 Subject: [PATCH 2/4] Rework operate tiles, add language icons, and address review feedback - operate/: stack product tiles full width in three introduced groups (core Redis deployment options, AI and data services, fleet management and developer tools), show each tile's links as left-to-right steps, shorten step labels, and make the feature tables scroll on mobile. - develop/: replace the client tile dots with small language icons from the home page (new lang-icon shortcode), and add Get started links for Rust and Ruby. - Fix tile click-through on develop/ and operate/: the content wrapper covered the card overlay, so clicking a title or blank area did nothing. The wrapper now passes clicks through; inner links stay clickable. - commands/: color the version tiles by major version (8, 7, 6). - integrate/: sort frameworks first, then AI services, then everything else, without changing weights (so the sidebar order is unchanged). - develop/tools/insight/: shorten the download tile title. Co-Authored-By: Claude Opus 5.5 (1M context) --- content/develop/_index.md | 98 +++++----- content/develop/tools/insight/_index.md | 2 +- content/operate/_index.md | 248 +++++++++++++----------- layouts/commands/list.html | 5 +- layouts/integrate/list.html | 30 +++ layouts/shortcodes/lang-icon.html | 74 +++++++ 6 files changed, 295 insertions(+), 162 deletions(-) create mode 100644 layouts/shortcodes/lang-icon.html diff --git a/content/develop/_index.md b/content/develop/_index.md index 8f32e4786f..06ec4885c3 100644 --- a/content/develop/_index.md +++ b/content/develop/_index.md @@ -18,159 +18,161 @@ or analyze and manage your database with our
}}">Read more -
+
- + {{< lang-icon name="python" >}} Python

Examples:

}}">Read more -
+
- + {{< lang-icon name="dotnet" >}} C#/.NET

Examples:

}}">Read more -
+
- + {{< lang-icon name="js" >}} Node.js

Examples:

}}">Read more -
+
- + {{< lang-icon name="java" >}} Java (Jedis)

Examples:

}}">Read more -
+
- + {{< lang-icon name="java" >}} Java (Lettuce)

Examples:

}}">Read more -
}}">Read more -
+
}}">Read more -
+
- + {{< lang-icon name="js" >}} JavaScript (ioredis)

Examples:

}}">Read more -
+
- + {{< lang-icon name="rust" >}} Rust

Examples:

}}">Read more -
+
- + {{< lang-icon name="c" >}} C

Examples:

}}">Read more -
+
- + {{< lang-icon name="ruby" >}} Ruby

Examples:

diff --git a/content/develop/tools/insight/_index.md b/content/develop/tools/insight/_index.md index e56e17022a..615631d497 100644 --- a/content/develop/tools/insight/_index.md +++ b/content/develop/tools/insight/_index.md @@ -30,7 +30,7 @@ Redis Insight is a powerful tool for visualizing and optimizing data in Redis, m
{{< tile-card color="bg-blue-300" title="Installation guides" description="See installation guides for all platforms" url="/operate/redisinsight/install" >}} - {{< tile-card color="bg-violet-300" title="Download Redis Insight" description="Download Redis Insight directly from redis.io" url="https://redis.io/downloads/#insight" >}} + {{< tile-card color="bg-violet-300" title="Download" description="Download Redis Insight directly from redis.io" url="https://redis.io/downloads/#insight" >}} {{< tile-card color="bg-teal-300" title="Release Notes" description="View Redis Insight release notes and changelog" url="/develop/tools/insight/release-notes/" >}}
diff --git a/content/operate/_index.md b/content/operate/_index.md index 4e63738cd0..6f47a1b369 100644 --- a/content/operate/_index.md +++ b/content/operate/_index.md @@ -5,137 +5,151 @@ linkTitle: Operate hideListLinks: true --- -
-
+## Core Redis deployment options + +Choose one based on where you want Redis to run and how much of its deployment and management you want to handle yourself. + +
+
}}">Read more - -
+
}}">Read more - -
- }}">Read more -
-
- - Redis for Kubernetes -
- +
+ }}">Read more +
+
+ + Redis for Kubernetes +
+
    +
  1. }}">Architecture
  2. +
  3. }}">Deploy Redis for Kubernetes
  4. +
  5. }}">API Reference
  6. +
-
+
}}">Read more -
-
- - Redis Open Source -
- +
+
+ + Redis Open Source +
+
    +
  1. }}">Install Redis 8 in Redis Open Source
  2. +
  3. }}">Manage Redis
  4. +
-
+
+ +## AI and data services + +These services build on Redis to support AI applications. Redis Iris context engine gives AI agents memory, semantic caching, and governed access to business data. Redis Feature Form defines, manages, and serves machine learning features. Redis Data Integration (RDI) keeps Redis in sync with a primary database in near real time, so your applications work with current data. + +
+
}}">Read more - - -
+
}}">Read more - -
- }}">Read more -
-
- - Redis Insight -
- +
+ }}">Read more +
+
+ + Redis Data Integration +
+
    +
  1. }}">RDI overview
  2. +
  3. }}">Install RDI
  4. +
  5. }}">RDI pipelines
  6. +
-
- }}">Read more -
-
- - Redis Data Integration +
+ +## Fleet management and developer tools + +Use Redis Radar to monitor the status of every Redis cluster you run from one place. Use Redis Insight as a developer workbench to browse, query, and analyze your Redis data. + + @@ -145,6 +159,8 @@ hideListLinks: true ### High availability and durability +
+ | | {{}} Redis Cloud | {{}} Redis Software | {{}} Redis Open Source | {{}} Redis for Kubernetes | |:-----------|:--------------|:-----------|:--------------|:--------------| | Clustering | [Clustering]({{< relref "/operate/rc/databases/configuration/clustering" >}}) | [Clustering]({{}}) | [Scale with Redis Cluster]({{< relref "/operate/oss_and_stack/management/scaling" >}}) | [Redis Enterprise clusters (REC)]({{}}) | @@ -156,9 +172,13 @@ hideListLinks: true | Recovery | Automatic | [Recover cluster]({{}}) | [Manual failover]({{< relref "/operate/oss_and_stack/management/scaling#manual-failover" >}}) | [Cluster recovery]({{}}) | | Backups | [Back up a database]({{< relref "/operate/rc/databases/back-up-data" >}}) | [Schedule backups]({{}}) | [Persistence]({{< relref "/operate/oss_and_stack/management/replication" >}}) | [REDB spec.backup]({{}}) | +
+ ### Logging and monitoring +
+ | | {{}} Redis Cloud | {{}} Redis Software | {{}} Redis Open Source | {{}} Redis for Kubernetes | |:-----------|:--------------|:-----------|:--------------|:--------------| | Monitoring | [Monitor performance]({{< relref "/operate/rc/databases/monitor-performance" >}}) | [Monitoring]({{}}) | [INFO]({{< relref "/commands/info" >}}), [MONITOR]({{< relref "/commands/monitor" >}}), and [LATENCY DOCTOR]({{< relref "/commands/latency-doctor" >}})
[Analysis with Redis Insight]({{< relref "/develop/tools/insight#database-analysis" >}}) | [Export metrics to Prometheus]({{}}) | @@ -166,9 +186,13 @@ hideListLinks: true | Alerts | [Alerts]({{< relref "/operate/rc/databases/monitor-performance#configure-metric-alerts" >}}) | [Alerts and events]({{}}) | [Pub/sub with Redis Sentinel]({{< relref "/operate/oss_and_stack/management/sentinel#pubsub-messages" >}}) | [REDB alertSettings]({{}}) | | Support | [Contact support](https://redis.io/support/) | [Create support package]({{}}) | | [Contact support](https://redis.io/support/) | +
+ ### Security +
+ | | {{}} Redis Cloud | {{}} Redis Software | {{}} Redis Open Source |
Redis for
Kubernetes | |:-----------|:--------------|:-----------|:--------------|:--------------| | Transport Layer Security (TLS) | [TLS]({{}}) | [TLS]({{}}) | [TLS]({{< relref "/operate/oss_and_stack/management/security/encryption" >}}) | [REDB tlsMode]({{}}) | @@ -178,3 +202,5 @@ hideListLinks: true | Self-signed certificates | | [Certificates]({{}}) | [Certificate configuration]({{< relref "/operate/oss_and_stack/management/security/encryption#certificate-configuration" >}}) | [REC certificates]({{}}) | | Internode encryption | [Encryption at rest]({{< relref "/operate/rc/security/encryption-at-rest" >}}) | [Internode encryption]({{}}) | | [Enable internode encryption]({{}}) | | Auditing | | [Audit events]({{}}) | [Keyspace notifications]({{< relref "/develop/pubsub/keyspace-notifications" >}}) | | + +
diff --git a/layouts/commands/list.html b/layouts/commands/list.html index 75997fb061..f9fda9548f 100644 --- a/layouts/commands/list.html +++ b/layouts/commands/list.html @@ -116,8 +116,9 @@

Commands

{{ if lt $index 9 }} - {{ $swatchColors := slice "bg-blue-300" "bg-violet-300" "bg-teal-300" "bg-rose-300" "bg-amber-300" "bg-cyan-300" "bg-indigo-300" "bg-lime-300" "bg-orange-300" }} - + {{ $majorColors := dict "8" "bg-purple-bubble" "7" "bg-violet-700" "6" "bg-fuchsia-400" }} + {{ $major := replaceRE `^Redis (\d+)\..*$` "$1" .Title }} + {{ end }} {{ if lt $index 9 }}{{ replace (replace .Title " Reference" "") " Commands" "" }}{{ else }}{{ .Title }}{{ end }} {{ if (and (isset .Params "doc_flags") (in .Params.doc_flags "deprecated")) }} diff --git a/layouts/integrate/list.html b/layouts/integrate/list.html index 98d0ad6438..d382f1612e 100644 --- a/layouts/integrate/list.html +++ b/layouts/integrate/list.html @@ -51,7 +51,37 @@

{{ .Title }}

{{ $labelColors := (dict "library" "bg-redis-yellow-500" "framework" "bg-violet-300" "observability" "bg-blue-300" "provisioning" "bg-redis-red-500" "mig" "bg-pink-300" "di" "bg-teal-300" "cloud-service" "bg-rose-300" "ai" "bg-indigo-300" "tool" "bg-lime-300" "platform" "bg-amber-300" "service" "bg-cyan-300" "cloud" "bg-orange-300") }} {{ $labelText := (dict "mig" "data migration" "di" "data integration" "cloud-service" "cloud service" "ai" "AI integration" "tool" "developer tool" "platform" "deployment platform" "cloud" "cloud provider") }} + {{/* Frameworks sort to the top of the grid: AI frameworks (group "ai") first, + then other frameworks (group "framework"). Other AI services follow, + then everything else in weight order. Weights are left alone because + they also set the sidebar order. AI services appear in the order of + $aiSlugs; add a section's directory name there to feature it. */}} + {{ $aiSlugs := slice "amazon-bedrock" "redis-mcp" "redisvl" "n8n-vector-store" "redis-ai-libraries" }} + {{ $aiFrameworks := slice }} + {{ $frameworks := slice }} + {{ $aiServices := slice }} + {{ $otherTiles := slice }} {{ range .CurrentSection.Sections }} + {{ if eq .Params.group "ai" }} + {{ $aiFrameworks = $aiFrameworks | append . }} + {{ else if eq .Params.group "framework" }} + {{ $frameworks = $frameworks | append . }} + {{ else if in $aiSlugs (path.Base .File.Dir) }} + {{ $aiServices = $aiServices | append . }} + {{ else }} + {{ $otherTiles = $otherTiles | append . }} + {{ end }} + {{ end }} + {{ $aiServicesOrdered := slice }} + {{ range $aiSlugs }} + {{ $slug := . }} + {{ range $aiServices }} + {{ if eq (path.Base .File.Dir) $slug }} + {{ $aiServicesOrdered = $aiServicesOrdered | append . }} + {{ end }} + {{ end }} + {{ end }} + {{ range $aiFrameworks | append $frameworks | append $aiServicesOrdered | append $otherTiles }}
}} + + Parameters: + - name: one of java, js, python, ruby, dotnet, go, rust, php, c (required) + - class: size and spacing classes (optional, default "h-4 w-4 flex-shrink-0") +*/}} + +{{- $name := .Get "name" -}} +{{- $class := .Get "class" | default "h-4 w-4 flex-shrink-0" -}} + +{{- if eq $name "java" -}} + +{{- else if eq $name "js" -}} + +{{- else if eq $name "python" -}} + +{{- else if eq $name "ruby" -}} + +{{- else if eq $name "dotnet" -}} + +{{- else if eq $name "go" -}} + +{{- else if eq $name "rust" -}} + +{{- else if eq $name "php" -}} + +{{- else if eq $name "c" -}} + +{{- else -}} +{{- errorf "lang-icon: unknown name %q in %s" $name .Position -}} +{{- end -}} From 9323bbfef0c3c713c56f029c323f4ee026e8509c Mon Sep 17 00:00:00 2001 From: mich-elle-luna Date: Tue, 29 Sep 2026 14:36:35 -0700 Subject: [PATCH 3/4] Restyle develop tools tiles, update Cloud steps, and tidy Get started - develop/: turn the Redis Insight and Redis for VS Code cells into full-width step tiles (Download/Install then Use) with the tool icon as a title badge, turn the Quick start, Data types, and Redis Search cards into tiles with their links inside, and drop the underline from the links in the top CLI box. - operate/: rewrite the AI and data services intro, and change the Redis Cloud steps to Create account & connect, Enable Iris, Enable Data Integration, and Monitor with Radar. - develop/setup/: order the deployment tabs Open Source, Cloud, Software and match the surrounding prose; remove the dependency list, the "select the tab" instructions, the redis-cli lead-in, and the sample data step, renumbering the remaining steps and step references. Co-Authored-By: Claude Opus 5.5 (1M context) --- content/develop/_index.md | 86 +++++++++++++++++++++++++++--- content/develop/setup/_index.md | 92 +++++++++++++-------------------- content/operate/_index.md | 9 ++-- layouts/develop/list.html | 16 +++--- 4 files changed, 129 insertions(+), 74 deletions(-) diff --git a/content/develop/_index.md b/content/develop/_index.md index 06ec4885c3..76fe4fe573 100644 --- a/content/develop/_index.md +++ b/content/develop/_index.md @@ -178,11 +178,83 @@ or analyze and manage your database with our
-| | | -| - | - | -|{{< image-card image="images/dev/icons/icon-redis-insight-64-duotone.png" alt="Redis Insight icon" title="Redis Insight" url="/develop/tools/insight" >}}

Visual client tool for creating, managing, and analyzing Redis databases.
Download Redis Insight.

| {{< image-card image="images/dev/icons/icon-redis-code-64-duotone.png" alt="Redis for VS Code icon" title="Redis for VS Code" url="/develop/tools/redis-for-vscode" >}}

VS Code extension for creating, managing, and analyzing Redis databases.
Install Redis for VS Code.

| -| | | +
+
+ }}">Read more +
+
+ {{< inline-icon filename="images/dev/icons/icon-redis-insight-64-duotone.png" alt="Redis Insight icon" class="h-4 w-4 flex-shrink-0" >}} + Redis Insight +
+

Visual client tool for creating, managing, and analyzing Redis databases.

+
    +
  1. Download
  2. +
  3. }}">Use
  4. +
+
+
+
+ }}">Read more +
+
+ {{< inline-icon filename="images/dev/icons/icon-redis-code-64-duotone.png" alt="Redis for VS Code icon" class="h-4 w-4 flex-shrink-0" >}} + Redis for VS Code +
+

VS Code extension for creating, managing, and analyzing Redis databases.

+
    +
  1. Install
  2. +
  3. }}">Use
  4. +
+
+
+
-| {{< image-card image="images/icon_logo/icon-developers-64-midnight.png" alt="Quick start icon" title="Quick start" url="/develop/get-started" >}} | {{< image-card image="images/icon_logo/icon-data-structures-64-midnight.png" alt="Data types icon" title="Data types" url="/develop/data-types" >}} | {{< image-card image="images/icon_logo/icon-text-search-64-midnight.png" alt="Redis Search icon" title="Redis Search" url="/develop/ai/search-and-query" >}} | -|:---:| :---: | :---: | -| [Vector database](/content/develop/get-started/search-tutorial/vector-search.md)
[Document store](/content/develop/get-started/search-tutorial/_index.md)
[Data structure store](/content/develop/get-started/data-store.md)
[RAG with Redis](/content/develop/get-started/rag.md)
[GenAI](/content/develop/get-started/redis-in-ai.md) | [String](/content/develop/data-types/strings/_index.md)
[JSON](/content/develop/data-types/json/_index.md)
[Hash](/content/develop/data-types/hashes.md)
[Vector set](/content/develop/data-types/vector-sets/_index.md)
[Probabilistic types](/content/develop/data-types/probabilistic/_index.md) | [Get started](/content/develop/ai/search-and-query/_index.md)
[Schema field types](/content/develop/ai/search-and-query/indexing/field-and-type-options.md)
[Indexing](/content/develop/ai/search-and-query/indexing/_index.md)
[Querying](/content/develop/ai/search-and-query/query/_index.md) +
+
+ }}">Read more +
+
+ {{< inline-icon filename="images/icon_logo/icon-developers-64-midnight.png" alt="Quick start icon" class="h-4 w-4 flex-shrink-0" >}} + Quick start +
+ +
+
+
+ }}">Read more +
+
+ {{< inline-icon filename="images/icon_logo/icon-data-structures-64-midnight.png" alt="Data types icon" class="h-4 w-4 flex-shrink-0" >}} + Data types +
+ +
+
+
+ }}">Read more +
+
+ {{< inline-icon filename="images/icon_logo/icon-text-search-64-midnight.png" alt="Redis Search icon" class="h-4 w-4 flex-shrink-0" >}} + Redis Search +
+ +
+
+
diff --git a/content/develop/setup/_index.md b/content/develop/setup/_index.md index ff84f40a3b..cf4b292c93 100644 --- a/content/develop/setup/_index.md +++ b/content/develop/setup/_index.md @@ -7,8 +7,7 @@ weight: 5 --- Redis can be used as a database, cache, streaming engine, message broker, context engine, feature platform, and more. - -In this guide, you'll learn how to create a Redis deployment in Redis Cloud, Redis Software, or Redis Open Source. Then, you'll learn how to create an application that connects to your deployment. +In this guide, you'll learn how to create a Redis deployment in Redis Open Source, Redis Cloud, or Redis Software. Then, you'll learn how to create an application that connects to your deployment. ## Create a Redis deployment @@ -16,17 +15,13 @@ This section shows how to set up a Redis deployment and connect to it with `redi 1. Install dependencies - Before you begin, install the following dependencies in your development environment: - - - **[`redis-cli`](/content/develop/tools/cli.md)**: command-line tool that connects to a deployment and runs Redis commands - - **[Docker](https://docs.docker.com/get-docker/)**: platform that runs software in containers, including local Redis deployments - - Select the tab corresponding to your deployment method to see which of these you need. - {{< multitabs id="getting-started-prereqs" - tab1="Redis Cloud" - tab2="Redis Software" - tab3="Redis Open Source" >}} + tab1="Redis Open Source" + tab2="Redis Cloud" + tab3="Redis Software" >}} + - [Docker](https://docs.docker.com/get-docker/) installed, to run the Docker quick start in step 2. To install without Docker, see [Install Redis on Linux, macOS, or from source](/content/operate/oss_and_stack/install/install-stack/_index.md) for its own system requirements. + -tab-sep- + - A web browser, to sign up and manage your database in the [Redis Cloud console](https://cloud.redis.io). - `redis-cli` installed locally, to connect to your database in step 3: @@ -42,20 +37,24 @@ This section shows how to set up a Redis deployment and connect to it with `redi - [Docker](https://docs.docker.com/get-docker/) installed, to run the Docker quick start in step 2. To install without Docker, see the [Redis Software on Linux quick start](/content/operate/rs/installing-upgrading/quickstarts/redis-enterprise-software-quickstart.md) for its own system requirements. - A command-line HTTP client such as `curl`, if you want to create a database with the REST API in step 2. - -tab-sep- - - - [Docker](https://docs.docker.com/get-docker/) installed, to run the Docker quick start in step 2. To install without Docker, see [Install Redis on Linux, macOS, or from source](/content/operate/oss_and_stack/install/install-stack/_index.md) for its own system requirements. {{< /multitabs >}} 2. Set up a fully-featured deployment - Select the tab corresponding to your deployment method and follow its instructions to deploy Redis and create a database. - {{< multitabs id="getting-started-deploy" - tab1="Redis Cloud" - tab2="Redis Software" - tab3="Redis Open Source" >}} + tab1="Redis Open Source" + tab2="Redis Cloud" + tab3="Redis Software" >}} + [Redis Open Source](/content/operate/oss_and_stack/_index.md) is the free, self-managed core Redis server. The fastest way to run it is with Docker: + + ```sh + docker run -d --name redis -p 6379:6379 redis:latest + ``` + + Starting the server creates your database — there's no separate create step. See [Run Redis on Docker](/content/operate/oss_and_stack/install/install-stack/docker.md) for the full procedure, or [Install Redis on Linux, macOS, or from source](/content/operate/oss_and_stack/install/install-stack/_index.md) to install without Docker. + -tab-sep- + [Sign up and create your database](https://redis.io/try-free/). Signing up creates a free 30 MB database for you. @@ -88,26 +87,24 @@ This section shows how to set up a Redis deployment and connect to it with `redi See [Create a database](/content/operate/rs/databases/create.md) for the full procedure, including the console method and additional configuration fields. - -tab-sep- - - [Redis Open Source](/content/operate/oss_and_stack/_index.md) is the free, self-managed core Redis server. The fastest way to run it is with Docker: - - ```sh - docker run -d --name redis -p 6379:6379 redis:latest - ``` - - Starting the server creates your database — there's no separate create step. See [Run Redis on Docker](/content/operate/oss_and_stack/install/install-stack/docker.md) for the full procedure, or [Install Redis on Linux, macOS, or from source](/content/operate/oss_and_stack/install/install-stack/_index.md) to install without Docker. {{< /multitabs >}} 3. Connect to your deployment - You can connect to your deployment with `redis-cli`. Select the tab corresponding to your deployment method. - {{< multitabs id="getting-started-connect" - tab1="Redis Cloud" - tab2="Redis Software" - tab3="Redis Open Source" >}} + tab1="Redis Open Source" + tab2="Redis Cloud" + tab3="Redis Software" >}} + If you started Redis with the `docker run` command from step 2 then you can connect to the database with the following command: + + ```sh + docker exec -it redis redis-cli + ``` + + See [Redis CLI](/content/develop/tools/cli.md) for the full procedure, including non-Docker installs and [Redis Insight](/content/develop/tools/insight/_index.md) as a GUI alternative to the CLI. + -tab-sep- + Get your database's host, port, and password from the connection wizard in the [Redis Cloud console](https://cloud.redis.io), then connect with `redis-cli`: @@ -127,15 +124,6 @@ This section shows how to set up a Redis deployment and connect to it with `redi See [Connect to a Redis Software database](/content/operate/rs/databases/connect/_index.md) for the full procedure and for further options, including Redis Insight and client library connections. - -tab-sep- - - If you started Redis with the `docker run` command from step 2 then you can connect to the database with the following command: - - ```sh - docker exec -it redis redis-cli - ``` - - See [Redis CLI](/content/develop/tools/cli.md) for the full procedure, including non-Docker installs and [Redis Insight](/content/develop/tools/insight/_index.md) as a GUI alternative to the CLI. {{< /multitabs >}} @@ -147,13 +135,7 @@ In the next section, you'll learn how to create an application that connects to To connect to your Redis deployment in an application, you can use one of the official [Redis client libraries](/content/develop/clients/_index.md). -Select your preferred programming language from the tabs in each step below. - -1. Load sample data - - Unlike some databases, Redis doesn't need a separate sample-data load step. The `SET` and `GET` commands in step 3 both create and read the sample data directly — there's no dataset to restore first. - -2. Initialize your application +1. Initialize your application {{< multitabs id="getting-started-init" tab1="Python" @@ -270,7 +252,7 @@ Select your preferred programming language from the tabs in each step below. {{< /multitabs >}} -3. Create your application +2. Create your application {{< multitabs id="getting-started-create-app" tab1="Python" @@ -483,9 +465,9 @@ Select your preferred programming language from the tabs in each step below. {{< /multitabs >}} -4. Add your connection string +3. Add your connection string - The examples in step 3 connect to `localhost:6379`. Replace that with your actual deployment's host, port, and password — from the [Redis Cloud connection wizard](https://cloud.redis.io), the [Redis Software connection details](/content/operate/rs/databases/connect/_index.md), or `localhost:6379` if you're already running Redis Open Source locally. + The examples in step 2 connect to `localhost:6379`, which works as is if you're running Redis Open Source locally. Otherwise, replace it with your deployment's host, port, and password from the [Redis Cloud connection wizard](https://cloud.redis.io) or the [Redis Software connection details](/content/operate/rs/databases/connect/_index.md). {{< multitabs id="getting-started-connstring" tab1="Python" @@ -579,7 +561,7 @@ Select your preferred programming language from the tabs in each step below. {{< /multitabs >}} -5. Run your application +4. Run your application {{< multitabs id="getting-started-run" tab1="Python" @@ -656,7 +638,7 @@ Select your preferred programming language from the tabs in each step below. Each program prints `Process 134` — the value you stored and then retrieved. (RedisVL's example instead confirms the index was created.) -6. Explore a use case +5. Explore a use case Each of the following quick starts shows a complete example application for a specific use case: diff --git a/content/operate/_index.md b/content/operate/_index.md index 6f47a1b369..74108fb58a 100644 --- a/content/operate/_index.md +++ b/content/operate/_index.md @@ -33,9 +33,10 @@ Choose one based on where you want Redis to run and how much of its deployment a Redis Cloud

    -
  1. }}">Create account
  2. -
  3. }}">Create a database
  4. -
  5. }}">Connect to your database
  6. +
  7. }}">Create account & connect
  8. +
  9. }}">Enable Iris
  10. +
  11. }}">Enable Data Integration
  12. +
  13. }}">Monitor with Radar
@@ -70,7 +71,7 @@ Choose one based on where you want Redis to run and how much of its deployment a ## AI and data services -These services build on Redis to support AI applications. Redis Iris context engine gives AI agents memory, semantic caching, and governed access to business data. Redis Feature Form defines, manages, and serves machine learning features. Redis Data Integration (RDI) keeps Redis in sync with a primary database in near real time, so your applications work with current data. +Services available on cloud or self-managed infrastructure for AI applications. Redis Iris context engine gives AI agents memory, semantic caching, and governed access to business data. Redis Feature Form defines, manages, and serves machine learning features. Redis Data Integration (RDI) keeps Redis in sync with a primary database in near real time, so your applications work with current data.
diff --git a/layouts/develop/list.html b/layouts/develop/list.html index 02632f0a82..0a3674c863 100644 --- a/layouts/develop/list.html +++ b/layouts/develop/list.html @@ -57,14 +57,14 @@

- PING
- HSET user:1 name antirez vocation artist
- HGETALL user:1
- SET e 2.71
- INCRBYFLOAT e 0.43
- RENAME e pi
- GET pi

- # See all commands + PING
+ HSET user:1 name antirez vocation artist
+ HGETALL user:1
+ SET e 2.71
+ INCRBYFLOAT e 0.43
+ RENAME e pi
+ GET pi

+ # See all commands
From bd20859cdb3bc9adae352ab58b4d6469c61800e0 Mon Sep 17 00:00:00 2001 From: mich-elle-luna Date: Wed, 30 Sep 2026 09:44:02 -0700 Subject: [PATCH 4/4] Tighten develop page tiles and CLI box, and color the language icons - Remove the minimum height and the prose margins inside the language tiles so they are shorter, and remove the table margins and trim the cell padding in the "Try Redis commands" box. - Recolor the language icons with each language's brand colors (the home page badges stay grey), and enlarge Go, PHP, and Java, which were shrinking to fit a square box. Co-Authored-By: Claude Opus 5.5 (1M context) --- content/develop/_index.md | 66 +++++++++++++++---------------- layouts/develop/list.html | 10 ++--- layouts/shortcodes/lang-icon.html | 65 ++++++++++++++++-------------- 3 files changed, 73 insertions(+), 68 deletions(-) diff --git a/content/develop/_index.md b/content/develop/_index.md index 76fe4fe573..f124f4a379 100644 --- a/content/develop/_index.md +++ b/content/develop/_index.md @@ -16,160 +16,160 @@ or analyze and manage your database with our [UI tools](/content/develop/tools/_index.md):
-
+
}}">Read more
{{< lang-icon name="python" >}} Python
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="dotnet" >}} C#/.NET
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="js" >}} Node.js
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="java" >}} Java (Jedis)
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="java" >}} Java (Lettuce)
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="go" >}} Go
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="php" >}} PHP
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="js" >}} JavaScript (ioredis)
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="rust" >}} Rust
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="c" >}} C
-

Examples:

-
-
+
}}">Read more
{{< lang-icon name="ruby" >}} Ruby
-

Examples:

-
    +

    Examples:

    +
    • }}">Get started
    • }}">Document search
    • }}">Vector search
    • diff --git a/layouts/develop/list.html b/layouts/develop/list.html index 0a3674c863..69081976e8 100644 --- a/layouts/develop/list.html +++ b/layouts/develop/list.html @@ -47,16 +47,16 @@

      {{ if strings.HasSuffix .RelPermalink "/develop/" }}
      - +
      - - + + - -
      Try Redis commandsTry Redis commands
      + PING
      HSET user:1 name antirez vocation artist
      HGETALL user:1
      @@ -66,7 +66,7 @@

      GET pi

      # See all commands

      +
      {{ partial "icons/cli-circle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }} diff --git a/layouts/shortcodes/lang-icon.html b/layouts/shortcodes/lang-icon.html index ea3288dbda..a39b4b909e 100644 --- a/layouts/shortcodes/lang-icon.html +++ b/layouts/shortcodes/lang-icon.html @@ -1,7 +1,8 @@ {{/* Language icon shortcode - small monochrome language logo, copied from the - "Develop in your language" row in layouts/home.html. If you change a logo - there, change it here too. The viewBox is cropped to the logo itself so the + "Develop in your language" row in layouts/home.html, recolored with each + language's brand colors (the home page badges stay grey). If you change a + logo shape there, change it here too. The viewBox is cropped to the logo itself so the glyph fills the box at small sizes. The Java icon drops the "Java" wordmark under the cup, which is unreadable at this size. @@ -10,64 +11,68 @@ Parameters: - name: one of java, js, python, ruby, dotnet, go, rust, php, c (required) - - class: size and spacing classes (optional, default "h-4 w-4 flex-shrink-0") + - class: size and spacing classes (optional, default "h-4 w-4 flex-shrink-0"; wider for go and php) */}} {{- $name := .Get "name" -}} -{{- $class := .Get "class" | default "h-4 w-4 flex-shrink-0" -}} +{{- /* Go and PHP are wide logos, so they get a wider box at the same height. + Java is tall, so it gets a 20px box; the negative margin keeps the title + row the same height as the other tiles. */ -}} +{{- $defaultClass := index (dict "go" "h-4 w-8 flex-shrink-0" "php" "h-4 w-7 flex-shrink-0" "java" "h-5 w-5 -my-0.5 flex-shrink-0") $name | default "h-4 w-4 flex-shrink-0" -}} +{{- $class := .Get "class" | default $defaultClass -}} {{- if eq $name "java" -}} -