Update homepage

TailorDev · Feb 5, 2017 · 02ccca1 · 02ccca1
1 parent 456f905
commit 02ccca1
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 22 deletions.
diff --git a/public/css/assignees/_home.scss b/public/css/assignees/_home.scss
@@ -27,3 +27,8 @@
     width: 1000px;
   }
 }
+
+.big-picture {
+  margin-top: 5%;
+  margin-bottom: 5%;
+}
diff --git a/public/images/enable-a-project.png b/public/images/enable-a-project.png
diff --git a/public/images/pr-review-request.png b/public/images/pr-review-request.png
diff --git a/views/_faq.pug b/views/_faq.pug
@@ -46,20 +46,6 @@ div(
       | and code reviews became our silver bullet to involve them. People become more
       | engaged and efficient when you trust them, you should try!
 
-  +faq-entry('how', 'How does that work?')
-    p.text-justify
-      | #[+project-name] registers a #[a(href='https://developer.github.com/webhooks/') webhook]
-      | on each project you decide to enable in your personal interface. This hook allows
-      | #[+project-name] to be notified when a new Pull Request is opened. Then,
-      | #[+project-name] selects and assigns the reviewers for this Pull Request,
-      | among a list of potential reviewers. You can configure the upper limit of
-      | reviewers to assign, and #[+project-name] will do her best to assign them.
-    p.text-justify
-      | This selection looks at the changes in the Pull Request and look back into
-      | the history to find the best reviewers, #[em i.e.] the people who contributed
-      | to similar parts of the patch proposed within the Pull Request.
-      | This algorithm is constantly evolving to provide you the best experience.
-
   +faq-entry('scopes', 'Why do you ask for GitHub permissions when I sign in?')
     p.text-justify
       | When you sign in to #[+project-name], we ask for permissions to access

diff --git a/views/home.pug b/views/home.pug
@@ -14,7 +14,7 @@ block content
   .row
     .col-md-12
       h3.text-center
-        | Involve your collaborators with automatic code review requests.
+        | Introduce better code reviews in your workflow with automatic reviewers selection.
 
   if !user
     .row
@@ -27,19 +27,42 @@ block content
     +feature('Seamless integration', 'magic')
       p.text-justify
         | #[+project-name] integrates seamlessly with GitHub, using the built-in
-        | review request system. #[strong Enable your project] in #[+project-name]
-        | and we take care of the rest.
+        | review request system. #[strong Enable your project] and #[+project-name]
+        | takes care of the rest.
+      p.text-justify
+        | A #[a(href='https://developer.github.com/webhooks/') webhook] is
+        | registered on each project you decide to enable in #[+project-name].
+        | This hook allows #[+project-name] to be notified when a new
+        | Pull Request (PR) is opened.
 
     +feature('Automatic', 'refresh')
       p.text-justify
-        | #[+project-name] listens to GitHub events. When a Pull Request is opened,
-        | #[+project-name] #[strong automatically select the right reviewers] and request
-        | #[a(href='https://help.github.com/articles/requesting-a-pull-request-review/') pull request reviews].
+        | When a Pull Request (PR) is opened, #[+project-name] #[strong automatically select the right reviewers]
+        | and request #[a(href='https://help.github.com/articles/requesting-a-pull-request-review/') pull request reviews].
+      p.text-justify
+        | The selection is based on a list of potential reviewers #[+project-name] builds.
+        | You can configure the upper limit of reviewers to pick in this list.
+
     +feature('Smart', 'random')
       p.text-justify
            | #[+project-name] chooses the best reviewers by looking at the Pull
-        | Request that you have just received. #[strong Do not worry] about
-        | bothering the wrong people.
+        | Request (PR) that you have just received. #[strong Do not worry about bothering the wrong people].
+      p.text-justify
+        | #[+project-name] looks back into the project's history to find the best reviewers,
+        | #[em i.e.] the #[strong people who contributed] to similar parts of the patch proposed
+        | within the PR.
+
+  hr
+  .row.big-picture
+    .col-sm-4.col-sm-offset-1
+      h4.text-center 1. Enable a project
+      img(src='/images/enable-a-project.png', class='img-responsive')
+
+    .col-sm-4.col-sm-offset-1
+      h4.text-center 2. Get reviewers assigned automatically
+      br
+      br
+      img(src='/images/pr-review-request.png', class='img-responsive')
 
   hr
   .row