From 0b7dfffb42dd7fa14ad9d2c3b690b87f092bc05b Mon Sep 17 00:00:00 2001
From: yackob03 <jacob.moshenko@gmail.com>
Date: Wed, 15 Jan 2014 15:40:37 -0500
Subject: [PATCH] Update to font-awesome 3.0. Fix instances of fa-hdd to
 fa-hdd-o. Make contact option bubbles large and centered.

---
 static/css/quay.css                |  8 ++++--
 static/directives/repo-circle.html |  2 +-
 static/js/app.js                   |  2 +-
 static/partials/contact.html       | 44 +++++++++++++++++++-----------
 static/partials/plans.html         |  2 +-
 templates/base.html                |  2 +-
 6 files changed, 38 insertions(+), 22 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index b7c394d0e..dae3067e9 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -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;
+}
\ No newline at end of file
diff --git a/static/directives/repo-circle.html b/static/directives/repo-circle.html
index 336c03fe0..ca5cbddf4 100644
--- a/static/directives/repo-circle.html
+++ b/static/directives/repo-circle.html
@@ -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>
diff --git a/static/js/app.js b/static/js/app.js
index 6e1fb166c..da399eb04 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -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>'
diff --git a/static/partials/contact.html b/static/partials/contact.html
index 4749b5028..fe7a7ea33 100644
--- a/static/partials/contact.html
+++ b/static/partials/contact.html
@@ -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>
\ No newline at end of file
diff --git a/static/partials/plans.html b/static/partials/plans.html
index 20c551e82..f1dd572b9 100644
--- a/static/partials/plans.html
+++ b/static/partials/plans.html
@@ -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"
diff --git a/templates/base.html b/templates/base.html
index 78e57d8e3..4a1583d10 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -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'>