Update to font-awesome 3.0. Fix instances of fa-hdd to fa-hdd-o. Make contact option bubbles large and centered.

This commit is contained in:
yackob03 2014-01-15 15:40:37 -05:00
parent 82c4c8a28b
commit 0b7dfffb42
6 changed files with 38 additions and 22 deletions

View file

@ -496,11 +496,11 @@ i.toggle-icon:hover {
width: 40px;
}
.repo-circle .fa-hdd {
.repo-circle .fa-hdd-o {
font-size: 36px;
}
.repo-circle.no-background .fa-hdd {
.repo-circle.no-background .fa-hdd-o {
font-size: 30px;
}
@ -2617,3 +2617,7 @@ p.editable:hover i {
font-weight: bold;
font-size: .4em;
}
.contact-options {
margin-top: 60px;
}

View file

@ -1,2 +1,2 @@
<i class="fa fa-lock fa-lg" style="{{ repo.is_public ? 'visibility: hidden' : 'visibility: inherit' }}" title="Private Repository"></i>
<i class="fa fa-hdd"></i>
<i class="fa fa-hdd-o"></i>

View file

@ -1667,7 +1667,7 @@ quayApp.directive('repoSearch', function () {
},
template: function (datum) {
template = '<div class="repo-mini-listing">';
template += '<i class="fa fa-hdd fa-lg"></i>'
template += '<i class="fa fa-hdd-o fa-lg"></i>'
template += '<span class="name">' + datum.repo.namespace +'/' + datum.repo.name + '</span>'
if (datum.repo.description) {
template += '<span class="description">' + getFirstTextLine(datum.repo.description) + '</span>'

View file

@ -4,29 +4,41 @@
<small>We are here to help!</small>
</h2>
<div class="row">
<div class="col-md-12">
<p>For sales or technical support, please use one of the following methods.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h4><i class="fa fa-envelope"></i> Email</h4>
<div class="row contact-options">
<div class="col-sm-3 text-center">
<span class="fa-stack fa-3x text-center">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
</span>
<h4>Email Us</h4>
<h4><a href="mailto:support@quay.io">support@quay.io</a></h4>
</div>
<div class="col-md-4">
<h4><i class="fa fa-comment"></i> IRC</h4>
<div class="col-sm-3 text-center">
<span class="fa-stack fa-3x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-comment fa-stack-1x fa-inverse"></i>
</span>
<h4>IRC</h4>
<h4><a href="irc://chat.freenode.net:6665/quayio">Freenode: #quayio</a></h4>
</div>
<div class="col-md-4">
<h4>
<i class="fa fa-phone"></i> Telephone<br>
</h4>
<div class="col-sm-3 text-center">
<span class="fa-stack fa-3x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
</span>
<h4>Call Us</h4>
<h4><a href="tel:+1-888-930-3475">888-930-3475</a></h4>
</div>
<div class="col-sm-3 text-center">
<span class="fa-stack fa-3x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
<h4>Tweet Us</h4>
<h4><a href="https://twitter.com/quayio">@quayio</a></h4>
</div>
</div>
</div>

View file

@ -11,7 +11,7 @@
<span class="hidden-sm-inline">Public Repositories</span>
<span class="visible-sm-inline">Public Repos</span>
</span>
<i class="fa fa-hdd visible-lg"></i>
<i class="fa fa-hdd-o visible-lg"></i>
</div>
<div class="feature">
<span class="context-tooltip" bs-tooltip="tooltip.title" data-container="body" data-placement="right"

View file

@ -13,7 +13,7 @@
<link rel="stylesheet" href="/static/lib/loading-bar.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css">
<link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>