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 { .plans-panel {
padding: 0px; padding: 0px;
padding-top: 50px; padding-top: 50px;
@ -78,6 +238,36 @@
padding-left: 5px; 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 { .plans-panel .plan-tabs a {
padding-bottom: 0px; padding-bottom: 0px;
padding-left: 10px; padding-left: 10px;

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

@ -372,135 +372,83 @@
<!-- Enterprise --> <!-- Enterprise -->
<div class="tab-pane" id="enterprise"> <div class="tab-pane" id="enterprise">
<!-- Plan columns --> <h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise</h2>
<div class="row-container"> <div class="flex-wrap top-section">
<div class="row"> <div class="container">
<!-- Basic Plan --> <div class="co-p-quay-enterprise-values">
<div class="col-md-3 col-sm-6 plan-col"> <div class="co-p-quay-enterprise-value">
<div class="plan-box"> <div class="co-p-quay-enterprise-value-text co-m-text-light">Highly Available</div>
<div class="plan-header"> <p class="co-p-quay-enterprise-value-desc">Run multiple instances of Quay for redundancy</p>
<span class="plan-box-price">$450/mo</span>
<b>Basic</b>
</div> </div>
<div class="qe-plan-description">Single region deployment of Quay with unlimited users and repos.</div> <div class="co-p-quay-enterprise-value">
<div class="qe-plan-description">Great for smaller companies that are getting started with containers.</div> <div class="co-p-quay-enterprise-value-text co-m-text-light">Geo-replication</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-basic-monthly')"> <p class="co-p-quay-enterprise-value-desc">Sync your container images between your datacenters</p>
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div> </div>
<div class="co-p-quay-enterprise-value">
<ul class="plan-features"> <div class="co-p-quay-enterprise-value-text co-m-text-light">Continuous Integration</div>
<li><i class="fa fa-clock-o"></i>30-day free trial</li> <p class="co-p-quay-enterprise-value-desc">Automatically build and push images when developers commit code</p>
<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> </div>
<div class="co-p-quay-enterprise-value">
<!-- Shared Plan --> <div class="co-p-quay-enterprise-value-text co-m-text-light">Security Scanning</div>
<div class="col-md-3 col-sm-6 plan-col popular"> <p class="co-p-quay-enterprise-value-desc">Automatically scan your container images for known security vulnerabilities</p>
<div class="plan-box">
<div class="plan-header">
<span class="plan-box-price">$1,800/mo</span>
<b>Standard</b>
</div> </div>
<div class="qe-plan-description">Dedicated build workers speed up the workflow for multiple distributed development teams.</div> <div class="co-p-quay-enterprise-value">
<div class="qe-plan-description">Powerful tooling for continuous integration and deployment of container-based applications.</div> <div class="co-p-quay-enterprise-value-text co-m-text-light">24/7 Support</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-standard-monthly')"> <p class="co-p-quay-enterprise-value-desc">Enterprise-level support is available around the clock</p>
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div> </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> </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>
<div class="qe-plan-description">Perfect for an enterprise with production deployment of containers.</div> <div class="co-p-quay-diagram">
<div class="qe-plan-description">Replicate container images to different regions for faster pulls to your servers around the world.</div> <img src="/static/img/QE-complex.svg" alt="Quay Enterprise System" class="vertical" />
<a href="mailto:sales@tectonic.com?subject=Quay Enterprise Premium" class="btn btn-primary trial-button"> <img src="/static/img/QE-complex-h.svg" alt="Quay Enterprise System" class="horizontal" />
Contact Sales <div class="co-p-quay-diagram-caption co-m-text-light">Highly available installation with geo-replication</div>
<i class="fa fa-angle-double-right"></i>
</a>
</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> </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>
<div class="qe-plan-description"><a href="tel:800-774-3507"><i class="fa fa-phone"></i> (800) 774-3507</a></div> <div class="flex-wrap">
<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="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> </div>
</div> </div>
<div class="co-p-quay-enterprise-faq plans-panel">
<!-- FAQ and features --> <!-- FAQ and features -->
<div class="container">
<div class="faq-features"> <div class="faq-features">
<div class="row-container-no-margin"> <div class="row-container-no-margin">
<div class="row"> <div class="row">
<!-- Features --> <!-- Features -->
<div class="col-md-5 col-md-push-7 features-col"> <div class="col-md-5 col-md-push-7 features-col">
<div class="features-title">Enterprise features:</div>
<div class="row"> <div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12"> <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list"> <ul class="features-list">
<li><i class="fa fa-sign-in"></i> <li><i class="fa fa-sign-in"></i>
<b>Enterprise Authentication</b> <b>Enterprise Authentication</b>
<p>Integrate to your existing identity infrastructure: LDAP, Keystone, Tectonic Identity and more.</p> <p>Integrate to your existing identity infrastructure: LDAP, Keystone, 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>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="features-title">All plans include:</div>
<div class="row"> <div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12"> <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list"> <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> <li><i class="fa fa-refresh"></i>
<b>Continuous Integration</b> <b>Continuous Integration</b>
<p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others.</p> <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>
</li> </li>
<li><i class="fa ci-robot"></i> <li><i class="fa ci-robot"></i>
@ -518,94 +466,62 @@
</li> </li>
<li><i class="fa fa-lock"></i> <li><i class="fa fa-lock"></i>
<b>SSL Encryption</b> <b>Supports SSL Encryption</b>
<p>Transit between Quay and your servers is secured automatically.</p> <p>Transit between Quay.io and your servers is secured automatically.</p>
</li> </li>
<li><i class="fa fa-bar-chart"></i> <li><i class="fa fa-bar-chart"></i>
<b>Logging &amp; Auditing</b> <b>Logging &amp; Auditing</b>
<p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p> <p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p>
</li> </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> </ul>
</div> </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>
</div> </div>
<!-- FAQ --> <!-- FAQ -->
<div class="col-md-7 col-md-pull-5 faq-col"> <div class="col-md-7 col-md-pull-5 faq-col">
<h4>How can I run Quay Enterprise?</h4> <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> <p>
When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.
<div class="row"> </p>
<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> <h4>Additional FAQs</h4>
<b>Is there a free trial for Quay Enterprise?</b> <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> <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> <p>Yes, you can upgrade from Quay.io to Quay Enterprise easily.</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>
</div> </div>
</div> </div>
</div>
</div>
<!-- Modal message dialog --> <!-- Modal message dialog -->
<div class="modal fade" id="signinModal"> <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