Updates docs landing page (#154400)

## Summary

This PR updates the Kibana docs landing page to move the most visited
docs higher on the page.


[Preview](https://kibana_154400.docs-preview.app.elstc.co/guide/en/kibana/master/index.html)

---------

Co-authored-by: lcawl <lcawley@elastic.co>
This commit is contained in:
gchaps 2023-04-17 07:59:31 -07:00 committed by GitHub
parent 07a341277e
commit 049b7c8866
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -45,6 +45,13 @@
-moz-columns: 2;
}
}
#guide h3.gtk {
margin-top: 0;
}
.mb-4, .my-4 {
margin-bottom: 0!important;
}
</style>
<div class="legalnotice"></div>
@ -63,14 +70,179 @@
</a>
</p>
<p>
<a class="inline-block mr-3" href="https://www.elastic.co/videos/training-how-to-series-stack">How-to videos</a>
</p>
<a class="inline-block mr-3" href="https://www.elastic.co/guide/en/kibana/8.7/whats-new.html">What's new</a>
<a class="inline-block mr-3" href="https://www.elastic.co/guide/en/kibana/8.7/release-notes.html">Release notes</a>
<a class="inline-block mr-3" href="install.html">Install</a>
</p>
</div>
<div class="col-md-6 col-12">
<img class="w-100" src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt9068c0f145771649/633b72121434a77dfebf7301/kibana.png" />
</div>
</div>
<h3 class="gtk">Get to know Kibana</h3>
<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/blt4608a3aa29a0ed9c/637e67358db6e810ab77c1e8/kibana-logo.png');"></span>
Get started
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="introduction.html">What is Kibana?</a>
</li>
<li>
<a href="get-started.html">How to use Kibana</a>
</li>
<li>
<a href="kibana-concepts-analysts.html">Understand Kibana concepts</a>
</li>
<li>
<a href="connect-to-elasticsearch.html">Add data to Kibana</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/bltaab09880054ab560/634d9d7ac96b72418f47af78/icon-upgrade-assistant-32-color.png');"></span>
Install and upgrade
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="install.html">Install</a>
</li>
<li>
<a href="settings.html">Configure settings</a>
</li>
<li>
<a href="upgrade.html">Prepare for an upgrade</a>
</li>
<li>
<a href="managing-licenses.html">Update your license</a>
</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/blt339897734cf6f1a5/634d9d7aad35ab2389acb5f8/icon-visualizer-32-color.png');"></span>
Discover, visualize, and share
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="discover.html">Discover what's in your data</a>
</li>
<li>
<a href="dashboard.html">Build charts and dashboards</a>
</li>
<li>
<a href="maps.html">Map geographic data</a>
</li>
<li>
<a href="canvas.html">Design presentations</a>
</li>
<li>
<a href="xpack-graph.html">Graph patterns and relationships</a>
</li>
<li>
<a href="xpack-ml.html">Model, predict, and detect behavior</a>
</li>
<li>
<a href="reporting-getting-started.html">Generate and share reports</a>
</li>
<li>
<a href="alerting-getting-started.html">Alert and take action</a>
</li>
<li>
<a href="kuery-query.html">Use Kibana Query Language</a>
</li>
<li>
<a href="data-views.html">Learn about data views</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/blt9d2fce38d6c4314f/634d9d7abbff0b3fd98e0e73/icon-management-32-color.png');"></span>
Manage and secure
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="management.html">Manage data and indices</a>
</li>
<li>
<a href="tutorial-secure-access-to-kibana.html">Configure access and security</a>
</li>
<li>
<a href="xpack-monitoring.html">Monitor the Elastic Stack</a>
</li>
<li>
<a href="advanced-options.html">Customize Kibana</a>
</li>
<li>
<a href="cases.html">Investigate cases</a>
</li>
<li>
<a href="kibana-troubleshooting.html">Troubleshoot</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/bltf6be06b964edf05e/634d9d7ab3f39b38fccfd0b4/icon-spaces-32-color.png');"></span>
Get organized
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="xpack-spaces.html">Collect related data in spaces</a>
</li>
<li>
<a href="managing-tags.html">Quickly find apps and objects</a>
</li>
<li>
<a href="managing-saved-objects.html">Manage the objects you saved</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/blte10aca67249f6bcb/634d9d7a6245b53fdaedc06b/icon-dev-tools-32-color.png');"></span>
Tools, APIs, and Dev docs
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="console-kibana.html">Console</a>
</li>
<li>
<a href="console-kibana.html">Search profiler</a>
</li>
<li>
<a href="api.html">REST APIs</a>
</li>
<li>
<a href="development.html">Developer docs</a>
</li>
</ul>
</div>
<h3>Explore by Elastic solution</h3>
<div class="row my-4">
@ -109,164 +281,4 @@
</div>
</div>
<h3>Get to know Kibana</h3>
<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/blt4608a3aa29a0ed9c/637e67358db6e810ab77c1e8/kibana-logo.png');"></span>
Get started
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="introduction.html">What is Kibana?</a>
</li>
<li>
<a href="get-started.html">How to use Kibana</a>
</li>
<li>
<a href="kibana-concepts-analysts.html">Understand Kibana concepts</a>
</li>
<li>
<a href="connect-to-elasticsearch.html">Add data to Kibana</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/blt339897734cf6f1a5/634d9d7aad35ab2389acb5f8/icon-visualizer-32-color.png');"></span>
Discover, visualize, and share
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="discover.html">Discover what's in your data</a>
</li>
<li>
<a href="dashboard.html">Build charts and dashboards</a>
</li>
<li>
<a href="maps.html">Map geographic data</a>
</li>
<li>
<a href="canvas.html">Design presentations</a>
</li>
<li>
<a href="xpack-graph.html">Graph patterns and relationships</a>
</li>
<li>
<a href="xpack-ml.html">Model, predict, & detect behavior</a>
</li>
<li>
<a href="reporting-getting-started.html">Generate and share reports</a>
</li>
<li>
<a href="alerting-getting-started.html">Alert and take action</a>
</li>
<li>
<a href="kuery-query.html">Use Kibana Query Language</a>
</li>
<li>
<a href="data-views.html">Learn about data views</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/bltf6be06b964edf05e/634d9d7ab3f39b38fccfd0b4/icon-spaces-32-color.png');"></span>
Get organized
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="xpack-spaces.html">Collect related data in spaces</a>
</li>
<li>
<a href="managing-tags.html">Quickly find apps and objects</a>
</li>
<li>
<a href="managing-saved-objects.html">Manage the objects you saved</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/blt9d2fce38d6c4314f/634d9d7abbff0b3fd98e0e73/icon-management-32-color.png');"></span>
Manage and secure
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="management.html">Manage data and indices</a>
</li>
<li>
<a href="tutorial-secure-access-to-kibana.html">Configure access & security</a>
</li>
<li>
<a href="xpack-monitoring.html">Monitor the Elastic Stack</a>
</li>
<li>
<a href="advanced-options.html">Customize Kibana</a>
</li>
<li>
<a href="kibana-troubleshooting.html">Troubleshoot</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/bltaab09880054ab560/634d9d7ac96b72418f47af78/icon-upgrade-assistant-32-color.png');"></span>
Install and upgrade
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="install.html">Install</a>
</li>
<li>
<a href="settings.html">Configure settings</a>
</li>
<li>
<a href="upgrade.html">Prepare for an upgrade</a>
</li>
<li>
<a href="managing-licenses.html">Update your license</a>
</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/blte10aca67249f6bcb/634d9d7a6245b53fdaedc06b/icon-dev-tools-32-color.png');"></span>
Tools, APIs, and Dev docs
</h4>
</div>
<ul class="ul-col-md-2 ul-col-1">
<li>
<a href="console-kibana.html">Console</a>
</li>
<li>
<a href="console-kibana.html">Search profiler</a>
</li>
<li>
<a href="api.html">REST APIs</a>
</li>
<li>
<a href="development.html">Developer docs</a>
</li>
</ul>
</div>
<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p>