-
Notifications
You must be signed in to change notification settings - Fork 974
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1305 from elastic/szabosteve/custom-landing-page
[DOCS] Creates custom landing page for the PHP client book
- Loading branch information
Showing
1 changed file
with
180 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,180 @@ | ||
<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: 16px; | ||
} | ||
|
||
.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> | ||
<p> | ||
<h2>Documentation</h2> | ||
</p> | ||
<p> | ||
The official PHP client provides a low-level client for communicating with an Elasticsearch cluster. | ||
</p> | ||
<p> | ||
<a href="https://www.elastic.co/guide/en/elasticsearch/client/php-api/current/overview.html"> | ||
<button class="btn btn-primary">Get started</button> | ||
</a> | ||
</p> | ||
</div> | ||
<div class="col-md-6 col-12"> | ||
<img class="w-100" src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt4769b15a863b007f/64242eeeb57cb810acb79957/ES_PHP_landing_page.png" /> | ||
</div> | ||
</div> | ||
|
||
<h3 class="gtk">Get to know the PHP client</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/bltfd59779217093221/641ae0c8db18f61d68e9c377/64x64_Color_icon-connected-circles64-color.png');"></span> | ||
Connecting | ||
</h4> | ||
</div> | ||
<ul class="ul-col-md-2 ul-col-1"> | ||
<li> | ||
<a href="installation.html">Installing the client</a> | ||
</li> | ||
<li> | ||
<a href="connecting.html">Connecting to Elasticsearch</a> | ||
</li> | ||
<li> | ||
<a href="configuration.html">Configuring the client</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/bltca09fd8c807816ce/641ae17733e7f95594918557/icon-monitor-cog-64-color.png');"></span> | ||
Using the PHP client | ||
</h4> | ||
</div> | ||
<ul class="ul-col-md-2 ul-col-1"> | ||
<li> | ||
<a href="indexing_documents.html">Indexing documents</a> | ||
</li> | ||
<li> | ||
<a href="getting_documents.html">Getting documents</a> | ||
</li> | ||
<li> | ||
<a href="search_operations.html">Searching documents</a> | ||
</li> | ||
<li> | ||
<a href="deleting_documents.html">Deleting documents</a> | ||
</li> | ||
<li> | ||
<a href="updating_documents.html">Updating documents</a> | ||
</li> | ||
<li> | ||
<a href="index_management.html">Index management</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> | ||
Developer docs | ||
</h4> | ||
</div> | ||
<ul class="ul-col-md-2 ul-col-1"> | ||
<li> | ||
<a href="release-notes.html">Release notes</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/guide/en/enterprise-search/current/start.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/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/welcome-to-elastic/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> | ||
|
||
<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p> | ||
<p class="my-4"><small>The PHP logo available <a href="https://www.php.net/download-logos.php">here</a> is released under the Creative Commons <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> Attribution-Share Alike 4.0 International license</a></small>.</p> |