Align home page navigation with other pages and update UI elements #2603
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -11,40 +11,16 @@ | |
|
|
||
| {{ define "main" }} | ||
| <main class="bg-redis-ink-900 text-white"> | ||
| {{ partial "second-header.html" "disabled" }} | ||
| <div class="flex flex-col lg:flex-row gap-8 mx-auto px-5 max-w-[1920px] bg-redis-ink-900 text-white" style="padding-top: 2px; padding-bottom: 24px;"> | ||
| <div class="md:block w-full md:w-96 h-fit md:h-full shrink-0 text-base font-mono font-normal py-6"> | ||
| <nav class="md:hidden w-full md:w-96 z-40 bg-redis-ink-900 h-fit md:h-full leading-7"> | ||
| <div class="border border-opacity-50 border-white rounded-md flex flex-col bg-redis-ink-900"> | ||
| <button class="px-6 py-4 text-white font-medium flex justify-between cursor-pointer md:cursor-default" onclick="dropdownToggle()"> | ||
| <div class="uppercase">Docs</div> | ||
| <div id="dropdownChevron" class="md:hidden self-center">{{ partial "icons/chevron.html" }}</div> | ||
| </button> | ||
| <div id="dropdown" class="hidden md:block border-t border-opacity-50 border-white text-gray-300 bg-redis-ink-900"> | ||
| <ul class="p-6"> | ||
| <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "develop" }}'>Develop with Redis</a></li> | ||
| <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "integrate" }}'>Libraries and tools</a></li> | ||
|
|
@@ -55,7 +31,7 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1> | |
| </div> | ||
| </div> | ||
| </nav> | ||
| <nav class="hidden md:block max-h-[calc(100vh-7rem)] min-h-96 flex flex-col gap-4 w-full md:w-96 z-40 md:fixed md:pt-6 h-fit md:h-full leading-7"> | ||
| <div class="flex flex-col gap-4"> | ||
| <div class="flex flex-col border border-white border-opacity-50 rounded-md bg-redis-ink-900"> | ||
| <a class="px-6 py-4 rounded-t-md hover:bg-redis-pen-800 text-white" href='{{ relURL "develop" }}'>Develop with Redis</a> | ||
|
|
@@ -69,75 +45,94 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1> | |
| </div> | ||
| </nav> | ||
| </div> | ||
| <div class="w-full flex flex-col gap-6 pt-6"> | ||
| <!-- Welcome heading and search box on same line --> | ||
| <div class="flex flex-col md:flex-row items-center gap-4 lg:px-11"> | ||
| <h1 class="text-4xl md:text-5xl font-medium text-white text-center md:text-left flex-1">Welcome to Redis Docs</h1> | ||
| <form class="flex flex-row items-center border border-white rounded-md px-4 gap-3 w-full md:w-auto md:w-[350px] bg-redis-ink-900" action="/chat"> | ||
| <label class="" for="search-home" id="search-label-home"> | ||
| {{ partial "icons/sparkles.html" }} | ||
| </label> | ||
| <input id="seach-home" name="q" class="appearance-none bg-transparent text-sm text-white placeholder-white w-full h-10 focus:outline-none" | ||
| autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" | ||
| placeholder="Ask our AI copilot…" maxlength="500" type="text" value="" tabindex=""/> | ||
| <input class="invisible" type="submit" class="hover:text-redis-pen-300" value=""/> | ||
| </form> | ||
| </div> | ||
|
|
||
| <!-- Two column layout for Get Started and Deploy --> | ||
| <div class="flex flex-col lg:flex-row gap-8"> | ||
| <div class="lg:px-11 w-full flex flex-col gap-3"> | ||
| <h2 class="text-xl font-medium text-white mb-1">Get Started</h2> | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Quickly set up a Redis cache, primary, vector, or custom database" | ||
| "Description" "Set up a Free Redis-managed database on AWS, GCP, or Azure" | ||
| "ButtonLink" "./operate/rc/rc-quickstart/" | ||
| "ButtonLabel" "Redis Cloud quick start" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Get started with Redis Open Source" "URL" "./get-started/") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Build GenAI apps" | ||
| "Description" "Get started using Redis for retrieval augmented generation (RAG)" | ||
| "ButtonLink" "./develop/get-started/rag/" | ||
| "ButtonLabel" "Redis with RAG" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Redis for AI docs and code examples" "URL" "./develop/ai/") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Connect with Redis client API libraries" | ||
| "Description" "Connect your application to a Redis database and try an example" | ||
| "ButtonLink" "./develop/clients/" | ||
| "ButtonLabel" "Redis client API library guides" | ||
|
|
||
| "LinksLeft" (slice | ||
| (dict "Text" "Python" "URL" "./develop/clients/redis-py/") | ||
| (dict "Text" "C#/.NET" "URL" "./develop/clients/dotnet/") | ||
| (dict "Text" "JavaScript" "URL" "./develop/clients/nodejs/") | ||
| (dict "Text" "Java" "URL" "./develop/clients/jedis/") | ||
| (dict "Text" "Go" "URL" "./develop/clients/go/") | ||
| (dict "Text" "PHP" "URL" "./develop/clients/php/") | ||
| ) ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Client tools to connect to a Redis server" | ||
| "Description" "You can use the CLI, Redis Insight, or the Redis VSCode extension to connect to Redis" | ||
| "ButtonLink" "./develop/tools/" | ||
| "ButtonLabel" "Client tools overview guide" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Redis CLI" "URL" "./develop/tools/cli/") | ||
| (dict "Text" "Redis Insight" "URL" "./develop/tools/insight/") | ||
| (dict "Text" "Redis for VSCode" "URL" "./develop/tools/redis-for-vscode/") | ||
| ) ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Understand Redis data structures and use cases" | ||
| "Description" "Learn which Redis data structures to use for caching, queues, leaderboards, and more" | ||
| "ButtonLink" "./develop/data-types/" | ||
|
Contributor
There was a problem hiding this comment. There's also this page that gives guidance about when to use which type. I don't know if that would be useful here. Alternatively, maybe the guidance page should replace the current index page for that section? |
||
| "ButtonLabel" "Redis data types guide" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Common Redis use cases" "URL" "./develop/get-started/data-store/") | ||
| (dict "Text" "Redis as a vector database" "URL" "./develop/get-started/vector-database/") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Resources for AI agents" | ||
| "Description" "Learn more about Redis documentation features that support AI agents" | ||
| "ButtonLink" "https://redis.io/llms.txt" | ||
| "ButtonLabel" "Main `llms.txt` index for doc structure" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "AI Agent Resources" "URL" "./ai-agent-resources") | ||
| (dict "Text" "Example doc page in Markdown format" "URL" "./develop/index.html.md") | ||
| ) | ||
| ) }} | ||
| </div> | ||
| <div class="lg:px-11 w-full flex flex-col gap-3"> | ||
| <h2 class="text-xl font-medium text-white mb-1">Deploy & Operate</h2> | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Control your Redis Software on-premises and on cloud platforms" | ||
| "Description" "Robust support for hybrid and multi-AZ environments" | ||
| "ButtonLink" "./operate/rs/installing-upgrading/install/plan-deployment/" | ||
| "ButtonLabel" "Redis deployment planning" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Active-Active geo-distributed Redis" "URL" "./operate/rs/databases/active-active/") | ||
|
|
@@ -146,16 +141,34 @@ <h2 class="text-5xl font-medium text-white" id="operate">Deploy</h2> | |
| {{ partial "docs-section.html" (dict | ||
| "Title" "Deploy on Kubernetes" | ||
| "Description" "Get started with the Redis Software for Kubernetes container image" | ||
| "ButtonLink" "./operate/kubernetes/deployment/quick-start/" | ||
| "ButtonLabel" "Kubernetes deployment guide" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Deploy Redis Software for Kubernetes with OpenShift" "URL" "./operate/kubernetes/deployment/openshift/") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Optimize Redis for high-scale apps" | ||
| "Description" "Get the Redis Insight GUI on AWS EC2, Docker, Kubernetes, and desktop" | ||
| "ButtonLink" "./operate/redisinsight/install/" | ||
| "ButtonLabel" "Redis Insight install guide" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Performance and memory optimization user guide" "URL" "./develop/tools/insight/#database-analysis") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Migrate data to or from Redis" | ||
| "Description" "Migrate data from files, data generators, relational databases, or snapshots" | ||
| "ButtonLink" "./integrate/riot/" | ||
| "ButtonLabel" "Redis input and output CLI tool" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Redis Input/Output Tool quick start" "URL" "./integrate/riot/quick-start/") | ||
| ) | ||
| ) }} | ||
| {{ partial "docs-section.html" (dict | ||
| "Title" "Ingest and sync data to Redis" | ||
| "Description" "Sync Redis Software with live data from your disk-based databases" | ||
| "ButtonLink" "./integrate/redis-data-integration/quick-start-guide/" | ||
| "ButtonLabel" "Pipeline quick start" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Redis Data Integration feature overview" "URL" "./integrate/redis-data-integration/") | ||
|
|
@@ -164,22 +177,13 @@ <h2 class="text-5xl font-medium text-white" id="operate">Deploy</h2> | |
| {{ partial "docs-section.html" (dict | ||
| "Title" "Monitor Redis with Prometheus" | ||
| "Description" "Get started with the Redis Software integration for Prometheus and Grafana" | ||
| "ButtonLink" "./integrate/prometheus-with-redis-enterprise/" | ||
| "ButtonLabel" "Prometheus and Grafana with Redis" | ||
| "LinksLeft" (slice | ||
| (dict "Text" "Prometheus and Grafana with Redis Cloud" "URL" "./integrate/prometheus-with-redis-cloud/") | ||
| ) | ||
| ) }} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M4 8L4.5 6L6 5.5L4.5 5L4 3L3.5 5L2 5.5L3.5 6L4 8Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> | ||
| <path d="M12 15L13 11L15 10L13 9L12 5L11 9L9 10L11 11L12 15Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> | ||
| </svg> | ||
|
|
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.