Skip to content

Commit 83211d9

Browse files
colegoldsmithcolegoldsmith
authored
New landing page template (#63)
* small fixes, new landing page template * remove comments * add filler image div instead of broken img link * update readme link * product attribute references
1 parent 00d74bd commit 83211d9

File tree

6 files changed

+118
-57
lines changed

6 files changed

+118
-57
lines changed

‎README.adoc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ endif::[]
2727
:url-datastax-docs-repo: https://github.com/riptano/docs-site
2828
:url-coppi: https://coppi.aws.dsinternal.org
2929
:url-docs-preview: http://docs-preview.datastax.com
30-
:url-tailwind-readme: src/css/tailwind/README.adoc
30+
:url-tailwind-readme: src/css/README.adoc
3131
// External URLs:
3232
:url-antora: https://antora.org
3333
:url-antora-docs: https://docs.antora.org

‎preview-src/page-templates/landing.adoc‎

Lines changed: 113 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
= {product}
22
:page-layout: landing
3+
:product: Astra DB
34

4-
Efficiently store and query vector embeddings for better similarity search. If you're new, read our xref:get-started:concepts.adoc[introduction to vector databases].
5+
{product} empowers developers to build cutting-edge AI applications with robust APIs, real-time data handling, and seamless ecosystem integrations. Read our xref:get-started:concepts.adoc[introduction to vector databases] if you're new to {product}.
56

67
[.[&>h2]:!hidden]
78
== {empty}
89

10+
[subs="macros,attributes"]
911
++++
10-
<div class="flex rounded bg-level1 p-2 lg:p-3 gap-3 -mx-2 lg:-mx-3">
11-
<div class="flex flex-col lg:basis-1/2">
12-
++++
13-
14-
[discrete.flex.lg:flex-col.gap-3.!m-0]
15-
== Get Started
16-
17-
Dive straight into Astra Vector with this concise guide tailored for developers.
18-
Learn the essentials of how to connect to a database, ingest vectors, and perform a similarity search.
19-
20-
[.[&>p]:flex.[&>p]:gap-1]
21-
xref:get-started:quickstart.adoc[Quickstart,role="btn btn-primary btn-solid"] https://astra.datastax.com[Create Astra Account^,role="btn btn-neutral btn-outlined external"]
22-
23-
++++
24-
</div>
25-
<div class="hidden lg:block flex basis-1/2 relative">
12+
<div class="flex rounded bg-level1 p-8 gap-6">
13+
<div class="flex flex-col lg:basis-1/2 gap-4">
14+
15+
<h2 class="discrete !text-h1 !m-0">Get started</h2>
16+
17+
<p>Ready to work with {product}? Dive into the quickstart guide and learn how to create a database, connect, and load data in a matter of minutes.</p>
18+
19+
<div class="flex gap-4">
20+
xref:get-started:quickstart.adoc[Quickstart,role="btn btn-primary btn-solid"]
21+
https://astra.datastax.com[Create Astra Account^,role="btn btn-neutral btn-outlined external"]
22+
</div>
23+
24+
</div>
25+
<div class="hidden lg:block flex basis-1/2 relative">
2626
++++
2727

2828
[source,python,role="nolang absolute bottom-1/2 translate-y-1/2 right-0 w-full inverse-theme [&_.source-toolbox]:hidden"]
@@ -33,61 +33,122 @@ from astrapy.db import AstraDB
3333
db = AstraDB(token=TOKEN, api_endpoint=URL)
3434
3535
# Ingest vectors into your collection
36-
col = db.collection(collection_name="test")
37-
col.insert_many(documents=DOCUMENTS)
36+
c = db.collection(collection_name="test")
37+
c.insert_many(documents=DOCUMENTS)
3838
3939
# Find the closest vectors
40-
col.vector_find([0.15, 0.1, 0.1, 0.35, 0.55])
40+
c.vector_find([0.15, 0.1, 0.1, 0.35, 0.55])
4141
----
4242

43+
[subs="macros,attributes"]
4344
++++
45+
</div>
4446
</div>
45-
</div>
46-
++++
4747
48-
[.[&>h2]:!text-h1]
49-
== Next steps
48+
<h2 class="discrete !text-h1 !mt-12 !mb-6">Database basics</h2>
5049
51-
++++
52-
<div class="flex flex-col lg:flex-row gap-3">
53-
<div class="flex flex-col lg:basis-1/3">
54-
++++
50+
<div class="grid gap-6 lg:grid-cols-3">
51+
<div class="flex flex-col gap-4">
52+
53+
<div class="rounded bg-level1 w-full h-[225px]"></div>
5554
56-
[discrete.flex.items-center.lg:items-start.lg:flex-col.gap-1]
57-
== [.rounded.border.p-1.w-max.material-icons]#fact_check# Load your data
55+
<h3 class="discrete !text-h2 !m-0">Create database</h3>
5856
59-
Get your data and embeddings into a database.
57+
<p>Learn the fundamental steps of setting up your {product} database.</p>
6058
61-
[.landing-a]
62-
xref:data:load-data.adoc[Load data]
59+
<div class="landing-a mt-auto">
60+
xref:createdatabase.adoc[Create a database]
61+
</div>
6362
64-
++++
65-
</div>
66-
<div class="flex flex-col lg:basis-1/3">
67-
++++
63+
</div>
64+
<div class="flex flex-col gap-4">
65+
66+
<div class="rounded bg-level1 w-full h-[225px]"></div>
6867
69-
[discrete.flex.items-center.lg:items-start.lg:flex-col.gap-1]
70-
== [.rounded.border.p-1.w-max.material-icons]#auto_stories# Explore your data
68+
<h3 class="discrete !text-h2 !m-0">Load data</h3>
7169
72-
Perform similarity searches and browse the results.
70+
<p>Discover methods for loading data into {product}, ensuring it's structured and ready to use.</p>
7371
74-
[.landing-a]
75-
link:{#}[Explore data]
72+
<div class="landing-a">
73+
xref:createdatabase.adoc[Load data]
74+
</div>
7675
77-
++++
76+
</div>
77+
<div class="flex flex-col gap-4">
78+
79+
<div class="rounded bg-level1 w-full h-[225px]"></div>
80+
81+
<h3 class="discrete !text-h2 !m-0">Explore your data</h3>
82+
83+
<p>Explore your database, utilizing {product}'s features for querying and analyzing your data.</p>
84+
85+
<div class="landing-a">
86+
xref:createdatabase.adoc[Explore your data]
87+
</div>
88+
89+
</div>
7890
</div>
79-
<div class="flex flex-col lg:basis-1/3">
80-
++++
8191
82-
[discrete.flex.items-center.lg:items-start.lg:flex-col.gap-1]
83-
== [.rounded.border.p-1.w-max.material-icons]#power# Connect to your database
92+
<h2 class="discrete !text-h1 !mt-12 !mb-6">Expand your {product} knowledge</h2>
8493
85-
Work with your data using our clients and APIs.
94+
<div class="grid lg:grid-rows-2 lg:grid-cols-2 gap-6">
95+
96+
<div class="lg:row-span-2 flex flex-col items-start gap-4 rounded border p-4">
97+
98+
<div class="rounded bg-level1 w-full h-[325px]"></div>
8699
87-
[.landing-a]
88-
xref:data:connect-to-database.adoc[Connect database]
100+
<h3 class="discrete !text-h2 !m-0">Integrations</h3>
89101
90-
++++
91-
</div>
102+
<p>Discover how {product} integrates with popular tools and platforms to enhance your workflow and data management.</p>
103+
104+
<div class="landing-a">
105+
xref:createdatabase.adoc[Integrate LangChain with Astra DB]
106+
</div>
107+
108+
<div class="landing-a">
109+
xref:createdatabase.adoc[Integrate LlamaIndex with Astra DB]
110+
</div>
111+
112+
<div class="landing-a">
113+
xref:createdatabase.adoc[Integrate Vercel with Astra DB]
114+
</div>
115+
116+
</div>
117+
118+
<div class="flex flex-col items-start gap-4 rounded border p-4">
119+
120+
<div class="rounded bg-level1 flex p-2"><i class="icon material-icons">auto_stories</i></div>
121+
122+
<h3 class="discrete !text-h2 !m-0">Tutorials</h3>
123+
124+
<p>Discover how {product} integrates with popular tools and platforms to enhance your workflow and data management.</p>
125+
126+
<div class="landing-a">
127+
xref:createdatabase.adoc[Build a chatbot]
128+
</div>
129+
130+
<div class="landing-a">
131+
xref:createdatabase.adoc[Build a recommendation system with vector search]
132+
</div>
133+
134+
</div>
135+
136+
<div class="flex flex-col items-start gap-4 rounded border p-4">
137+
138+
<div class="rounded bg-level1 flex p-2"><i class="icon material-icons">handyman</i></div>
139+
140+
<h3 class="discrete !text-h2 !m-0">API references</h3>
141+
142+
<p>Utilize our detailed API references for a deep understanding of {product}'s capabilities and how to effectively use them.</p>
143+
144+
<div class="landing-a">
145+
xref:createdatabase.adoc[APIs for vector databases]
146+
</div>
147+
148+
<div class="landing-a">
149+
xref:createdatabase.adoc[APIs for non-vector databases]
150+
</div>
151+
152+
</div>
92153
</div>
93154
++++

‎src/css/asciidoc/doc.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
.doc h1.page {
2020
display: flex;
21-
align-items: start;
21+
align-items: flex-start;
2222
line-height: 1.2;
2323
margin-top: var(--ds-space-2);
2424
margin-bottom: var(--ds-space-2);

‎src/css/asciidoc/source-block.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
.doc pre.highlightjs {
1616
display: block;
17-
color: var(--ds-text-secondary);
17+
color: var(--ds-text-primary);
1818
background: var(--ds-background-level1);
1919
border-radius: calc(6 / var(--rem-base) * 1rem);
2020
border: 1px solid var(--ds-background-level1);

‎src/css/components/btn.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@layer components {
22
.btn {
3-
@apply text-button flex h-10 items-center justify-center whitespace-nowrap rounded border border-transparent px-3 py-2 transition ease-in-out;
3+
@apply text-button inline-flex h-10 items-center justify-center whitespace-nowrap rounded border border-transparent px-3 py-2 transition ease-in-out;
44
}
55

66
a.btn:hover {

‎src/partials/footer.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
</a>
1212
<p class="!m-0">
1313
<span>©</span>
14-
<span id="copyrightdate">2023</span>
14+
<span id="copyrightdate">2024</span>
1515
<span>DataStax |
1616
<a
1717
href="https://www.datastax.com/legal/datastax-website-privacy-policy"

0 commit comments

Comments
 (0)