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;

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

@ -372,135 +372,83 @@
<!-- 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="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 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>
<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 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>
<!-- 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 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="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 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>
<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 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>
<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 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="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="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>
<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>
<p>Integrate to your existing identity infrastructure: LDAP, Keystone, and more</p>
</li>
</ul>
</div>
</div>
<div class="features-title">All plans include:</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-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 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>
<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>
<p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others</p>
</li>
<li><i class="fa ci-robot"></i>
@ -518,94 +466,62 @@
</li>
<li><i class="fa fa-lock"></i>
<b>SSL Encryption</b>
<p>Transit between Quay and your servers is secured automatically.</p>
<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>
<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>
<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>
</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 can run on any infrastructure.
It is recommended to run Quay Enterprise in highly-available fashion, on multiple machines.
</p>
<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>
<h4>How is Quay Enterprise different than Quay.io?</h4>
<p>Running as a single container excels for the Basic plan. Quickly get started during your trial.</p>
<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>
<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>
<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>
<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>
<p>Quay Enterprise is billed annually with a purchase order.</p>
<b>Can I pay annually?</b>
<b>Can I ugrade from Quay.io (hosted)?</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>
<p>Yes, you can upgrade from Quay.io to Quay Enterprise easily.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal message dialog -->
<div class="modal fade" id="signinModal">

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