contact page + don't jump on initial page load

Author: AshKyd

app/app.js

@@ -9,10 +9,13 @@ var md = require('markdown-it')({
 });
 
 function templateContent(selector, allIssues, label){
-  const issues = allIssues.filter(function(data){
-    const foundLabel = !!data.labels.map(a => a.name).includes(label);
-    return foundLabel;
-  });
+  let issues = allIssues;
+  if(label){
+    issues = allIssues.filter(function(data){
+      const foundLabel = !!data.labels.map(a => a.name).includes(label);
+      return foundLabel;
+    });
+  }
   const templateElement = document.querySelector(selector);
   const template = Handlebars.compile(templateElement.innerHTML);
   const output = template(issues);
@@ -21,7 +24,7 @@ function templateContent(selector, allIssues, label){
   templateElement.parentNode.appendChild(element);
 }
 
-function hashChange(){
+function hashChange(options){
   const hash = window.location.hash.substring(1) || 'home';
   Array.from(document.querySelectorAll('[data-page]')).forEach(page => {
     const thisHash = page.dataset.page;
@@ -35,7 +38,7 @@ function hashChange(){
       links[0].className = links[0].className.replace(/active/, '');
       links[1].className = links[1].className.replace(/active/, '');
     }
-    document.body.scrollTop = 0;
+    if(options.jump !== false) document.body.scrollTop = 0;
     document.body.className = hash;
   });
 }
@@ -71,9 +74,17 @@ function init(){
       templateContent('#template-talksrequested', issues, 'Talk Requests');
     });
 
-    $('.ui.sidebar')
-      .sidebar('attach events', '.toc.item');
-    hashChange();
+  const contacts = require('../data/contact');
+  templateContent('#template-contact', contacts, '');
+
+  // initialize semantic ui sidebar
+  $('.ui.sidebar')
+    .sidebar('attach events', '.toc.item');
+
+  // set the pages ups
+  hashChange({
+    jump: false
+  });
 }
 
 window.addEventListener('hashchange', hashChange);

index.html

@@ -206,6 +206,44 @@ <h3 class="ui header">Post a Job</h3>
 {{/each}}
 </script>
 	</div>
+
+  <div data-page="contact">
+    <div class="ui vertical stripe segment">
+      <div class="ui stackable grid container">
+        <div class="row">
+          <div class="eleven wide column">
+  <script id="template-contact" type="text/x-handlebars-template">
+    <div class="ui cards">
+  {{#each this}}
+    <div class="ui card">
+      <div class="image">
+        <img alt="" class="right floated mini ui image" src="{{photo}}">
+      </div>
+      <div class="content">
+        <div class="header">{{name}}</div>
+        <div class="meta">{{role}}</div>
+        <div class="description">{{bio}}</div>
+      </div>
+      <div class="extra content">
+        <a class="right floated" title="Twitter account for {{name}}" href="{{twitter}}">
+          <img src="https://abs.twimg.com/icons/apple-touch-icon-192x192.png" alt="" width="24" height="24">
+        </a>
+        <a class="email" href="mailto:{{email}}">{{email}}</a>
+      </div>
+    </div>
+  {{/each}}
+</div>
+  </script>
+  </div>
+  <div class="five wide column">
+    <h2>Get in touch</h2>
+    <p>Whether you're looking to submit a talk, make an announcement,
+      organize to sponsor us, or otherwise have a query, please feel free
+      to contact us.</p>
+  </div>
+</div>
+</div>
+</div>
 </div>
 <div class="ui inverted vertical footer segment">
     <div class="ui container">
@@ -216,6 +254,7 @@ <h4 class="ui inverted header">About</h4>
             <a class="page-home active item" href="#">BrisJS</a>
             <a class="page-present item" href="#present">Present a talk</a>
             <a class="page-jobs item" href="#jobs">Find a job</a>
+            <a class="page-contact item" href="#contact">Contact</a>
           </div>
         </div>
         <div class="three wide column">