Skip to content

Commit 4b93382

Browse files
szabosteveszabosteve
authored
[DOCS] Creates custom landing page for the Rust client book (#217)
1 parent 790d523 commit 4b93382

File tree

1 file changed

+146
-0
lines changed

1 file changed

+146
-0
lines changed

‎docs/index-custom-title-page.html

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
<style>
2+
* {
3+
box-sizing: border-box;
4+
}
5+
6+
.card {
7+
cursor: pointer;
8+
padding: 16px;
9+
text-align: left;
10+
color: #000;
11+
}
12+
13+
.card:hover {
14+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
15+
padding: 16px;
16+
text-align: left;
17+
}
18+
19+
#guide a.no-text-decoration:hover {
20+
text-decoration: none!important;
21+
}
22+
23+
.icon {
24+
width: 24px;
25+
height: 24px;
26+
background-position: bottom;
27+
background-size: contain;
28+
background-repeat: no-repeat;
29+
}
30+
31+
.ul-col-1 {
32+
columns: 1;
33+
-webkit-columns: 1;
34+
-moz-columns: 1;
35+
}
36+
37+
@media (min-width:769px) {
38+
.ul-col-md-2 {
39+
columns: 2;
40+
-webkit-columns: 2;
41+
-moz-columns: 2;
42+
}
43+
}
44+
45+
#guide h3.gtk {
46+
margin-top: 16px;
47+
}
48+
49+
.mb-4, .my-4 {
50+
margin-bottom: 0!important;
51+
}
52+
</style>
53+
54+
<div class="legalnotice"></div>
55+
56+
<div class="row my-4">
57+
<div class="col-md-6 col-12">
58+
<p></p>
59+
<p>
60+
<h2>Documentation</h2>
61+
</p>
62+
<p>
63+
The official Rust client provides one-to-one mapping with Elasticsearch REST APIs. Full documentation is hosted on <a href="https://www.docs.rs/elasticsearch/">docs.rs</a>
64+
</p>
65+
<p>
66+
<a href="https://www.elastic.co/guide/en/elasticsearch/client/rust-api/current/overview.html">
67+
<button class="btn btn-primary">Get started</button>
68+
</a>
69+
</p>
70+
</div>
71+
<div class="col-md-6 col-12">
72+
<img class="w-100" src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt461216aed4f74385/642573348f4a131142f01203/ES_Rust_landing_page.png" />
73+
</div>
74+
</div>
75+
76+
<h3 class="gtk">Get to know the Rust client</h3>
77+
78+
<div class="my-5">
79+
<div class="d-flex align-items-center mb-3">
80+
<h4 class="mt-3">
81+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltfd59779217093221/641ae0c8db18f61d68e9c377/64x64_Color_icon-connected-circles64-color.png');"></span>
82+
Connecting
83+
</h4>
84+
</div>
85+
<ul class="ul-col-md-2 ul-col-1">
86+
<li>
87+
<a href="overview.html#_create_a_client">Creating a client</a>
88+
</li>
89+
<li>
90+
<a href="installation.html">Installing the client</a>
91+
</ul>
92+
</div>
93+
94+
<div class="my-5">
95+
<div class="d-flex align-items-center mb-3">
96+
<h4 class="mt-3">
97+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltca09fd8c807816ce/641ae17733e7f95594918557/icon-monitor-cog-64-color.png');"></span>
98+
Using the Rust client
99+
</h4>
100+
</div>
101+
<ul class="ul-col-md-2 ul-col-1">
102+
<li>
103+
<a href="overview.html#_making_api_calls">Making API calls</a>
104+
</li>
105+
</ul>
106+
</div>
107+
108+
<h3 class="explore">Explore by use case</h3>
109+
110+
<div class="row my-4">
111+
<div class="col-md-4 col-12 mb-2">
112+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/enterprise-search/current/start.html">
113+
<div class="card h-100">
114+
<h4 class="mt-3">
115+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt11200907c1c033aa/634d9da119d8652169cf9b2b/enterprise-search-logo-color-32px.png');"></span>
116+
Search my data
117+
</h4>
118+
<p>Create search experiences for your content, wherever it lives.</p>
119+
</div>
120+
</a>
121+
</div>
122+
<div class="col-md-4 col-12 mb-2">
123+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/welcome-to-elastic/current/getting-started-observability.html">
124+
<div class="card h-100">
125+
<h4 class="mt-3">
126+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltaa08b370a00bbecc/634d9da14e565f1cdce27f7c/observability-logo-color-32px.png');"></span>
127+
Observe my data
128+
</h4>
129+
<p>Follow our guides to monitor logs, metrics, and traces.</p>
130+
</div>
131+
</a>
132+
</div>
133+
<div class="col-md-4 col-12 mb-2">
134+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/security/current/es-overview.html">
135+
<div class="card h-100">
136+
<h4 class="mt-3">
137+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt5e0e0ad9a13e6b8c/634d9da18473831f96bbdf1e/security-logo-color-32px.png');"></span>
138+
Protect my environment
139+
</h4>
140+
<p>Learn how to defend against threats across your environment.</p>
141+
</div>
142+
</a>
143+
</div>
144+
</div>
145+
146+
<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p>

0 commit comments

Comments
 (0)