make website live

This commit is contained in:
Bassam Tabbara 2018-12-03 23:08:03 -08:00
parent a7628cc2ba
commit 65e999b60d
No known key found for this signature in database
GPG Key ID: 401196135BB925FB
3 changed files with 260 additions and 302 deletions

View File

@ -1,7 +1,7 @@
<div id="header">
<div>
<div class="logo">
<a href="/index2"><img src="/images/logo.svg"/></a>
<a href="/"><img src="/images/logo.svg"/></a>
</div>
<div
class="hamburger-controls"

View File

@ -1,42 +1,265 @@
---
layout: none
stylesheet: index
---
<style>
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans|Ubuntu');
{% include values.inc %}
html, body {
margin: 0;
height: 100%;
}
.comingsoon h1 {
font-family: 'Black Han Sans', sans-serif;
font-size: 48px;
}
.comingsoon h2 {
font-family: 'Ubuntu', sans-serif;
}
.comingsoon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 100%;
color: #8e8e8e;
}
</style>
<div class="comingsoon">
<div id="jumbotron">
<div>
<h1>Crossplane</h1>
<h2>Coming soon</h2>
<div class="grid">
<div class="col col-5_md-12 main">
<div>
<h1>The open source multicloud control plane.</h1>
<p>
Workload portability across disparate environments, clusters,
regions and clouds. Choose your flavors of cloud!
</p>
<button onclick="window.location.href='{{githubLink}}'">
Get Started on GitHub
</button>
</div>
</div>
<div class="col-7 hero md-hidden">
<img class="img" src="/images/hero.svg" />
</div>
</div>
</div>
</div>
<div id="kinds">
<div>
<div class="grid-center">
<div class="col-10_sm-12">
<h2>The many flavors of workload portability we support</h2>
<p>
Crossplane enables workload portability across clusters and cloud
providers for the most common platform software.
</p>
<p><img src="/images/pink.svg" /></p>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/compute.svg" /></div>
<h4>Compute</h4>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/database.svg" /></div>
<h4>Databases</h4>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/storage.svg" /></div>
<h4>Storage</h4>
</div>
<div class="col-9_md-12 footer">
<p>
Additional support for serverless, analytics, big data, machine
learning and other popular platform software is coming.
</p>
<p><a href="{{githubLink}}">Help support these features and add new ones</a></p>
</div>
</div>
</div>
</div>
<div id="providers">
<div>
<h2>Supported cloud flavors</h2>
<p>
Mix and match services from cloud providers and on-prem. Additional
support for other cloud providers coming soon.
</p>
<p>
<img src="/images/google-cloud.svg" /> <img src="/images/aws.svg" />
<img src="/images/microsoft-azure.svg" />
</p>
</div>
</div>
<div id="features">
<div>
<div class="grid-center">
<div class="col-10_sm-12 head">
<h2>Key Features of Crossplane</h2>
<p>
Crossplane is providing a universal cloud computing API. Control your
workloads across clouds and on-prem environments from one unified
place.
</p>
<p><img src="/images/teal.svg" /></p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>A strong separation of concerns.</h3>
<p>
Developers can define workloads without worrying about implementation
details, environment constraints, or policies. Administrators can
define environment specifics, and policies. Engable a higher degree of
reusability and reduce complexity.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Workload portability across cloud providers.</h3>
<p>
As a multi-cloud workload and resource orchestrator, Crossplane
manages workloads (container, serverless, others) and resources they
consume (databases, message queues, buckets, data pipelines, and
others) across clouds and on-premise environments.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Open source that doesnt have an agenda.</h3>
<p>
Crossplane is open source software released under the Apache 2.0
license. Crossplane is a true community driven effort to define a
control-plane that can span multiple cloud providers, many regions and
offerings.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Built with high levels of extensibility.</h3>
<p>
Leverages tried and tested Kubernetes machinery to provide a high
level of extensibility around APIs, resource controllers, schedulers
and other components. This empowers the community to build on-top of
it easily.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Full lifecycle management of resources.</h3>
<p>
A resource controller is responsible for the entire lifecycle of a
resource. This resource is responsible for provisioning, health,
scaling, failover, and actively responding to external changes that
deviate from the desired configuration.
</p>
</div>
</div>
</div>
</div>
<div id="use-cases">
<div>
<div class="grid">
<div class="col-6 md-hidden img"><img src="/images/feature-1.svg" /></div>
<div class="col-6_md-12">
<h2>Utilize multiple cloud providers at a single time.</h2>
<p>
Schedule work across multiple regions and cloud providers at the same
time. Use different regions of multiple cloud providers to improve
availability, geographic presence, and reach.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
<div class="col-6_md-12">
<h2>Migrate managed services across multiple clouds.</h2>
<p>
Take advantage of automated controllers to move data across regions,
clusters or clouds. As a single control-plane that spans multiple
cloud providers, controllers work across clouds and use tried and
tested methods for completing long running migration tasks.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
<div class="col-6 md-hidden img"><img src="/images/feature-2.svg" /></div>
<div class="col-6 md-hidden img"><img src="/images/feature-3.svg" /></div>
<div class="col-6_md-12">
<h2>Automate all of your tasks across multiple clouds.</h2>
<p>
Write custom controllers to automate such tasks as setting up
replication across databases, or setting up a data protection solution
across clouds. With a single control-plane that can span regions and
cloud providers, and offers an extensibility model for writing custom
controllers, Crossplane automates many of these tasks.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
</div>
</div>
</div>
<div id="testimonials">
<div>
<div class="grid-center">
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;Crossplane has an opportunity to change the cloud industry as we know it&rdquo;</h3>
<p>&ldquo;Our customers are increasingly looking for a way to deploy their code across multiple cloud environments. The choices available today are too complex and vendor driven but with Crossplane the ability to orchestrate clouds becomes simple. We look forward to collaborating with them on this vision and as the first complex app running on Crossplane.&rdquo;</p>
<div class="signature">
<div class="name">Sid Sijbrandij</div>
<div class="title">CEO and Co-Founder of GitLab</div>
<img src="/images/gitlab.svg" />
</div>
</div>
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;We share the vision of having truly cloud agnostic, managed services and Crossplane is an important step forward in this direction&rdquo;</h3>
<p>&ldquo;Crossplane will make it possible for organizations to take deeper ownership of where they want to run their services and how they manage their application data. Kudos to the Upbound team for architecting and delivering this critical, open source and community driven component of the cloud neutral future.&rdquo;</p>
<div class="signature">
<div class="name">Spencer Kimball</div>
<div class="title">CEO and Founder of Cockroach Labs</div>
<img src="/images/cockroachlabs.svg" />
</div>
</div>
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;We created Crossplane to empower organizations to use the best of all the clouds.&rdquo;</h3>
<p>&ldquo;Having a control plane that is able to schedule and orchestrate portable workloads across cloud providers, regions, and on-premises while still using best-of-breed managed services allows organizations to improve availability, geographic presence, as well as optimize for cost.&rdquo;</p>
<div class="signature">
<div class="name">Bassam Tabbara</div>
<div class="title">CEO and Founder of Upbound</div>
<img src="/images/upbound.svg" />
</div>
</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-4_md-6_xs-12 tile">
<div class="slack">
<div class="topbar"></div>
<div class="content">
<img src="/images/slack.svg" />
<h3>Slack</h3>
<p>
Join the Crossplane team and community members in our Slack group.
</p>
<button class="grey" onclick="window.location.href= '{{slackLink}}';">Join Slack</button>
</div>
</div>
</div>
<div class="col-4_md-6_xs-12 tile">
<div class="github">
<div class="topbar"></div>
<div class="content">
<img src="/images/github.svg" />
<h3>GitHub</h3>
<p>Watch and star Crossplane on Gitub and follow our progress.</p>
<button
class="grey"
onclick="window.location.href = '{{githubLink}}';"
>
Visit GitHub
</button>
</div>
</div>
</div>
<div class="col-4_md-6_xs-12 tile">
<div class="forum">
<div class="topbar"></div>
<div class="content">
<img src="/images/forum.svg" />
<h3>Forum</h3>
<p>Chat about your use case with others on the Crossplane forum.</p>
<button class="grey" onclick="window.location.href = '{{forumLink}}';">Visit Forum</button>
</div>
</div>
</div>
</div>
<p class="join">
You can also join us every other week for our <a href="{{communityMeetingLink}}">community meeting</a> call to discuss Crossplane
</p>
</div>
</div>

View File

@ -1,265 +0,0 @@
---
stylesheet: index
---
{% include values.inc %}
<div id="jumbotron">
<div>
<div class="grid">
<div class="col col-5_md-12 main">
<div>
<h1>The open source multicloud control plane.</h1>
<p>
Workload portability across disparate environments, clusters,
regions and clouds. Choose your flavors of cloud!
</p>
<button onclick="window.location.href='{{githubLink}}'">
Get Started on GitHub
</button>
</div>
</div>
<div class="col-7 hero md-hidden">
<img class="img" src="/images/hero.svg" />
</div>
</div>
</div>
</div>
<div id="kinds">
<div>
<div class="grid-center">
<div class="col-10_sm-12">
<h2>The many flavors of workload portability we support</h2>
<p>
Crossplane enables workload portability across clusters and cloud
providers for the most common platform software.
</p>
<p><img src="/images/pink.svg" /></p>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/compute.svg" /></div>
<h4>Compute</h4>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/database.svg" /></div>
<h4>Databases</h4>
</div>
<div class="col-3_md-12 specific-kind">
<div class="img"><img src="/images/storage.svg" /></div>
<h4>Storage</h4>
</div>
<div class="col-9_md-12 footer">
<p>
Additional support for serverless, analytics, big data, machine
learning and other popular platform software is coming.
</p>
<p><a href="{{githubLink}}">Help support these features and add new ones</a></p>
</div>
</div>
</div>
</div>
<div id="providers">
<div>
<h2>Supported cloud flavors</h2>
<p>
Mix and match services from cloud providers and on-prem. Additional
support for other cloud providers coming soon.
</p>
<p>
<img src="/images/google-cloud.svg" /> <img src="/images/aws.svg" />
<img src="/images/microsoft-azure.svg" />
</p>
</div>
</div>
<div id="features">
<div>
<div class="grid-center">
<div class="col-10_sm-12 head">
<h2>Key Features of Crossplane</h2>
<p>
Crossplane is providing a universal cloud computing API. Control your
workloads across clouds and on-prem environments from one unified
place.
</p>
<p><img src="/images/teal.svg" /></p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>A strong separation of concerns.</h3>
<p>
Developers can define workloads without worrying about implementation
details, environment constraints, or policies. Administrators can
define environment specifics, and policies. Engable a higher degree of
reusability and reduce complexity.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Workload portability across cloud providers.</h3>
<p>
As a multi-cloud workload and resource orchestrator, Crossplane
manages workloads (container, serverless, others) and resources they
consume (databases, message queues, buckets, data pipelines, and
others) across clouds and on-premise environments.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Open source that doesnt have an agenda.</h3>
<p>
Crossplane is open source software released under the Apache 2.0
license. Crossplane is a true community driven effort to define a
control-plane that can span multiple cloud providers, many regions and
offerings.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Built with high levels of extensibility.</h3>
<p>
Leverages tried and tested Kubernetes machinery to provide a high
level of extensibility around APIs, resource controllers, schedulers
and other components. This empowers the community to build on-top of
it easily.
</p>
</div>
<div class="col-4_md-6_sm-12 feature">
<h3>Full lifecycle management of resources.</h3>
<p>
A resource controller is responsible for the entire lifecycle of a
resource. This resource is responsible for provisioning, health,
scaling, failover, and actively responding to external changes that
deviate from the desired configuration.
</p>
</div>
</div>
</div>
</div>
<div id="use-cases">
<div>
<div class="grid">
<div class="col-6 md-hidden img"><img src="/images/feature-1.svg" /></div>
<div class="col-6_md-12">
<h2>Utilize multiple cloud providers at a single time.</h2>
<p>
Schedule work across multiple regions and cloud providers at the same
time. Use different regions of multiple cloud providers to improve
availability, geographic presence, and reach.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
<div class="col-6_md-12">
<h2>Migrate managed services across multiple clouds.</h2>
<p>
Take advantage of automated controllers to move data across regions,
clusters or clouds. As a single control-plane that spans multiple
cloud providers, controllers work across clouds and use tried and
tested methods for completing long running migration tasks.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
<div class="col-6 md-hidden img"><img src="/images/feature-2.svg" /></div>
<div class="col-6 md-hidden img"><img src="/images/feature-3.svg" /></div>
<div class="col-6_md-12">
<h2>Automate all of your tasks across multiple clouds.</h2>
<p>
Write custom controllers to automate such tasks as setting up
replication across databases, or setting up a data protection solution
across clouds. With a single control-plane that can span regions and
cloud providers, and offers an extensibility model for writing custom
controllers, Crossplane automates many of these tasks.
<img src="/images/quad-white-medium.svg" />
</p>
</div>
</div>
</div>
</div>
<div id="testimonials">
<div>
<div class="grid-center">
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;Crossplane has an opportunity to change the cloud industry as we know it&rdquo;</h3>
<p>&ldquo;Our customers are increasingly looking for a way to deploy their code across multiple cloud environments. The choices available today are too complex and vendor driven but with Crossplane the ability to orchestrate clouds becomes simple. We look forward to collaborating with them on this vision and as the first complex app running on Crossplane.&rdquo;</p>
<div class="signature">
<div class="name">Sid Sijbrandij</div>
<div class="title">CEO and Co-Founder of GitLab</div>
<img src="/images/gitlab.svg" />
</div>
</div>
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;We share the vision of having truly cloud agnostic, managed services and Crossplane is an important step forward in this direction&rdquo;</h3>
<p>&ldquo;Crossplane will make it possible for organizations to take deeper ownership of where they want to run their services and how they manage their application data. Kudos to the Upbound team for architecting and delivering this critical, open source and community driven component of the cloud neutral future.&rdquo;</p>
<div class="signature">
<div class="name">Spencer Kimball</div>
<div class="title">CEO and Founder of Cockroach Labs</div>
<img src="/images/cockroachlabs.svg" />
</div>
</div>
<div class="testimonial col-4_md-6_sm-12">
<h3>&ldquo;We created Crossplane to empower organizations to use the best of all the clouds.&rdquo;</h3>
<p>&ldquo;Having a control plane that is able to schedule and orchestrate portable workloads across cloud providers, regions, and on-premises while still using best-of-breed managed services allows organizations to improve availability, geographic presence, as well as optimize for cost.&rdquo;</p>
<div class="signature">
<div class="name">Bassam Tabbara</div>
<div class="title">CEO and Founder of Upbound</div>
<img src="/images/upbound.svg" />
</div>
</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-4_md-6_xs-12 tile">
<div class="slack">
<div class="topbar"></div>
<div class="content">
<img src="/images/slack.svg" />
<h3>Slack</h3>
<p>
Join the Crossplane team and community members in our Slack group.
</p>
<button class="grey" onclick="window.location.href= '{{slackLink}}';">Join Slack</button>
</div>
</div>
</div>
<div class="col-4_md-6_xs-12 tile">
<div class="github">
<div class="topbar"></div>
<div class="content">
<img src="/images/github.svg" />
<h3>GitHub</h3>
<p>Watch and star Crossplane on Gitub and follow our progress.</p>
<button
class="grey"
onclick="window.location.href = '{{githubLink}}';"
>
Visit GitHub
</button>
</div>
</div>
</div>
<div class="col-4_md-6_xs-12 tile">
<div class="forum">
<div class="topbar"></div>
<div class="content">
<img src="/images/forum.svg" />
<h3>Forum</h3>
<p>Chat about your use case with others on the Crossplane forum.</p>
<button class="grey" onclick="window.location.href = '{{forumLink}}';">Visit Forum</button>
</div>
</div>
</div>
</div>
<p class="join">
You can also join us every other week for our <a href="{{communityMeetingLink}}">community meeting</a> call to discuss Crossplane
</p>
</div>
</div>