elasticsearch/docs/reference/landing-page.asciidoc
István Zoltán Szabó 916984feab
Adds hands-on learning for Search link to the landing page (#116007) (#116017)
Co-authored-by: Liam Thompson <32779855+leemthompo@users.noreply.github.com>
2024-10-31 17:51:35 +01:00

290 lines
9.4 KiB
Text

++++
<style>
* {
box-sizing: border-box;
}
.card {
cursor: pointer;
padding: 16px;
text-align: left;
color: #000;
}
.card:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding: 16px;
text-align: left;
}
#guide a.no-text-decoration:hover {
text-decoration: none!important;
}
.icon {
width: 24px;
height: 24px;
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
}
.ul-col-1 {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
@media (min-width:769px) {
.ul-col-md-2 {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
#guide h3.gtk {
margin-top: 0;
}
.mb-4, .my-4 {
margin-bottom: 0!important;
}
</style>
<div class="legalnotice"></div>
<div class="row my-4">
<div class="col-md-6 col-12">
<p></p>
<h2>Search and analyze your data</h2>
<p>
Elasticsearch is the search and analytics engine that powers the Elastic Stack.
</p>
<p>
<a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/elasticsearch-intro.html">
<button class="btn btn-primary">Get started</button>
</a>
</p>
<p>
<a class="inline-block mr-3" href="elasticsearch-intro.html">Introduction</a>
<a class="inline-block mr-3" href="release-highlights.html">What's new</a>
<a class="inline-block mr-3" href="es-release-notes.html">Release notes</a>
</p>
</div>
<div class="col-md-6 col-12">
<img class="w-100" src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltb8eb1c8cf2e7309e/636925fb7457f32a10457f6d/elasticsearch.png" />
</div>
</div>
<h3 class="gtk">Get to know Elasticsearch</h3>
<p>
<em>Demos:</em>
<a href="https://www.elastic.co/demo-gallery?solutions=search&features=null&type=hands-on-learning">Hands-on learning for Search</a>
</p>
<p>
<em>New webinar:</em>
<a href="https://www.elastic.co/virtual-events/architecting-search-apps-on-google-cloud">Architect search apps with Google Cloud</a>
</p>
<div class="my-5">
<div class="d-flex align-items-center mb-3">
<h4 class="mt-3">
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt92d73ce4826bb90b/636925a6732dbf6cf9ec6aa0/64x64_Color_icon-management-64-color.png');"></span>
Install, manage, and secure
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="setup.html">Set up Elasticsearch</a>
</li>
<li>
<a href="secure-cluster.html">Secure the Elastic Stack</a>
</li>
<li>
<a href="setup-upgrade.html">Upgrade Elasticsearch</a>
</li>
<li>
<a href="high-availability.html">Set up a cluster for high availability</a>
</li>
<li>
<a href="monitor-elasticsearch-cluster.html">Monitor a cluster</a>
</li>
<li>
<a href="troubleshooting.html">Troubleshooting</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/enterprise-search/current/start.html">Enterprise Search server</a>
</li>
</ul>
</div>
<div class="my-5">
<div class="d-flex align-items-center mb-3">
<h4 class="mt-3">
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt02e9f0adebbc1a3a/636925a5dfcded441e8a592a/64x64_Color_icon-add-data-64-color.png');"></span>
Ingest data
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="https://www.elastic.co/guide/en/cloud/current/ec-cloud-ingest-data.html">Adding data to Elasticsearch</a>
</li>
<li>
<a href="es-connectors.html">Connectors</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/enterprise-search/current/crawler.html">Web crawler</a>
</li>
<li>
<a href="data-streams.html">Data streams</a>
</li>
<li>
<a href="ingest.html">Ingest pipelines</a>
</li>
<li>
<a href="mapping.html">Mapping</a>
</li>
</ul>
</div>
<div class="my-5">
<div class="d-flex align-items-center mb-3">
<h4 class="mt-3">
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt840cd6d6cd00411b/636925a530ae7a6f07ce6bdf/64x64_Color_icon-search-ui-64-color.png');"></span>
Search and analyze
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="search-your-data.html">Search your data</a>
</li>
<li>
Query data with <a href="query-dsl.html">the Query DSL</a>, <a href="esql.html">ES|QL</a>, <a href="eql.html">EQL</a>, or <a href="xpack-sql.html">SQL</a>
</li>
<li>
<a href="search-application-overview.html">Search applications</a>
</li>
<li>
<a href="behavioral-analytics-overview.html">Search analytics</a>
</li>
<li>
<a href="search-aggregations.html">Aggregations</a>
</li>
<li>
<a href="geospatial-analysis.html">Geospatial analysis</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/machine-learning/current/index.html">Machine Learning</a>
</li>
<li>
<a href="xpack-alerting.html">Alerting</a>
</li>
</ul>
</div>
<div class="my-5">
<div class="d-flex align-items-center mb-3">
<h4 class="mt-3">
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt7ebe7a4ac94bde82/636925a5ee6a787e4fee4edb/64x64_Color_icon-documents-64-color.png');"></span>
Data management
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="data-management.html">Data management</a>
</li>
<li>
<a href="downsampling.html">Downsampling</a>
</li>
<li>
<a href="snapshot-restore.html">Snapshot and restore</a>
</li>
</ul>
</div>
<div class="my-5">
<div class="d-flex align-items-center mb-3">
<h4 class="mt-3">
<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>
APIs and developer docs
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="rest-apis.html">REST APIs</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/elasticsearch/client/index.html">Elasticsearch clients</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/elasticsearch/painless/current/index.html">Painless scripting language</a>
</li>
<li>
<a href="https://www.elastic.co/guide/en/elasticsearch/plugins/current/index.html">Plugins and integrations</a>
</li>
<li>
<a href="https://www.elastic.co/search-labs">Search Labs</a>
</li>
<li>
<a href="https://www.elastic.co/search-labs/tutorials/examples">Notebook examples</a>
</li>
</ul>
</div>
<h3 class="explore">Explore by use case</h3>
<div class="row my-4">
<div class="col-md-4 col-12 mb-2">
<a class="no-text-decoration" href="https://www.elastic.co/search-labs">
<div class="card h-100">
<h4 class="mt-3">
<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>
Search my data
</h4>
<p>Create search experiences for your content, wherever it lives.</p>
</div>
</a>
</div>
<div class="col-md-4 col-12 mb-2">
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/starting-with-the-elasticsearch-platform-and-its-solutions/current/getting-started-observability.html">
<div class="card h-100">
<h4 class="mt-3">
<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>
Observe my data
</h4>
<p>Follow our guides to monitor logs, metrics, and traces.</p>
</div>
</a>
</div>
<div class="col-md-4 col-12 mb-2">
<a class="no-text-decoration" href="https://www.elastic.co/guide/en/security/current/es-overview.html">
<div class="card h-100">
<h4 class="mt-3">
<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>
Protect my environment
</h4>
<p>Learn how to defend against threats across your environment.</p>
</div>
</a>
</div>
</div>
<script>
window.addEventListener("DOMContentLoaded", (event) => {
const left_col = document.getElementById("left_col")
left_col.classList.remove('col-0')
left_col.classList.add("col-12", "col-md-4", "col-lg-3", "h-almost-full-md", "sticky-top-md")
const right_col = document.getElementById("right_col")
right_col.classList.add('d-none')
const middle_col = document.getElementById("middle_col")
middle_col.classList.remove("col-lg-7")
middle_col.classList.add("col-lg-9", "col-md-8")
const toc = middle_col.getElementsByClassName("toc")[0]
toc.remove()
left_col.appendChild(toc);
});
</script>
++++