Skip to content

Commit 1b2f21f

Browse files
szabosteveszabosteve
authored
[DOCS] Creates custom title page for the Ruby client book (#2037) (#2040)
1 parent 92b7c07 commit 1b2f21f

File tree

1 file changed

+176
-0
lines changed

1 file changed

+176
-0
lines changed

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

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
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 Ruby client provides a low-level client for communicating with an Elasticsearch cluster.
64+
</p>
65+
<p>
66+
<a href="https://www.elastic.co/guide/en/elasticsearch/client/ruby-api/current/ruby-install.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/blta0a3d914dc5d8070/641d7fac80a10d107c7294e8/ruby-es-lp-hero.png" />
73+
</div>
74+
</div>
75+
76+
<h3 class="gtk">Get to know the Ruby 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="ruby-install.html">Installing the client</a>
88+
</li>
89+
<li>
90+
<a href="connecting.html">Connecting to Elasticsearch</a>
91+
</li>
92+
<li>
93+
<a href="ruby-config.html">Configuration options</a>
94+
</li>
95+
</ul>
96+
</div>
97+
98+
<div class="my-5">
99+
<div class="d-flex align-items-center mb-3">
100+
<h4 class="mt-3">
101+
<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>
102+
Using the Ruby client
103+
</h4>
104+
</div>
105+
<ul class="ul-col-md-2 ul-col-1">
106+
<li>
107+
<a href="examples.html#ex-index">Indexing a document</a>
108+
</li>
109+
<li>
110+
<a href="examples.html#ex-get">Getting a document</a>
111+
</li>
112+
<li>
113+
<a href="examples.html#ex-search">Searching documents</a>
114+
</li>
115+
<li>
116+
<a href="examples.html">More examples</a>
117+
</li>
118+
</ul>
119+
</div>
120+
121+
<div class="my-5">
122+
<div class="d-flex align-items-center mb-3">
123+
<h4 class="mt-3">
124+
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blteacd058910f155d8/636925a6e0ff7c532db636d7/64x64_Color_icon-dev-tools-64-color.png');"></span>
125+
Developer docs
126+
</h4>
127+
</div>
128+
<ul class="ul-col-md-2 ul-col-1">
129+
<li>
130+
<a href="integrations.html">Integrations</a>
131+
</li>
132+
<li>
133+
<a href="release_notes.html">Release notes</a>
134+
</li>
135+
</ul>
136+
</div>
137+
138+
<h3 class="explore">Explore by use case</h3>
139+
140+
<div class="row my-4">
141+
<div class="col-md-4 col-12 mb-2">
142+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/enterprise-search/current/start.html">
143+
<div class="card h-100">
144+
<h4 class="mt-3">
145+
<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>
146+
Search my data
147+
</h4>
148+
<p>Create search experiences for your content, wherever it lives.</p>
149+
</div>
150+
</a>
151+
</div>
152+
<div class="col-md-4 col-12 mb-2">
153+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/welcome-to-elastic/current/getting-started-observability.html">
154+
<div class="card h-100">
155+
<h4 class="mt-3">
156+
<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>
157+
Observe my data
158+
</h4>
159+
<p>Follow our guides to monitor logs, metrics, and traces.</p>
160+
</div>
161+
</a>
162+
</div>
163+
<div class="col-md-4 col-12 mb-2">
164+
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/security/current/es-overview.html">
165+
<div class="card h-100">
166+
<h4 class="mt-3">
167+
<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>
168+
Protect my environment
169+
</h4>
170+
<p>Learn how to defend against threats across your environment.</p>
171+
</div>
172+
</a>
173+
</div>
174+
</div>
175+
176+
<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p>

0 commit comments

Comments
 (0)