- Add a repo-circle directive and change all repo icons uses to it

- Have the repo-circle directive show the padlock in all places
- Mention SSL on the landing page and the pricing page

static/partials/landing.html

@@ -15,7 +15,7 @@
           <div ng-show="!loadingmyrepos && myrepos.length > 0">
             <h2>Your Top Repositories</h2>      
             <div class="repo-listing" ng-repeat="repository in myrepos">
-              <i class="icon-hdd icon-large"></i>
+              <span class="repo-circle no-background" repo="repository"></span>
               <a ng-href="/repository/{{ repository.namespace }}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
               <div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
             </div>
@@ -71,8 +71,8 @@
         <i class="icon-lock"></i>
         <b>Secure</b>
         <span class="shoutout-expand">
-	  Store your private docker containers securely where only you and your team
-          can access it
+	  Store your private docker containers where only you and your team
+          can access it, with communication secured by <strong>SSL at all times</strong>
 	</span>
       </div>
 

static/partials/plans.html

@@ -13,6 +13,7 @@
       <div class="plan-price">${{ plan.price/100 }}</div>
       <div class="count"><b>{{ plan.privateRepos }}</b> private repositories</div>
       <div class="description">{{ plan.audience }}</div>
+      <div class="smaller">SSL secured connections</div>
 
       <button class="btn btn-primary btn-block" ng-click="buyNow(plan.stripeId)">Sign Up Now</button>
     </div>
@@ -23,6 +24,10 @@
       <dl>
         <dt>Can I use Quay for free?</dt>
         <dd>Yes! We offer unlimited storage and serving of public repositories. We strongly believe in the open source community and will do what we can to help!</dd>
+
+        <dt>Does my plan have secure communication?</dt>
+        <dd>Yes! All plans provide <b>secure</b> communication to and from Quay via <b>SSL</b>.</dd>
+
         <dt>What types of payment do you accept?</dt>
         <dd>Quay uses Stripe as our payment processor, so we can accept any of the payment options they offer, which are currently: Visa, MasterCard, American Express, JCB, Discover and Diners Club.</dd>
       </dl>

static/partials/repo-admin.html

@@ -10,7 +10,7 @@
   <div class="header">
     <a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="icon-chevron-left"></i></a>
     <h3>
-      <i class="icon-hdd icon-large"></i> <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}
+      <span class="repo-circle no-background" repo="repo"></span> <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}
     </h3>
    </div>
   

static/partials/repo-list.html

@@ -7,7 +7,7 @@
     <h3>Your Repositories</h3>
     <div ng-show="private_repositories.length > 0">
       <div class="repo-listing" ng-repeat="repository in private_repositories">
-        <i class="icon-hdd icon-large"></i>
+        <span class="repo-circle no-background" repo="repository"></span>
         <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
         <div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
       </div>
@@ -25,7 +25,7 @@
   <div class="repo-list">
     <h3>Top Public Repositories</h3>
     <div class="repo-listing" ng-repeat="repository in public_repositories">
-      <i class="icon-hdd icon-large"></i>
+      <span class="repo-circle no-background" repo="repository"></span>
       <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
       <div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
     </div>

static/partials/view-repo.html

@@ -10,10 +10,7 @@
   <!-- Repo Header -->
   <div class="header">
     <h3>
-      <span class="icon-container">
-        <i class="icon-lock icon-large" ng-show="!repo.is_public" title="Private Repository"></i>
-        <i class="icon-hdd icon-large"></i>
-      </span>
+      <span class="repo-circle" repo="repo"></span>
 
       <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}