mirror of https://github.com/crossplane/docs.git
base template overrides for index page
This commit is contained in:
Pete Lumbis
parent
5de3837ac9
commit
31a2b15c53
|
|
@ -0,0 +1,387 @@
|
|||
<div id="content">
|
||||
<div id="jumbotron">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-5_md-12 main">
|
||||
<div>
|
||||
<h1>The cloud native control plane framework</h1>
|
||||
<p>
|
||||
Build control planes without needing to write code. Crossplane has a
|
||||
highly extensible backend that enables you to orchestrate
|
||||
applications and infrastructure no matter where they run, and a
|
||||
highly configurable frontend that lets you define the declarative
|
||||
API it offers.
|
||||
</p>
|
||||
<button id="getStarted" onclick="window.location.href='{{ .Site.Params.githubLink }}'">
|
||||
<img src="{{ "/images/github-teal.svg" | absURL }}" alt="Github Logo" />
|
||||
<span>Get Started on GitHub</span>
|
||||
</button>
|
||||
<button id="joinSlack" onclick="window.location.href='{{ .Site.Params.slackLink }}'">
|
||||
<img src="{{ "/images/slack-white.svg" | absURL }}" / alt="Slack Logo" >
|
||||
<span>Join Slack Channel</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-7_md-12_md-first hero">
|
||||
<div>
|
||||
<img class="img" src="{{ "/images/hero.webp" | absURL }}" srcset="{{ "/images/hero.webp" | absURL }} 1x, {{ "/images/hero@2x.webp" | absURL }} 2x, {{ "/images/hero@3x.webp" | absURL }} 3x" alt="Crossplane hero image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="useCases1" class="use-cases">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-6_md-12_md-first">
|
||||
<img src="{{ "/images/feature-4.webp" | absURL }}" srcset="{{ "/images/feature-4.webp" | absURL }} 1x, {{ "/images/feature-4@2x.webp" | absURL }} 2x, {{ "/images/feature-4@3x.webp" | absURL }} 3x"
|
||||
alt="Provision and manage cloud infrastructure" />
|
||||
</div>
|
||||
<div class="col-6_md-12">
|
||||
<h2>Don’t start from scratch</h2>
|
||||
<p>
|
||||
The best platforms are built on control planes, but historically
|
||||
building a control plane has required writing code—a lot of code. With
|
||||
Crossplane you can build a control plane tailored to your unique needs
|
||||
in days, not months, without writing tricky distributed systems code.
|
||||
<img src="{{ "/images/quad-teal-medium.svg" | absURL }}" alt="Design element" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="createdBy">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<img src="{{ "/images/stacks.webp" | absURL }}" srcset="{{ "/images/stacks.webp" | absURL }} 1x, {{ "/images/stacks@2x.webp" | absURL }} 2x, {{ "/images/stacks@3x.webp" | absURL }} 3x"
|
||||
alt="Stacks" id="stacksImg" />
|
||||
<h2>Created to power open platforms</h2>
|
||||
<p>
|
||||
We built Crossplane to help organizations build their platforms like
|
||||
the cloud vendors build theirs—with control planes. Crossplane is an
|
||||
open source, CNCF project built on the foundation of Kubernetes to
|
||||
orchestrate anything. Encapsulate policies, permissions, and other
|
||||
guardrails behind a custom API line to enable your customers to
|
||||
self-service without needing to become an infrastructure expert.
|
||||
</p>
|
||||
<a href="{{ .Site.Params.upboundLink }}">Learn more about how Upbound is helping build a more open cloud</a>
|
||||
<img src="{{ "/images/created-by.png" | absURL }}" srcset="{{ "/images/created-by.png" | absURL }} 1x, {{ "/images/created-by@2x.png" | absURL }} 2x, {{ "/images/created-by@3x.png" | absURL }} 3x"
|
||||
alt="Created By Upbound" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="useCases2" class="use-cases">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-6_md-12">
|
||||
<h2>Extensible by Design</h2>
|
||||
<p>
|
||||
Crossplane is designed from the ground up with extension in mind. From
|
||||
Providers that extend Crossplane to orchestrate new kinds of
|
||||
applications and infrastructure, to Configurations that extend
|
||||
Crossplane to expose new APIs, our community will help you find what
|
||||
you need to build your ideal control plane. Interested in building
|
||||
your own extensions?
|
||||
</p>
|
||||
<p>
|
||||
<a href="{{ .Site.Params.slackLink }}">Join the Crossplane Slack Channel</a>
|
||||
</p>
|
||||
<p><img src="{{ "/images/quad-red-medium.svg" | absURL }}" alt="Design element" /></p>
|
||||
</div>
|
||||
<div class="col-6_md-12_md-first img">
|
||||
<img src="{{ "/images/flavors.svg" | absURL }}" alt="Logos for AWS, Google Cloud, Red Hat, Alibaba Cloud, Microsoft Azure" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="col-6_md-12 img">
|
||||
<img src="{{ "/images/feature-1.webp" | absURL }}" srcset="{{ "/images/feature-1.webp" | absURL }} 1x, {{ "/images/feature-1@2x.webp" | absURL }} 2x, {{ "/images/feature-1@3x.webp" | absURL }} 3x"
|
||||
alt="Compose infrastructure for your applications" />
|
||||
</div>
|
||||
<div class="col-6_md-12">
|
||||
<h2>Putting you in control</h2>
|
||||
<p>
|
||||
Most platforms require that you buy into their opinionated API
|
||||
concepts. With Crossplane you can build a platform around your own
|
||||
opinions. We know the best control planes are tailored to the task at
|
||||
hand so we designed Crossplane as a framework that puts you in
|
||||
control. Use Crossplane to design a control plane that exposes
|
||||
declarative APIs tailored to your unique orchestration needs.
|
||||
<img src="{{ "/images/quad-teal-medium.svg" | absURL }}" alt="Design element" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="col-6_md-12">
|
||||
<h2>Control planes - the future of cloud</h2>
|
||||
<p>
|
||||
The cloud vendors have been building with control planes for years.
|
||||
Now Crossplane helps you do the same. Control planes are
|
||||
self-healing—they automatically correct drift. Consumers can
|
||||
self-service fast because control planes offer a single point of
|
||||
control for policy and permissions and control planes integrate easily
|
||||
with other systems because they expose an API, not just a
|
||||
command-line.
|
||||
</p>
|
||||
<p><img src="{{ "/images/quad-red-medium.svg" | absURL }}" alt="Design element" /></p>
|
||||
</div>
|
||||
<div class="col-6_md-12_md-first img">
|
||||
<img src="{{ "/images/feature-2.webp" | absURL }}" srcset="{{ "/images/feature-2.webp" | absURL }} 1x, {{ "/images/feature-2@2x.webp" | absURL }} 2x, {{ "/images/feature-2@3x.webp" | absURL }} 3x" alt="Manage complete applications with the Open Application Model" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="col-6_md-12 img">
|
||||
<img src="{{ "/images/feature-3.webp" | absURL }}" srcset="{{ "/images/feature-3.webp" | absURL }} 1x, {{ "/images/feature-3@2x.webp" | absURL }} 2x, {{ "/images/feature-3@3x.webp" | absURL }} 3x"
|
||||
alt="Run Crossplane anywhere" />
|
||||
</div>
|
||||
<div class="col-6_md-12">
|
||||
<h2>Built on a Solid Foundation</h2>
|
||||
<p>
|
||||
Crossplane builds on the class leading Kubernetes control plane,
|
||||
extending its battle hardened reliability and security features like
|
||||
Role Based Access Control (RBAC) to orchestrate everything - not just
|
||||
containers. Because Crossplane shares a foundation with Kubernetes it
|
||||
integrates smoothly with most popular cloud native tools.
|
||||
<img src="{{ "/images/quad-teal-medium.svg" | absURL }}" alt="Design element" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="nativeCommunity">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<h2>Started by Upbound and adopted by the Cloud Native community</h2>
|
||||
<div class="community-row">
|
||||
<div class="logo-wrapper">
|
||||
<img src="{{ "/images/upbound-logo.svg" | absURL }}" alt="Upbound" />
|
||||
</div>
|
||||
<div class="logo-wrapper">
|
||||
<img src="{{ "/images/alibaba.svg" | absURL }}" alt="Alibaba Group" />
|
||||
</div>
|
||||
<div class="logo-wrapper">
|
||||
<img src="{{ "/images/redhat-horizontal.svg" | absURL }}" alt="Redhat" />
|
||||
</div>
|
||||
<div class="logo-wrapper">
|
||||
<img src="{{ "/images/gitlab.svg" | absURL }}" alt="GitLab" />
|
||||
</div>
|
||||
<div class="logo-wrapper">
|
||||
<img src="{{ "/images/microsoft.svg" | absURL }}" alt="Microsoft" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="visit-upbound">
|
||||
<a href="https://www.upbound.io">Visit upbound.io to learn more about how Crossplane is being used to accelerate cloud-native transformation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="blueprint">
|
||||
<div class="blueprint-header">
|
||||
<h2>Why use Crossplane to build control planes?</h2>
|
||||
<img src="{{ "/images/teal.svg" | absURL }}" alt="Design element" />
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="blueprint-items col-6_md-12 grid">
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/declarative.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>Declarative configuration</h3>
|
||||
<p>
|
||||
Crossplane lets you build a control plane with Kubernetes-style
|
||||
declarative and API-driven configuration and management for anything.
|
||||
Through this approach, applications and infrastructure managed through
|
||||
your control plane are self-healing right out of the box.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/unify.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>Unify application and infrastructure configuration and deployment</h3>
|
||||
<p>
|
||||
Crossplane enables application and infrastructure configuration to
|
||||
co-exist in the same control plane, reducing the complexity of
|
||||
your toolchains and deployment pipelines.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/source.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>One source of truth for infrastructure configuration and setup</h3>
|
||||
<p>
|
||||
Control planes built with Crossplane integrate with CI/CD pipelines,
|
||||
so teams can create, track, and approve changes using GitOps best
|
||||
practices.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/cycle.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>Automate operational tasks with reconciling controllers</h3>
|
||||
<p>
|
||||
Your control planes are made up of several controllers, which are
|
||||
responsible for the entire lifecycle of a resource. Each resource is
|
||||
responsible for provisioning, health, scaling, failover, and actively
|
||||
responding to external changes that deviate from the desired
|
||||
configuration.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/extensibility.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>Built with high levels of extensibility</h3>
|
||||
<p>
|
||||
Control planes built with Crossplane leverage broadly accepted
|
||||
Kubernetes patterns, making it easily extensible by adding your own
|
||||
APIs and controllers. Increase flexibility and security by baking
|
||||
policies, quotas, and permissions into a custom definition.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blueprint-bullet col-1_xs-2">
|
||||
<img src="{{ "/images/separation.svg" | absURL }}" alt="Icon" />
|
||||
</div>
|
||||
<div class="blueprint-item col-11_xs-10">
|
||||
<h3>A strong separation of concerns.</h3>
|
||||
<p>
|
||||
Crossplane lets you bake in organisational concepts and policy at the
|
||||
API level, allowing your customers the freedom to self-service within
|
||||
the bounds of the control plane APIs you've defined.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blueprint-img col-6_md-hidden">
|
||||
<img src="{{ "/images/blueprint.webp" | absURL }}" alt="open cloud blueprint" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="openSource">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<img src="{{ "/images/crossplane-truck.svg" | absURL }}" alt="Crossplane truck" />
|
||||
<h2>Crossplane is open source and community driven</h2>
|
||||
<p>
|
||||
Crossplane is an open source control plane framework supported by the
|
||||
cloud-native community. Crossplane has been endorsed by some of the
|
||||
world's best companies and is released under the Apache 2.0 license.
|
||||
We remain committed to our community and will always be vendor
|
||||
neutral.
|
||||
</p>
|
||||
<button onclick="window.location.href='{{ .Site.Params.githubLink }}'">
|
||||
Get Started with Crossplane Today
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cncf">
|
||||
<div>
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<a href="{{ .Site.Params.cncfLink }}">
|
||||
<img class="img" src="{{ "/images/cncf.webp" | absURL }}" srcset="{{ "/images/cncf.webp" | absURL }} 1x, {{ "/images/cncf@2x.webp" | absURL }} 2x, {{ "/images/cncf@3x.webp" | absURL }} 3x" alt="CNCF logo" />
|
||||
</a>
|
||||
<p>We are a Cloud Native Computing Foundation project.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="community">
|
||||
<div>
|
||||
<div class="grid-center">
|
||||
<div class="col-10_sm-12">
|
||||
<h2>Learn more and get involved with the community</h2>
|
||||
<p>
|
||||
Join the conversation and help shape the evolution of Crossplane. Here
|
||||
are a few ways to get started.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-3_md-6_xs-12 tile">
|
||||
<div class="slack">
|
||||
<div class="topbar"></div>
|
||||
<div class="content">
|
||||
<img src="{{ "/images/slack.svg" | absURL }}" alt="slack" />
|
||||
<h3>Slack</h3>
|
||||
<p>
|
||||
Join the Crossplane team and community members in our Slack group.
|
||||
</p>
|
||||
<button
|
||||
class="grey"
|
||||
onclick="window.location.href= '{{ .Site.Params.slackLink }}';"
|
||||
>
|
||||
Join Slack
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3_md-6_xs-12 tile">
|
||||
<div class="github">
|
||||
<div class="topbar"></div>
|
||||
<div class="content">
|
||||
<img src="{{ "/images/github.svg" | absURL }}" alt="github" />
|
||||
<h3>GitHub</h3>
|
||||
<p>Watch and star Crossplane on GitHub and follow our progress.</p>
|
||||
<button
|
||||
class="grey"
|
||||
onclick="window.location.href = '{{ .Site.Params.githubLink }}';"
|
||||
>
|
||||
Visit GitHub
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3_md-6_xs-12 tile">
|
||||
<div class="youtube">
|
||||
<div class="topbar"></div>
|
||||
<div class="content">
|
||||
<img src="{{ "/images/youtube.svg" | absURL }}" alt="youtube" />
|
||||
<h3>YouTube</h3>
|
||||
<p>Join us discussing features and upcoming news for Crossplane.</p>
|
||||
<button
|
||||
class="grey"
|
||||
onclick="window.location.href = '{{ .Site.Params.youtubeLink }}';"
|
||||
>
|
||||
Visit YouTube
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3_md-6_xs-12 tile">
|
||||
<div class="podcast">
|
||||
<div class="topbar"></div>
|
||||
<div class="content">
|
||||
<img src="{{ "/images/podcast.svg" | absURL }}" alt="podcast" />
|
||||
<h3>Podcast</h3>
|
||||
<p>Listen to The Binding Status, a podcast from the Crossplane community,
|
||||
to learn more about the project and its users.</p>
|
||||
<button class="grey" onclick="window.location.href = '{{ .Site.Params.podcastLink }}';">
|
||||
Visit Podcast
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="join">
|
||||
You can also join us every other week for our
|
||||
<a href="{{ .Site.Params.communityMeetingLink }}">community meeting</a> call to discuss
|
||||
Crossplane
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue