Merge branch 'master' of https://bitbucket.org/yackob03/quay

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;
+}

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>

static/js/app.js

@@ -771,6 +771,8 @@ quayApp = angular.module('quay', ['ngRoute', 'chieffancypants.loadingBar', 'rest
                       reloadOnSearch: false, controller: UserAdminCtrl}).
       when('/guide/', {title: 'Guide', description:'Guide to using private docker repositories on Quay.io', templateUrl: '/static/partials/guide.html',
                        controller: GuideCtrl}).
+      when('/contact/', {title: 'Contact Us', description:'Different ways for you to get a hold of us when you need us most.', templateUrl: '/static/partials/contact.html',
+                       controller: ContactCtrl}).
       when('/plans/', {title: 'Plans and Pricing', description: 'Plans and pricing for private docker repositories on Quay.io',
                        templateUrl: '/static/partials/plans.html', controller: PlansCtrl}).
       when('/security/', {title: 'Security', description: 'Security features used when transmitting and storing data',
@@ -1665,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>'

static/js/controllers.js

@@ -48,6 +48,9 @@ function GuideCtrl($scope) {
 function SecurityCtrl($scope) {
 }
 
+function ContactCtrl($scope) {
+}
+
 function RepoListCtrl($scope, $sanitize, Restangular, UserService, ApiService) {
   $scope.namespace = null;
   $scope.page = 1;

static/partials/contact.html

@@ -0,0 +1,44 @@
+<div class="container">
+  <h2>
+    Contact Us<br>
+    <small>We are here to help!</small>
+  </h2>
+
+  <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-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-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>

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"