Redo the landing page to:

- Show the user's top repos if they have any
  - Show a link to the guide and the repos list if they do not

- Add a getting starting guide
- Redo the repos list to show the user's repos and the top 10 public repos separately

static/css/quay.css

@@ -62,6 +62,19 @@
   margin-bottom: 20px;
 }
 
+.landing .welcome-message {
+  text-align: center;
+}
+
+.landing .welcome-message .sub-message {
+  margin-top: 16px;
+}
+
+.landing .welcome-message .gravatar {
+  display: inline-block;
+  border: 1px solid #94C9F7;
+}
+
 .landing .sub-message b {
   color: #94C9F7;  
 }
@@ -136,6 +149,32 @@ background: linear-gradient(to bottom,  #141414 0%,transparent 15%,transparent 8
   z-index: 1;
 }
 
+.landing .options {
+  display: inline-block;
+  padding: 10px;
+  margin-top: 20px;
+}
+
+.landing .options .option {
+}
+
+.landing .options .or {
+  margin: 14px;
+  text-align: center;
+}
+
+.landing .options .or span {
+  display: inline-block;
+  border-radius: 50%;
+  background: #444;
+  padding: 6px;
+  width: 48px;
+  height: 48px;
+  line-height: 36px;
+  text-transform: uppercase;
+  text-align: center;
+}
+
 .landing-footer {
   padding: 20px;
 
@@ -392,6 +431,9 @@ p.editable:hover i {
   text-decoration: none !important;
 }
 
+.repo-list {
+  margin-bottom: 40px;
+}
 
 .repo-listing {
   display: block;
@@ -400,6 +442,15 @@ p.editable:hover i {
   padding: 10px;
 }
 
+.repo-listing:last-child {
+  border-bottom: 0px;
+}
+
+.landing .repo-listing {
+  border-bottom: 0px;
+  margin-bottom: 0px;
+}
+
 .repo-listing a {
   font-size: 1.5em;
 }