Update integrations page. (#15640)

Closes: https://github.com/fleetdm/confidential/issues/4355

Changes:
- Reordered cards on /integrations and added one new integration
This commit is contained in:
Eric 2023-12-13 20:28:14 -06:00 committed by GitHub
parent 9ed7bc4744
commit 0329877241
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 63 additions and 42 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

View file

@ -6,7 +6,66 @@
<h1>Extend Fleet</h1>
<p>Explore and learn how Fleet can integrate with your favorite tools.</p>
</div>
<div purpose="integration-cards" class="card-deck d-flex justify-content-center">
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Know who opened your computer and check their device posture before you let them log into anything.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.okta.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#okta-idp-configuration">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.snowflake.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Build custom workflows that trigger when things happen on your computers.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.tines.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/using-fleet-and-tines-together#basic-article">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-runzero-130x28@2x.png" alt="runZero Directory logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Install osquery everywhere, scan networks, and discover assets.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.runzero.com/">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-active-directory-169x28@2x.png" alt="Active Directory logo">
@ -21,6 +80,7 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-ansible-147x28@2x.png" alt="Ansible logo">
@ -35,6 +95,7 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-aws-46x28@2x.png" alt="AWS logo">
@ -63,6 +124,7 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-chef-169x28@2x.png" alt="Chef logo">
@ -175,20 +237,6 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Know who opened your computer and check their device posture before you let them log into anything.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.okta.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#okta-idp-configuration">Docs</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-puppet-79x28@2x.png" alt="Puppet logo">
@ -203,20 +251,7 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ingest osquery data and monitor for important changes or events.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.snowflake.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-splunk-95x28@2x.png" alt="Splunk logo">
@ -231,20 +266,6 @@
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Build custom workflows that trigger when things happen on your computers.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a target="_blank" href="https://www.tines.com/">Learn more</a>
<a purpose="animated-arrow-button-red" href="/guides/using-fleet-and-tines-together#basic-article">Guide</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
</div>
</div>