Separate orgs with no listed leaders

This will filter orgs with no listed leaders
and put them at the bottom of the page

Closes coala#17

generate.js

@@ -12,11 +12,18 @@ ncp('static', 'out/static', err => {
   }
 })
 
+const noLeader = []
+const withLeader = orgs.filter(org => {
+  if (!org.leaders.length) noLeader.push(org)
+  return org.leaders.length
+})
+
 fs.writeFileSync(
   'out/index.html',
   Mustache.render(fs.readFileSync('templates/main.html').toString(), {
-    orgs,
+    withLeader,
     datetime,
     rootURL,
+    noLeader,
   })
 )

templates/main.html

@@ -22,7 +22,7 @@ <h1>Google Code-in 2017 Current Leaders</h1>
       The leading participants for each organization are listed randomly. 
     </i>
     <div class="orgs">
-      {{#orgs}}
+      {{#withLeader}}
         <div class="org">
           <h3>
             <a href="https://codein.withgoogle.com/organizations/{{slug}}">
@@ -47,8 +47,32 @@ <h3>
             {{/leaders}}
           </ul>
         </div>
-      {{/orgs}}
+      {{/withLeader}}
     </div>
+    {{#noLeader.length}}
+      <h3>Organization(s) with no listed leaders</h3>
+      <hr>
+      <div class="orgs">
+        {{#noLeader}}
+          <div class="org">
+            <h3>
+              <a href="https://codein.withgoogle.com/organizations/{{slug}}">
+                {{name}}
+              </a>
+              <p>Task Completed: {{completed_task_instance_count}}</p>
+              {{#github}}
+              <a href="https://github.com/{{github}}">
+                <img
+                  src="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png"
+                  height="18"
+                />
+              </a>
+              {{/github}}
+            </h3>
+          </div>
+        {{/noLeader}}
+      </div>
+    {{/noLeader.length}}
     <footer>
       <small>Google Code-in and the Google Code-in logo are trademarks of Google Inc.</small>
     </footer>