This repository has been archived on 2020-03-24. You can view files and clone it, but cannot push or open issues or pull requests.
quay/static/partials/landing-normal.html
2014-04-28 16:34:03 -04:00

227 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="jumbotron landing">
<div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-content">
<img class="logo" src="/static/img/box-logo.png">
<span class="product-name">Quay.io</span>
<div class="header-bar"></div>
<div class="container">
<div class="row messages">
<div class="col-md-7">
<div ng-show="user.anonymous">
<h1>Secure hosting for <b>private</b> Docker<a class="disclaimer-link" href="/disclaimer" target="_self">*</a> repositories</h1>
<h3>Use the Docker images <b>your team</b> needs with the safety of <b>private</b> repositories</h3>
<div class="sellcall"><a href="/plans/">Private repository plans starting at $12/mo</a></div>
</div>
<div ng-show="!user.anonymous">
<span class="namespace-selector" user="user" namespace="namespace" ng-show="user.organizations"></span>
<div class="resource-view" resource="my_repositories">
<!-- Repos -->
<div ng-show="my_repositories.value.length > 0">
<h2>Top Repositories</h2>
<div class="repo-listing" ng-repeat="repository in my_repositories.value">
<span class="repo-circle no-background" repo="repository"></span>
<a ng-href="/repository/{{ repository.namespace }}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
<div class="markdown-view description" content="repository.description" first-line-only="true"></div>
</div>
<a href="/repository/?namespace={{ user.username }}">See All Repositories</a>
</div>
<!-- No Repos -->
<div ng-show="my_repositories.value.length == 0">
<div class="sub-message" style="margin-top: 20px">
<span ng-show="namespace != user.username">You don't have access to any repositories in this organization yet.</span>
<span ng-show="namespace == user.username">You don't have any repositories yet!</span>
<div class="options">
<a class="btn btn-primary" href="/repository/">Browse all repositories</a>
<a class="btn btn-success" href="/new/" ng-show="canCreateRepo(namespace)">Create a new repository</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- col -->
<div class="col-md-4 col-md-offset-1">
<div ng-show="user.anonymous">
<div class="signup-form"></div>
</div>
<div ng-show="!user.anonymous" class="user-welcome">
<img class="gravatar" src="//www.gravatar.com/avatar/{{ user.gravatar }}?s=128&d=identicon" />
<div class="sub-message">Welcome <b>{{ user.username }}</b>!</div>
<a ng-show="my_repositories.value" class="btn btn-primary" href="/repository/">Browse all repositories</a>
<a class="btn btn-success" href="/new/">Create a new repository</a>
</div>
</div> <!-- col -->
</div> <!-- row -->
</div> <!-- container -->
</div>
</div> <!-- jumbotron -->
<div class="rows" ng-show="user.anonymous">
<div class=" shoutout-row landing-section">
<div class="container">
<div class="row">
<div class="col-md-4 shoutout">
<i class="fa fa-lock"></i>
<b>Private Storage</b>
<span class="shoutout-expand">
Push and pull Docker images to a private registry, with a focus on user experience
for your developers.
</span>
<a class="shoutout-link" href="/features">View Features</a>
</div>
<div class="col-md-4 shoutout">
<i class="fa fa-group"></i>
<b>Teamwork Optimized</b>
<span class="shoutout-expand">
Specially designed for teams, organizations and businesses that use Docker.
</span>
<a class="shoutout-link" href="/organizations">View Teams and Organizations</a>
</div>
<div class="col-md-4 shoutout">
<i class="fa fa-cogs"></i>
<b>Deployment Made Easy</b>
<span class="shoutout-expand">
Tools and Solutions that help make your application deployment simple and straightforward.
</span>
<a class="shoutout-link" href="/solutions">View Solutions</a>
</div>
</div>
</div>
</div> <!-- -->
<div class=" landing-section">
<h2>Trusted by companies who use Docker</h2>
<div class="container">
<div class="row">
<div>
<img src="/static/img/modcloth-logo.png">
</div>
</div>
</div>
</div> <!-- -->
<div class="landing-section">
<h2>Business-class management tools</h2>
<div class="container">
<div class="row">
<div class="col-md-4 feature-shoutout">
<img src="/static/img/user-home.png" class="img-responsive">
<a href="">Customized for you</a>
</div>
<div class="col-md-4 feature-shoutout">
<img src="/static/img/repo-view.png" class="img-responsive">
<a href="">Detailed repository information</a>
</div>
<div class="col-md-4 feature-shoutout">
<img src="/static/img/build-history.png" class="img-responsive">
<a href="">Dockerfile build in the cloud</a>
</div>
</div>
<div class="row">
<div class="col-md-4 feature-shoutout">
<img src="/static/img/repo-admin.png" class="img-responsive">
<a href="">Fine grain permissions model</a>
</div>
<div class="col-md-4 feature-shoutout">
<img src="/static/img/repo-changes.png" class="img-responsive">
<a href="">Docker diff visualized</a>
</div>
<div class="col-md-4 feature-shoutout">
<img src="/static/img/org-repo-list.png" class="img-responsive">
<a href="">Organizations and Teams</a>
</div>
</div>
</div>
</div> <!-- -->
<div class="landing-section">
<h2>See what people are saying about Quay.io</h2>
<div class="container">
<div class="row">
<div class="jcarousel-wrapper">
<div class="jcarousel">
<ul>
<li>
<blockquote class="twitter-tweet" data-conversation="none" lang="en">
<span class="avatar"><img src="https://pbs.twimg.com/profile_images/3320588708/9237d8d056e9ce2fa737ea7ab2de345b_bigger.jpeg"></span>
<p>Pushing Dockerfile changes to Github and having <a href="https://twitter.com/quayio">@quayio</a> build the <a href="https://twitter.com/docker">@docker</a> image/container for you is extremely awesome.</p>
<span class="author">Ross Timson (@rosstimson)</span> <a href="https://twitter.com/rosstimson/statuses/451052618685882368">April 1, 2014</a>
</blockquote>
</li>
<li>
<blockquote class="twitter-tweet" data-conversation="none" lang="en">
<span class="avatar"><img src="https://pbs.twimg.com/profile_images/2578175278/ykn3l9ktfdy1hia5odij_bigger.jpeg"></span>
<p><a href="https://twitter.com/quayio">@quayio</a> releases Docker build flair! <a href="http://t.co/72ULgveLj4">pic.twitter.com/72ULgveLj4</a></p>
<span class="author">Frank Macreery (@fancyremarker)</span> <a href="https://twitter.com/fancyremarker/statuses/448528623692025857">March 25, 2014</a>
</blockquote>
</li>
<li>
<blockquote class="twitter-tweet" data-conversation="none" lang="en">
<span class="avatar"><img src="https://pbs.twimg.com/profile_images/438406731660394496/UKGDY6xB_bigger.jpeg"></span>
<p>Just started playing with <a href="https://twitter.com/quayio">@quayio</a> builds tied to <a href="https://twitter.com/search?q=%23github&amp;src=hash">#github</a> repo. Really liking it. My first experiment: <a href="https://t.co/2LgyagwTEq">https://t.co/2LgyagwTEq</a></p>
<span class="author">Joshua Goldie (@jdgoldie)</span> <a href="https://twitter.com/jdgoldie/statuses/446622958040408064">March 20, 2014</a>
</blockquote>
</li>
<li>
<blockquote class="twitter-tweet" data-conversation="none" lang="en">
<span class="avatar"><img src="https://pbs.twimg.com/profile_images/378800000731516813/e70eae6c4a2c25ae516660e958b3d36b_bigger.jpeg"></span>
<p>Great guys <a href="https://twitter.com/quayio">@quayio</a>. If you havent tried it, do.</p><span class="author">Evan Hazlett (@ehazlett)</span> <a href="https://twitter.com/ehazlett/statuses/442351806161510400">March 8, 2014</a>
</blockquote>
</li>
<li>
<blockquote class="twitter-tweet" data-conversation="none" lang="en">
<span class="avatar"><img src="https://pbs.twimg.com/profile_images/441681582097563649/c1Hen0hx_bigger.jpeg"></span>
<p><a href="https://twitter.com/quayio">@quayio</a> has awesome support. <a href="https://twitter.com/search?q=%23awesomeTool&amp;src=hash">#awesomeTool</a> <a href="https://twitter.com/search?q=%23awesomeTeam&amp;src=hash">#awesomeTeam</a></p><span class="author">Jon Morehouse (@JonMorehouse)</span> <a href="https://twitter.com/JonMorehouse/statuses/441719785055739904">March 6, 2014</a>
</blockquote>
</li>
</ul>
</div>
<a href="#" class="jcarousel-control jcarousel-control-prev">&lsaquo;</a>
<a href="#" class="jcarousel-control jcarousel-control-next">&rsaquo;</a>
<p class="jcarousel-pagination"></p>
</div>
</div>
<div class="row">
<div class="col-md-12 follow-button">
<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="//platform.twitter.com/widgets/follow_button.html?screen_name=quayio&show_count=false"
style="width:120px; height:20px;"></iframe>
</div>
</div>
</div>
</div>
<div class="landing-section">
<h2>Start pushing to Quay.io in under a minute</h2>
<div class="container">
<div class="row landing-action">
<a href="/starttrial" class="btn btn-primary">Start Free Trial</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div style="border-top: 1px solid #eee; padding-top: 20px;" class="col-md-12">
<a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>
</div>
</div>
</div>