Initial work in restyling Quay to be more like CoreOS styles

This commit is contained in:
Joseph Schorr 2014-08-11 21:47:04 -04:00
parent b9c6c4c2f2
commit ab68126d8a
12 changed files with 408 additions and 215 deletions

View file

@ -1,18 +1,25 @@
<div class="jumbotron landing">
<div class="announcement">
<span class="hidden-xs-inline">
<img src="/static/img/white_horizontal.png" style="height: 40px">
<span class="plus">+</span>
<img src="/static/img/coreos-wordmark-horiz-white.svg">
</span>
<span class="spacer"></span>
Quay.io is now part of CoreOS! <a href="https://coreos.com" target="_blank">Read the blog post.</a>
</div>
<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/white_horizontal.png">
<div class="header-bar"></div>
<div class="landing-content">
<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 class="call-to-action">Get 20 free private repos for 6 months<i class="fa fa-arrow-right"></i></div>
</div>
<div ng-show="!user.anonymous">

View file

@ -17,8 +17,8 @@
<!-- Header -->
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<div class="section">
<div class="new-header">
<span style="color: #444;">
@ -45,8 +45,8 @@
<!-- Private/public -->
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<div class="section-title">Repository Visibility</div>
<div class="section">
<div class="repo-option">
@ -98,8 +98,8 @@
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<div class="section">
<div class="section-title">Initialize repository</div>
@ -137,8 +137,8 @@
</div>
<div class="row" ng-show="repo.initialize == 'dockerfile' || repo.initialize == 'zipfile'">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<div class="section">
<div class="section-title">Upload <span ng-if="repo.initialize == 'dockerfile'">Dockerfile</span><span ng-if="repo.initialize == 'zipfile'">Archive</span></div>
<div style="padding-top: 20px;">
@ -153,8 +153,8 @@
</div>
<div class="row" ng-show="repo.initialize == 'github'">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<div class="alert alert-info">
You will be redirected to authorize via GitHub once the repository has been created
</div>
@ -162,8 +162,8 @@
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-8">
<div class="col-md-12">
<button class="btn btn-large btn-success" type="submit"
ng-disabled="uploading || building || newRepoForm.$invalid || (repo.is_public == '0' && (planRequired || checkingPlan)) || ((repo.initialize == 'dockerfile' || repo.initialize == 'zipfile') && !hasDockerfile)">
<i class="fa fa-large" ng-class="repo.is_public == '1' ? 'fa-unlock' : 'fa-lock'" style="margin-right: 4px"></i>

View file

@ -128,13 +128,6 @@
</dl>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Enterprise</h3>
<dt>I work in an enterprise and we need to run Quay.io on our servers. Can I do so?</dt>
<dd>Please contact us at our <a href="mailto:support@quay.io">support email address</a> to discuss enterprise plans.</dd>
</div>
</div>
</div>
<!-- Modal message dialog -->