Update the screenshots. Add a screenshot and some marketing copy for logging. Change the branding on the screenshot tabs to Quay.io.

screenshots/screenshots.js

@@ -136,7 +136,12 @@ casper.then(function() {
 casper.thenClick('a[data-target="#logs"]', function() {
   this.waitForSelector('svg > g', function() {
     this.wait(1000, function() {
-      this.capture(outputDir + 'org-logs.png');
+      this.capture(outputDir + 'org-logs.png', {
+        top: 0,
+        left: 0,
+        width: width,
+        height: height + 200
+      });
     });
   });
 });

static/partials/landing.html

@@ -85,7 +85,7 @@
   </div>
 
   <div class="tour-section row">
-    <div class="col-md-7"><img src="/static/img/user-home.png" title="User Home - Quay" data-screenshot-url="https://quay.io/" class="img-responsive"></div>
+    <div class="col-md-7"><img src="/static/img/user-home.png" title="User Home - Quay.io" data-screenshot-url="https://quay.io/" class="img-responsive"></div>
     <div class="col-md-5">
       <div class="tour-section-title">Customized for you</div>
       <div class="tour-section-description">
@@ -96,7 +96,7 @@
   </div>
 
   <div class="tour-section row">
-    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-view.png" title="Repository View - Quay" data-screenshot-url="https://quay.io/repository/devtable/complex" class="img-responsive"></div>
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-view.png" title="Repository View - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex" class="img-responsive"></div>
     <div class="col-md-5 col-md-pull-7">
       <div class="tour-section-title">Useful views of respositories</div>
       <div class="tour-section-description">
@@ -106,7 +106,7 @@
   </div>
 
   <div class="tour-section row">
-    <div class="col-md-7"><img src="/static/img/repo-changes.png" title="View Image - Quay" data-screenshot-url="https://quay.io/repository/devtable/image/..." class="img-responsive"></div>
+    <div class="col-md-7"><img src="/static/img/repo-changes.png" title="View Image - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/image/..." class="img-responsive"></div>
     <div class="col-md-5">
       <div class="tour-section-title">Docker diff in the cloud</div>
       <div class="tour-section-description">
@@ -116,7 +116,7 @@
   </div>
   
   <div class="tour-section row">
-    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-admin.png" title="Repository Admin - Quay" data-screenshot-url="https://quay.io/repository/devtable/complex/admin" class="img-responsive"></div>
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-admin.png" title="Repository Admin - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex/admin" class="img-responsive"></div>
     <div class="col-md-5 col-md-pull-7">
       <div class="tour-section-title">Share at your control</div>
       <div class="tour-section-description">

static/partials/organizations.html

@@ -43,7 +43,7 @@
 
     
     <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/org-repo-list.png" title="Repositories - Quay" data-screenshot-url="https://quay.io/repository/" class="img-responsive"></div>
+      <div class="col-md-7"><img src="/static/img/org-repo-list.png" title="Repositories - Quay.io" data-screenshot-url="https://quay.io/repository/" class="img-responsive"></div>
       <div class="col-md-5">
         <div class="tour-section-title">A central collection of repositories</div>
         <div class="tour-section-description">
@@ -57,7 +57,7 @@
     </div>
 
     <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-admin.png" title="buynlarge Admin - Quay" data-screenshot-url="https://quay.io/organization/buynlarge/admin" class="img-responsive"></div>
+      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-admin.png" title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge/admin" class="img-responsive"></div>
       <div class="col-md-5 col-md-pull-7">
         <div class="tour-section-title">Organization settings at a glance</div>
         <div class="tour-section-description">
@@ -73,8 +73,29 @@
     </div>
 
     <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/org-teams.png" title="buynlarge - Quay" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
+      <div class="col-md-7"><img src="/static/img/org-logs.png" title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
       <div class="col-md-5">
+        <div class="tour-section-title">Logging for comprehensive analysis</div>
+        <div class="tour-section-description">
+          Every time a user in your organization performs an action it is logged
+          and categorized in a way that allows for a complete understanding of
+          how your repositories have been accessed and modified. Each log entry
+          includes the action performed, the authorization which allowed the action
+          to occur, and additional relevant data such as the name of the item
+          which was modified or accessed.
+        </div>
+        <div class="tour-section-description">
+          For those times when you need full control when generating reports from
+          your logs, we also allow you to export your logs in JSON format. These
+          can be ingested by custom tooling solutions allowing you to visualize
+          reports in whatever format you require.
+        </div>
+      </div>
+    </div>
+
+    <div class="tour-section row">
+      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-teams.png" title="buynlarge - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
+      <div class="col-md-5 col-md-pull-7">
         <div class="tour-section-title">Teams simplify access controls</div>
         <div class="tour-section-description">
           Teams allow your organization to delegate access to your namespace and
@@ -94,8 +115,8 @@
     </div>
 
     <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-repo-admin.png" title="buynlarge/orgrepo - Quay" data-screenshot-url="https://quay.io/repository/buynlarge/orgrepo" class="img-responsive"></div>
+      <div class="col-md-7"><img src="/static/img/org-repo-admin.png" title="buynlarge/orgrepo - Quay.io" data-screenshot-url="https://quay.io/repository/buynlarge/orgrepo" class="img-responsive"></div>
-      <div class="col-md-5 col-md-pull-7">
+      <div class="col-md-5">
         <div class="tour-section-title">Fine-grained control of sharing</div>
         <div class="tour-section-description">
           Repositories that you create within your organization can be assigned