More hacking

_layouts/plugin.html

@@ -2,17 +2,19 @@
 layout: default
 ---
 
-<div class="border-bottom bg-brand-blue-light">
+<div class="border-bottom bg-gray-dark text-white">
   <div class="container-lg px-3">
-    <div class="py-3 clearfix">
-      <h1 class="h3 float-left">
-        <img src="/assets/probot-head.png" width="32" alt="">
-        <strong class="">Probot</strong>
+    <div class="py-4 d-flex d-flex-row">
+      <h1 class="alt-h5 col-4 lh-default v-align-middle">
+        <a href="/" class="no-underline text-uppercase text-inherit">
+          <img style="margin: -12px 8px -10px 0;" src="/assets/probot-head.png" height="36" alt="">
+          Probot
+        </a>
       </h1>
-      <nav class="text-bold d-block float-right">
-        <a class="text-inherit px-2 d-inline-block" href="#">Explore</a>
-        <a class="text-inherit px-2 d-inline-block" href="#">Build</a>
-        <a class="text-inherit px-2 d-inline-block" href="#">Contribute</a>
+      <nav class="text-bold col-8 text-right">
+        <a class="text-inherit px-2 d-inline-block" href="/#explore">Explore</a>
+        <a class="text-inherit px-2 d-inline-block" href="/#build">Build</a>
+        <a class="text-inherit px-2 d-inline-block" href="https://github.com/probot/probot">Contribute</a>
       </nav>
     </div>
   </div>
@@ -21,8 +23,9 @@ layout: default
 <div class="border-bottom">
   <div class="container-lg px-3 jumbotron jumbotron-minitron">
     <div class="d-flex d-flex-row gutter-spacious flex-items-center">
-      <div class="flex-column col-3 text-center cover position-relative rounded-2"
-           style="background-image: url({{ page.background }}); background-size: cover; background-position: center;">
+      <div class="flex-column col-3 text-center">
+        <div class="cover rounded-2"
+           style="background-image: url({{ page.background }}); background-size: cover; background-position: center;"></div>
       </div>
       <div class="flex-column col-7">
         <h1 class="alt-h1 lh-condensed-ultra">{{ page.title }}</h1>
@@ -31,7 +34,6 @@ layout: default
       <div class="flex-column col-2 text-right">
         <a class="btn btn-primary btn-large" href="https://github.com/apps/{{ page.slug }}/installations/new">Install</a>
       </div>
-
     </div>
   </div>
 </div>
@@ -61,7 +63,12 @@ layout: default
         {% endfor %}
 
         <h4 class="mt-4 alt-h4 text-gray">About</h4>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
+        <p>
+          <span class="text-gray-light">Author:</span>
+          <img class="avatar" src="https://github.com/{{ page.author }}.png" height="26">
+          <span class="text-bold text-inherit">@{{ page.author }}</span>
+        </p>
         <p><span class="text-gray-light">Updated:</span> June 12, 2017</p>
         <p><strong>{{ page.installs | default: 0 }}</strong> <span class="text-gray-light">installs</span></p>
         <p><strong>{{ page.stars | default: 0 }}</strong> <span class="text-gray-light">stars</span></p>

_plugins/dco.md

@@ -1,6 +1,6 @@
 ---
 title: Certificate of Origin
-description: enforce the DCO on Pull Requests
+description: Enforce the DCO on Pull Requests
 slug: dco
 octicon: law
 color: 89A4C7

_plugins/settings.md

@@ -1,10 +1,10 @@
 ---
 title: Settings
 description: Pull Requests for repository settings
-slug: configurer
+slug: settings
 octicon: gear
 color: F0B446
-background: http://media.istockphoto.com/vectors/bright-yellow-and-grey-office-or-waiting-room-vector-id534481994
+background: http://media.istockphoto.com/vectors/human-hands-clapping-vector-id610140086
 topics:
 - administration
 ---

_plugins/snooze.md

@@ -0,0 +1,8 @@
+---
+title: Snooze
+description: Temporarily close Issues and Pull Requests
+slug: snooze
+color: D96858
+background: http://media.istockphoto.com/vectors/working-vector-id515684016
+author: jbjonesjr
+---

_plugins/stale.md

@@ -1,6 +1,6 @@
 ---
 title: Stale
-description: close stale Issues and Pull Requests
+description: Close stale Issues and Pull Requests
 slug: probot-stale
 octicon: clock
 color: DAECE3
@@ -17,6 +17,7 @@ organizations:
 - exercism
 - github
 - npm
+author: github
 ---
 
 After installing the integration, create `.github/stale.yml` in the default branch to enable it:

_sass/colors.scss

@@ -1,8 +1,8 @@
-$brand: (red, #DE513E),
-        (blue, #4CACD5),
-        (blue-dark, darken(#4CACD5, 45%)),
-        (blue-light, lighten(#B7DDE3, 15%)),
-        (orange, #F2BE6D);
+$brand: (red, #EF4136),
+        (blue, #00B0D8),
+        (blue-dark, darken(#00B0D8, 25%)),
+        (blue-light, lighten(#AFDFE4, 15%)),
+        (orange, #FCBA63);
 
 @each $name, $color in $brand {
   .bg-brand-#{"" + $name} {

index.html

@@ -1,23 +1,23 @@
 ---
 layout: default
 ---
-<div class="bg-brand-blue-light border-bottom">
+<div class="bg-gray-dark text-white border-bottom">
   <div class="container-lg px-3">
-    <div class="py-3 clearfix">
+    <div class="py-4 clearfix">
       <nav class="text-bold d-block float-right">
-        <a class="text-inherit px-2 d-inline-block" href="#">Explore</a>
-        <a class="text-inherit px-2 d-inline-block" href="#">Build</a>
-        <a class="text-inherit px-2 d-inline-block" href="#">Contribute</a>
+        <a class="text-inherit px-2 d-inline-block" href="/#explore">Explore</a>
+        <a class="text-inherit px-2 d-inline-block" href="/#build">Build</a>
+        <a class="text-inherit px-2 d-inline-block" href="https://github.com/probot/probot">Contribute</a>
       </nav>
     </div>
 
-    <header class="jumbotron ">
+    <header class="py-6">
       <div class="pb-0 pt-md-4 py-lg-6">
         <div class="d-flex flex-items-center flex-justify-center">
-          <div class="flex-column col-2">
-            <img style="max-width:90%;" src="/assets/logo.png">
+          <div class="flex-column col-3 text-right pr-4">
+            <img height="175" src="/assets/logo.png">
           </div>
-          <div class="flex-column col-10">
+          <div class="flex-column col-9">
             <h1 class="alt-h1 mt-md-4 mb-3 mx-2 lh-condensed">
               Stop relying on a human<br>
               to do the work of a robot.
@@ -29,13 +29,15 @@ layout: default
     </header>
   </div>
 </div>
-<div>
-  <div class="container-lg py-6">
-    <div class="columns">
-      {% for plugin in site.plugins %}
-        <div class="column one-third  anim-fade-in mb-4">
-          <a href="{{ plugin.url }}" class="d-block bg-white rounded-1 box-shadow border text-inherit no-underline"
-              style="background-color: #{{ plugin.color }}">
+<div id="explore">
+  <div class="container-lg px-3 py-6">
+    <h2 class="alt-h2 text-center">Explore</h2>
+    <p class="alt-lead text-center">Find all the things to do all the things.</p>
+
+    <div class="d-md-flex flex-wrap gutter flex-auto">
+      {% for plugin in site.plugins limit:6 %}
+        <div class="flex-column col-lg-4 col-md-6 anim-fade-in mb-3 mt-3">
+          <a href="{{ plugin.url }}" class="d-block bg-white rounded-1 box-shadow border text-inherit no-underline" style="height:100%">
             <div class="cover text-center position-relative p-4">
               <div class="cover-bg" style="background-image: url({{ plugin.background }});"></div>
             </div>
@@ -48,8 +50,8 @@ layout: default
   </div>
 </div>
 
-<div class="border-top bg-gray-light featurette">
-  <div class="container-lg">
+<div id="build" class="border-top bg-gray-light featurette">
+  <div class="container-lg px-3">
     <h2 class="alt-h1 text-center">Build your own bot</h2>
     <p class="alt-lead text-center mb-6">Something about how easy it is to get started.</p>