vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

static: update QE tab for new marketing efforts

Browse source
This commit is contained in:
Ben Spoon 2016-10-24 12:38:00 -07:00
parent 1bbc110280
commit 7f03eb7fad
4 changed files with 2405 additions and 207 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

190
static/css/pages/plans.css
View file

@ -1,3 +1,163 @@
.flex-wrap {
width: 100%;
display: flex;
justify-content: center;
}
.top-section {
flex-direction: row;
justify-content: space-around;
max-width: 1170px;
margin: 0 auto;
padding: 0 60px;
}
.co-p-quay-enterprise-values {
padding-top: 35px;
padding-bottom: 50px;
padding-right: 60px;
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value {
margin-bottom: 30px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value:last-child {
margin-bottom: 0
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon {
width: 32px;
display: inline-block;
margin-right: 15px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon img {
max-width: 32px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-text {
display: inline;
font-size: 18px;
color: #1e394c;
line-height: 32px;
font-weight: 600
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-desc {
margin-top: 10px;
font-size: 16px;
line-height: 18px
}
.co-p-quay-enterprise-top-cta {
padding: 20px 90px;
border-radius: 4px;
border: 1px solid rgba(153, 153, 153, 0.75);
margin-bottom: 50px;
}
.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-text {
font-weight: 500;
font-size: 18px;
text-align: center;
margin-bottom: 10px
}
.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
margin-bottom: 20px
}
.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons .co-p-quay-enterprise-top-cta-button-wrap {
display: flex;
flex-direction: column;
margin-left: 15px;
width: 180px
}
.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons .button-subtext {
font-size: 12px;
margin-top: 5px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value {
margin-bottom: 30px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value:last-child {
margin-bottom: 0
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon {
width: 32px;
display: inline-block;
margin-right: 15px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon img {
max-width: 32px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-text {
display: inline;
font-size: 18px;
color: #1e394c;
line-height: 32px
}
.co-p-quay-enterprise-values .co-p-quay-enterprise-value-desc {
margin-top: 10px;
font-size: 13px;
line-height: 18px
}
.co-p-quay-diagram img {
width: 340px;
}
.co-p-quay-diagram .horizontal {
display: none;
}
.co-p-quay-enterprise-tagline {
font-weight: 300;
color: #1e394c;
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
}
.co-p-quay-enterprise-trial {
text-align: center;
margin-top: 30px;
margin-bottom: 40px
}
.co-p-quay-enterprise-trial-left {
text-align: left
}
.co-p-quay-enterprise-faq {
background: #fff;
padding: 60px 0 40px 0;
border-top: 1px solid #ddd
}
.co-p-quay-enterprise-plans {
padding-bottom: 40px
}
.co-p-quay-enterprise-plans .co-p-quay-enterprise-plans-header {
text-align: center;
margin-bottom: 30px
}
.plans-panel {
padding: 0px;
padding-top: 50px;
@ -78,6 +238,36 @@
padding-left: 5px;
}
.co-p-quay-diagram-caption {
text-align: center;
}
.co-p-quay-enterprise-tagline {
margin-bottom: 0;
margin-top: 30px;
}
.top-section {
flex-wrap: wrap;
padding: 0;
}
.co-p-quay-diagram {
margin-bottom: 50px;
}
.co-p-quay-diagram img {
width: 100%;
}
.co-p-quay-diagram .horizontal {
display: block;
}
.co-p-quay-diagram .vertical {
display: none;
}
.plans-panel .plan-tabs a {
padding-bottom: 0px;
padding-left: 10px;

330
static/directives/plans-display.html
View file

@ -372,241 +372,157 @@
<!-- Enterprise -->
<div class="tab-pane" id="enterprise">
<!-- Plan columns -->
<div class="row-container">
<div class="row">
<!-- Basic Plan -->
<div class="col-md-3 col-sm-6 plan-col">
<div class="plan-box">
<div class="plan-header">
<span class="plan-box-price">$450/mo</span>
<b>Basic</b>
<h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise</h2>
<div class="flex-wrap top-section">
<div class="container">
<div class="co-p-quay-enterprise-values">
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Highly Available</div>
<p class="co-p-quay-enterprise-value-desc">Run multiple instances of Quay for redundancy</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Geo-replication</div>
<p class="co-p-quay-enterprise-value-desc">Sync your container images between your datacenters</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Continuous Integration</div>
<p class="co-p-quay-enterprise-value-desc">Automatically build and push images when developers commit code</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Security Scanning</div>
<p class="co-p-quay-enterprise-value-desc">Automatically scan your container images for known security vulnerabilities</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">24/7 Support</div>
<p class="co-p-quay-enterprise-value-desc">Enterprise-level support is available around the clock</p>
</div>
<div class="qe-plan-description">Single region deployment of Quay with unlimited users and repos.</div>
<div class="qe-plan-description">Great for smaller companies that are getting started with containers.</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-basic-monthly')">
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-ticket"></i>Support via ticket</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li class="disabled"><i class="fa fa-times"></i>No dedicated builders</li>
<li class="disabled"><i class="fa fa-times"></i>No geo replication</li>
</ul>
</div>
<!-- Shared Plan -->
<div class="col-md-3 col-sm-6 plan-col popular">
<div class="plan-box">
<div class="plan-header">
<span class="plan-box-price">$1,800/mo</span>
<b>Standard</b>
</div>
<div class="qe-plan-description">Dedicated build workers speed up the workflow for multiple distributed development teams.</div>
<div class="qe-plan-description">Powerful tooling for continuous integration and deployment of container-based applications.</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-standard-monthly')">
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-user"></i>Support from 9 AM - 5 PM PT</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li><i class="fa fa-gears"></i>Up to 5 dedicated container builders</li>
<li class="disabled"><i class="fa fa-times"></i>No geo replication</li>
</ul>
</div>
<!-- Premium Plan -->
<div class="col-md-3 col-sm-6 plan-col">
<div class="plan-box">
<div class="plan-header">
<span class="plan-box-price plan-box-price-hidden">Contact Sales</span>
<b>Premium</b>
</div>
<div class="qe-plan-description">Perfect for an enterprise with production deployment of containers.</div>
<div class="qe-plan-description">Replicate container images to different regions for faster pulls to your servers around the world.</div>
<a href="mailto:sales@tectonic.com?subject=Quay Enterprise Premium" class="btn btn-primary trial-button">
Contact Sales
<i class="fa fa-angle-double-right"></i>
</a>
</div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-users"></i>24/7 Support</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li><i class="fa fa-gears"></i>Dedicated container builders</li>
<li><i class="fa fa-globe"></i>Geo replication between regions</li>
</ul>
</div>
<!-- Contact us -->
<div class="col-md-3 col-sm-6 plan-col">
<div class="plan-box gray">
<div class="plan-header">
<b>Questions?</b>
</div>
<div class="qe-plan-description"><a href="tel:800-774-3507"><i class="fa fa-phone"></i> (800) 774-3507</a></div>
<div class="qe-plan-description"><a href="mailto:sales@tectonic.com?subject=Quay Enterprise"><i class="fa fa-envelope"></i> Send a message</a></div>
</div>
<div class="co-p-quay-diagram">
<img src="/static/img/QE-complex.svg" alt="Quay Enterprise System" class="vertical" />
<img src="/static/img/QE-complex-h.svg" alt="Quay Enterprise System" class="horizontal" />
<div class="co-p-quay-diagram-caption co-m-text-light">Highly available installation with geo-replication</div>
</div>
</div>
</div>
<div class="flex-wrap">
<div class="co-p-quay-enterprise-top-cta">
<div class="co-p-quay-enterprise-top-cta-text">Ready to try Quay Enterprise?</div>
<div class="co-p-quay-enterprise-top-cta-buttons">
<div class="co-p-quay-enterprise-top-cta-button-wrap">
<a class="btn btn-primary btn-lg trial-button" href="#">Start a free trial</a>
<div class="button-subtext co-m-text-light">No credit card required, 30-day trial</div>
</div>
</div>
<div class="co-p-quay-enterprise-top-cta-questions">
<p><strong>Questions?</strong> Give us a call at any time (800) 774-3507 or <a href="{{ application.url }}/contact?product=quay-enterprise">contact sales</a></p>
</div>
</div>
</div>
</div>
<div class="co-p-quay-enterprise-faq plans-panel">
<!-- FAQ and features -->
<div class="faq-features">
<div class="row-container-no-margin">
<div class="row">
<!-- Features -->
<div class="col-md-5 col-md-push-7 features-col">
<div class="features-title">Enterprise features:</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-sign-in"></i>
<b>Enterprise Authentication</b>
<p>Integrate to your existing identity infrastructure: LDAP, Keystone, Tectonic Identity and more.</p>
</li>
<div class="container">
<div class="faq-features">
<div class="row-container-no-margin">
<div class="row">
<!-- Features -->
<div class="col-md-5 col-md-push-7 features-col">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-sign-in"></i>
<b>Enterprise Authentication</b>
<p>Integrate to your existing identity infrastructure: LDAP, Keystone, and more</p>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-database"></i>
<b>Flexible Storage Backends</b>
<p>Store your containers on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.</p>
</li>
<li><i class="fa fa-database"></i>
<b>Flexible Storage Backends</b>
<p>Store your container images on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.</p>
</li>
</ul>
<li><i class="fa fa-refresh"></i>
<b>Continuous Integration</b>
<p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others</p>
</li>
<li><i class="fa ci-robot"></i>
<b>Robot Accounts</b>
<p>Create credentials designed for deploying software automatically.</p>
</li>
</ul>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-group"></i>
<b>Teams</b>
<p>Teams can collectively have access to manage specific repositories on your account.</p>
</li>
<li><i class="fa fa-lock"></i>
<b>Supports SSL Encryption</b>
<p>Transit between Quay.io and your servers is secured automatically.</p>
</li>
<li><i class="fa fa-bar-chart"></i>
<b>Logging &amp; Auditing</b>
<p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="features-title">All plans include:</div>
<!-- FAQ -->
<div class="col-md-7 col-md-pull-5 faq-col">
<h4>How can I run Quay Enterprise?</h4>
<p>
Quay Enterprise is delivered as a set of containers that can run on any infrastructure.
It is recommended to run Quay Enterprise in highly-available fashion, on multiple machines.
</p>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-refresh"></i>
<b>Continuous Integration</b>
<p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others.</p>
</li>
<h4>How is Quay Enterprise different than Quay.io?</h4>
<li><i class="fa fa-clock-o"></i>
<b>30-Day Free Trial</b>
<p>Your first 30 days are free on Quay. Test it out and start building containers!</p>
</li>
<p>
Quay Enterprise is closely related to Quay.io, but runs on your own hardware or in your cloud environment.
Running the application yourself is more secure and is more performant when running on the same cluster as your containerized applications.
</p>
<li><i class="fa fa-hdd-o"></i>
<b>Public Repositories</b>
<p>Provide a public download page for your container. The best part, they're free!</p>
</li>
<p>
When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.
</p>
<li><i class="fa ci-robot"></i>
<b>Robot Accounts</b>
<p>Create credentials designed for deploying software automatically.</p>
</li>
</ul>
</div>
<h4>Additional FAQs</h4>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-group"></i>
<b>Teams</b>
<p>Teams can collectively have access to manage specific repositories on your account.</p>
</li>
<b>Is there a free trial for Quay Enterprise?</b>
<li><i class="fa fa-lock"></i>
<b>SSL Encryption</b>
<p>Transit between Quay and your servers is secured automatically.</p>
</li>
<p>
Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate.
We’ll send you an email before that happens as a reminder.
</p>
<li><i class="fa fa-bar-chart"></i>
<b>Logging &amp; Auditing</b>
<p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p>
</li>
<b>What types of payment do you accept?</b>
<li><i class="fa fa-random"></i>
<b>Multiple Image Formats</b>
<p>Images are transformed on the fly, allowing you to push Docker (v1 and v2) and pull rkt.</p>
</li>
</ul>
</div>
<p>Quay Enterprise is billed annually with a purchase order.</p>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-calendar"></i>
<b>Invoice History</b>
<p>Download past invoices for your billing team or purchasing department.</p>
</li>
</ul>
</div>
<b>Can I ugrade from Quay.io (hosted)?</b>
<p>Yes, you can upgrade from Quay.io to Quay Enterprise easily.</p>
</div>
</div>
<!-- FAQ -->
<div class="col-md-7 col-md-pull-5 faq-col">
<h4>How can I run Quay Enterprise?</h4>
<p>Quay Enterprise is delivered as a set of containers that is self-managed, or run it as an application on top of a Tectonic cluster. Quay Enterprise is included for free with all Tectonic clusters.</p>
<p>Running as a single container excels for the Basic plan. Quickly get started during your trial.</p>
<p>For production setups, Tectonic provides a level of consistency between your regions, allows Quay to share the same identity infrastructure powering Tectonic, provides easy scaling of your builders, and seamless recovery from a machine failure.</p>
<div class="row">
<div class="col-md-6 faq-sub-col">
<img src="/static/img/qe-legos.svg">
<b>Deploy Individual Containers</b>
<ul>
<li>Fits into your existing deployment
<li>Runs anywhere a container does
<li>Orchestration is up to you
</ul>
</div>
<div class="col-md-6 faq-sub-col">
<img src="/static/img/tectonic-bycoreos-color.svg">
<b>Deploy on Tectonic</b>
<ul>
<li>Deployment is consistent between regions
<li>Machine failure is handled automatically
<li>Orchestration is handled by the cluster
</ul>
</div>
</div>
<h4>How is Quay Enterprise different than Quay?</h4>
<p>Quay Enterprise is closely related to Quay, but runs on your own hardware or in your cloud environment. Running the application yourself is more secure and is more performant when running on the same cluster as your containerized applications.</p>
<p>When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.</p>
<h4>Additional FAQs</h4>
<b>Is there a free trial for Quay Enterprise?</b>
<p>Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate. We’ll send you an email before that happens as a reminder.</p>
<b>What types of payment do you accept?</b>
<p>Quay Enterprise is billed monthly through your Tectonic account. Major credit cards are accepted and invoices are available by request.</p>
<b>Can I pay annually?</b>
<p>Yes, you can annually. During the purchase process, you can choose between using a credit card or paying via an invoice.</p>
<b>Can I change my plan?</b>
<p>Yes, you can change or cancel your license at any time via your Tectonic account.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal message dialog -->
<div class="modal fade" id="signinModal">
<div class="modal-dialog">

1042
static/img/QE-complex-h.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 97 KiB

1050
static/img/QE-complex.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 98 KiB