Skip to content

Commit b92667e

Browse files
andy-stark-redisandy-stark-redis
committed
DOC-5131 first attempt at links/formatting for develop landing page
1 parent 321c0ec commit b92667e

File tree

8 files changed

+274
-40
lines changed

8 files changed

+274
-40
lines changed

‎content/develop/_index.md‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
title: Develop with Redis
33
description: Learn how to develop with Redis
44
linkTitle: Develop
5+
layout: list-landing
6+
hideListLinks: true
57
---
68

7-
Explore the pages below to learn more about developing with Redis Open Source.
9+
Get a Redis server running in minutes with a free trial of
10+
[Redis Cloud]({{< relref "/operate/rc" >}}), or install
11+
[Redis Open Source]({{< relref "/operate/oss_and_stack" >}}) locally
12+
on your machine. Then, explore Redis with your favorite
13+
[programming language]({{< relref "/develop/clients" >}})
14+
or analyze and manage your database with our UI tools:
15+
16+
{{< client-splash >}}
17+
18+
{{< dev-features >}}

‎layouts/develop/list-landing.html‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{{ define "head" }}
2+
<script src='{{ relURL "js/cli.js" }}' defer></script>
3+
<script src='{{ relURL "js/codetabs.js" }}' defer></script>
4+
{{ end }}
5+
6+
{{ define "main" }}
7+
<main class="docs w-full max-w-[1920px] mx-auto px-5 flex flex-col md:flex-row overflow-hidden">
8+
{{ partial "docs-nav.html" . }}
9+
<div class="w-full py-12 md:pl-4 xl:px-16 overflow-hidden">
10+
{{ partial "breadcrumbs" . }}
11+
<section class="prose w-full py-12 max-w-none">
12+
<h1>
13+
{{ .Title }}
14+
</h1>
15+
16+
{{ with .Params.description }}<p class="text-lg -mt-5 mb-10">{{ . | markdownify }}</p>{{ end }}
17+
18+
<!-- In-page banner -->
19+
{{ if .Params.bannerText }}
20+
<!-- Banner params are in the current page's front matter -->
21+
{{ partial "banner-article.html" . }}
22+
{{ else }}
23+
<!-- Iterate through the page's ancestors to determine if a
24+
section-wide banner is enabled by a parent page's front matter -->
25+
{{ $ancestorDirs := slice }}
26+
{{ with .File }}
27+
{{ $ancestorDirs = split .Dir "/" }}
28+
{{ end }}
29+
{{ $currPage := .Page }}
30+
{{ range $i, $page := $ancestorDirs }}
31+
{{ if and $currPage.Params.bannerText $currPage.Params.bannerChildren }}
32+
{{ partial "banner-article.html" $currPage }}
33+
{{ end }}
34+
{{ $currPage = $currPage.Parent }}
35+
{{ end }}
36+
{{ end }}
37+
38+
<!-- Responsive CLI Display Block as Table -->
39+
<div class="overflow-x-auto">
40+
<table class="w-full border-collapse md:table" style="background-color: rgb(240,240,240);">
41+
<thead>
42+
<tr>
43+
<th class="p-4 text-left">Try these Redis commands</th>
44+
<th class="p-4 text-left hidden md:table-cell">Redis CLI</th>
45+
</tr>
46+
</thead>
47+
<tbody>
48+
<tr class="flex flex-col md:table-row">
49+
<td class="align-top p-4 w-full md:w-[40%] text-base font-mono">
50+
<code><a href="/commands/ping">PING</a></code></br>
51+
<code><a href="/commands/hset">HSET</a> user:1 name antirez vocation artist</code></br>
52+
<code><a href="/commands/hgetall">HGETALL</a> user:1</code></br>
53+
<code><a href="/commands/set">SET</a> e 2.71</code></br>
54+
<code><a href="/commands/incrbyfloat">INCRBYFLOAT</a> e 0.43</code></br>
55+
<code><a href="/commands/rename">RENAME</a> e pi</code></br>
56+
<code><a href="/commands/get">GET</a> pi</code><br/><br/>
57+
# <a href='{{ relURL "/commands/"}}'>See all commands</a>
58+
</td>
59+
<td class="align-top p-4 w-full md:w-[60%]">
60+
<div class="bg-slate-900 rounded-xl shadow-lg shadow-slate-900/10 h-60 overflow-y-auto">
61+
<div class="border-b border-slate-700 rounded-t-xl px-4 py-3 w-full flex">
62+
{{ partial "icons/cli-circle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
63+
{{ partial "icons/cli-triangle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
64+
{{ partial "icons/cli-star" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
65+
</div>
66+
<form class="redis-cli" typewriter>
67+
<pre tabindex="0" class="whitespace-pre">
68+
PING
69+
</pre>
70+
</form>
71+
</div>
72+
</td>
73+
</tr>
74+
</tbody>
75+
</table>
76+
</div>
77+
78+
{{ .Content }}
79+
{{ if not .Params.hideListLinks }}
80+
<nav>
81+
{{ range .CurrentSection.Pages }}
82+
<a href="{{ .RelPermalink }}"{{ with .Params.manualLinkTitle }} title="{{ . }}"{{ end }}{{ with .Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }}>{{- .Title -}}</a>
83+
{{ if .Description }}
84+
<p>{{ .Description | markdownify }}</p>
85+
{{ else }}
86+
<br /><br />
87+
{{ end }}
88+
{{ end }}
89+
</nav>
90+
{{ end }}
91+
{{ partial "feedback.html" . }}
92+
</section>
93+
</div>
94+
{{/* partial "docs-toc.html" . */}}
95+
</main>
96+
{{ end }}

‎layouts/develop/list.html‎

Lines changed: 0 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -35,45 +35,6 @@ <h1>
3535
{{ end }}
3636
{{ end }}
3737

38-
<!-- Responsive CLI Display Block as Table -->
39-
<div class="overflow-x-auto">
40-
<table class="w-full border-collapse md:table">
41-
<thead>
42-
<tr>
43-
<th class="p-4 text-left">Try these Redis commands</th>
44-
<th class="p-4 text-left hidden md:table-cell">Redis CLI</th>
45-
</tr>
46-
</thead>
47-
<tbody>
48-
<tr class="flex flex-col md:table-row">
49-
<td class="align-top p-4 w-full md:w-[40%] text-base font-mono">
50-
<code><a href="/commands/ping">PING</a></code></br>
51-
<code><a href="/commands/hset">HSET</a> user:1 name antirez vocation artist</code></br>
52-
<code><a href="/commands/hgetall">HGETALL</a> user:1</code></br>
53-
<code><a href="/commands/set">SET</a> e 2.71</code></br>
54-
<code><a href="/commands/incrbyfloat">INCRBYFLOAT</a> e 0.43</code></br>
55-
<code><a href="/commands/rename">RENAME</a> e pi</code></br>
56-
<code><a href="/commands/get">GET</a> pi</code>
57-
</td>
58-
<td class="align-top p-4 w-full md:w-[60%]">
59-
<div class="bg-slate-900 rounded-xl shadow-lg shadow-slate-900/10 h-60 overflow-y-auto">
60-
<div class="border-b border-slate-700 rounded-t-xl px-4 py-3 w-full flex">
61-
{{ partial "icons/cli-circle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
62-
{{ partial "icons/cli-triangle" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
63-
{{ partial "icons/cli-star" (dict "class" "shrink-0 h-[1.0625rem] w-[1.0625rem] fill-slate-50") }}
64-
</div>
65-
<form class="redis-cli" typewriter>
66-
<pre tabindex="0" class="whitespace-pre">
67-
PING
68-
</pre>
69-
</form>
70-
</div>
71-
</td>
72-
</tr>
73-
</tbody>
74-
</table>
75-
</div>
76-
7738
{{ .Content }}
7839
{{ if not .Params.hideListLinks }}
7940
<nav>

‎layouts/shortcodes/client-splash.html‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
<table>
2+
<tr>
3+
<td>
4+
<table>
5+
<tr>
6+
<th></th>
7+
<th style="text-align:center">Getting started</th>
8+
<th style="text-align:center">Document search</th>
9+
<th style="text-align:center">Vector search</th>
10+
</tr>
11+
<tr>
12+
<td><a href='{{- relref . "/develop/clients/redis-py" -}}'>Python</a></td>
13+
<td style="text-align:center">
14+
<a href='{{- relref . "/develop/clients/redis-py/connect" -}}'>&#9989;</a>
15+
</td>
16+
<td style="text-align:center">
17+
<a href='{{- relref . "/develop/clients/redis-py/queryjson" -}}'>&#9989;</a>
18+
</td>
19+
<td style="text-align:center">
20+
<a href='{{- relref . "/develop/clients/redis-py/vecsearch" -}}'>&#9989;</a>
21+
</td>
22+
</tr>
23+
<tr>
24+
<td><a href='{{- relref . "/develop/clients/dotnet" -}}'>C#/.NET</a></td>
25+
<td style="text-align:center">
26+
<a href='{{- relref . "/develop/clients/dotnet/connect" -}}'>&#9989;</a>
27+
</td>
28+
<td style="text-align:center">
29+
<a href='{{- relref . "/develop/clients/dotnet/queryjson" -}}'>&#9989;</a>
30+
</td>
31+
<td style="text-align:center">
32+
<a href='{{- relref . "/develop/clients/dotnet/vecsearch" -}}'>&#9989;</a>
33+
</td>
34+
</tr>
35+
<tr>
36+
<td><a href='{{- relref . "/develop/clients/nodejs" -}}'>Node.js</a></td>
37+
<td style="text-align:center">
38+
<a href='{{- relref . "/develop/clients/nodejs/connect" -}}'>&#9989;</a>
39+
</td>
40+
<td style="text-align:center">
41+
<a href='{{- relref . "/develop/clients/nodejs/queryjson" -}}'>&#9989;</a>
42+
</td>
43+
<td style="text-align:center">
44+
<a href='{{- relref . "/develop/clients/nodejs/vecsearch" -}}'>&#9989;</a>
45+
</td>
46+
</tr>
47+
<tr>
48+
<td><a href='{{- relref . "/develop/clients/jedis" -}}'>Java</a></td>
49+
<td style="text-align:center">
50+
<a href='{{- relref . "/develop/clients/jedis/connect" -}}'>&#9989;</a>
51+
</td>
52+
<td style="text-align:center">
53+
<a href='{{- relref . "/develop/clients/jedis/queryjson" -}}'>&#9989;</a>
54+
</td>
55+
<td style="text-align:center">
56+
<a href='{{- relref . "/develop/clients/jedis/vecsearch" -}}'>&#9989;</a>
57+
</td>
58+
</tr>
59+
<tr>
60+
<td><a href='{{- relref . "/develop/clients/go" -}}'>Go</a></td>
61+
<td style="text-align:center">
62+
<a href='{{- relref . "/develop/clients/go/connect" -}}'>&#9989;</a>
63+
</td>
64+
<td style="text-align:center">
65+
<a href='{{- relref . "/develop/clients/go/queryjson" -}}'>&#9989;</a>
66+
</td>
67+
<td style="text-align:center">
68+
<a href='{{- relref . "/develop/clients/go/vecsearch" -}}'>&#9989;</a>
69+
</td>
70+
</tr>
71+
<tr>
72+
<td><a href='{{- relref . "/develop/clients/php" -}}'>PHP</a></td>
73+
<td style="text-align:center">
74+
<a href='{{- relref . "/develop/clients/php/connect" -}}'>&#9989;</a>
75+
</td>
76+
<td style="text-align:center">
77+
<a href='{{- relref . "/develop/clients/php/queryjson" -}}'>&#9989;</a>
78+
</td>
79+
<td style="text-align:center">
80+
<a href='{{- relref . "/develop/clients/php/vecsearch" -}}'>&#9989;</a>
81+
</td>
82+
</tr>
83+
<tr>
84+
<td colspan="4">
85+
<img
86+
style="float: left;padding-left: 5%;padding-right: 5%;padding-top:0"
87+
src='{{- relURL "/develop/tools/insight/images/Browser.png" -}}'
88+
width="300px"
89+
/>
90+
<p>
91+
<a href='{{ relURL "/develop/tools/insight" }}'><strong>Redis Insight</strong></a><br/>
92+
Visual client tool for creating, managing, and analyzing
93+
Redis databases.
94+
</p>
95+
</td>
96+
</tr>
97+
<tr>
98+
<td colspan="4">
99+
<img
100+
style="float: left;padding-left: 5%;padding-right: 5%"
101+
src='{{- relURL "/images/dev/connect/vscode/vscode-cli.png" -}}'
102+
width="300px"
103+
/>
104+
<p>
105+
<a href='{{ relURL "/develop/tools/redis-for-vscode" }}'><strong>Redis for VSCode</strong></a><br/>
106+
Create and manage Redis databases directly from a <a href="https://code.visualstudio.com/">VSCode</a>
107+
window using our editor extension.
108+
</p>
109+
</td>
110+
</tr>
111+
</table>

‎layouts/shortcodes/dev-features.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<table>
2+
<tr>
3+
<th>
4+
<a href='{{ relref . "/develop/get-started" }}'>
5+
<img src={{ relURL "/images/icon_logo/icon-developers-32-midnight.png" }}/>
6+
<strong>Quick start</strong>
7+
</a>
8+
</th>
9+
<th>
10+
<a href='{{ relref . "/develop/data-types" }}'>
11+
<img src={{ relURL "/images/icon_logo/icon-data-structures-32-midnight.png" }}/>
12+
<strong>Data types</strong>
13+
</a>
14+
</th>
15+
<th>
16+
<a href='{{ relref . "/develop/interact/search-and-query" }}'>
17+
<img src={{ relURL "/images/icon_logo/icon-text-search-32-midnight.png" }}/>
18+
<strong>Query engine</strong>
19+
</a>
20+
</th>
21+
</tr>
22+
<tr>
23+
<td>
24+
<ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
25+
<li><a href='{{ relref . "/develop/get-started/vector-database" }}'>Vector database</a></li>
26+
<li><a href='{{ relref . "/develop/get-started/document-database" }}'>Document store</a></li>
27+
<li><a href='{{ relref . "/develop/get-started/data-store" }}'>Data structure store</a></li>
28+
<li><a href='{{ relref . "/develop/get-started/rag" }}'>RAG with Redis</a></li>
29+
<li><a href='/develop/get-started/redis-in-ai'>GenAI</a></li>
30+
</ul>
31+
</td>
32+
<td>
33+
<ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
34+
<li><a href='{{ relref . "/develop/data-types/strings" }}'>String</a></li>
35+
<li><a href='{{ relref . "/develop/data-types/json" }}'>JSON</a></li>
36+
<li><a href='{{ relref . "/develop/data-types/hashes" }}'>Hash</a></li>
37+
<li><a href='{{ relref . "/develop/data-types/vector-sets" }}'>Vector set</a></li>
38+
<li><a href='{{ relref . "/develop/data-types/probabilistic" }}'>Probabilistic</a></li>
39+
</ul>
40+
</td>
41+
<td>
42+
<ul style="list-style-type: none; padding-left:0%;margin-left:-2%">
43+
<li><a href='{{ relref . "/develop/interact/search-and-query" }}'>Get started</a></li>
44+
<li><a href='{{ relref . "/develop/interact/search-and-query/basic-constructs/field-and-type-options" }}'>Schema field types</a></li>
45+
<li><a href='{{ relref . "/develop/interact/search-and-query/indexing" }}'>Indexing</a></li>
46+
<li><a href='{{ relref . "/develop/interact/search-and-query/query" }}'>Querying</a></li>
47+
<li><a href='{{ relref . "/develop/interact/search-and-query/query-use-cases" }}'>Use cases</a></li>
48+
</ul>
49+
</td>
50+
</tr>
51+
</table>
52+
53+
54+
55+

‎static/images/icon_logo/icon-data-structures-32-midnight.png‎

1.57 KB
Loading

‎static/images/icon_logo/icon-developers-32-midnight.png‎

1.46 KB
Loading

‎static/images/icon_logo/icon-text-search-32-midnight.png‎

1.23 KB
Loading

0 commit comments

Comments
 (0)