| Index: pages/jobs/index.tmpl | 
| =================================================================== | 
| copy from pages/jobs.tmpl | 
| copy to pages/jobs/index.tmpl | 
| --- a/pages/jobs.tmpl | 
| +++ b/pages/jobs/index.tmpl | 
| @@ -1,123 +1,41 @@ | 
| title=Working at Eyeo | 
|  | 
| -{# | 
| -  For each job opening you have to list the title and the name of the file under | 
| -  includes/jobs/openings that contains the job description. | 
| -#} | 
| -{% set openings = [ | 
| -  ("Account Manager USA/GB", "account-manager-usa-gb"), | 
| -  ("Senior JavaScript Developer", "senior-javascript-developer"), | 
| -  ("Senior Web Developer", "senior-web-developer"), | 
| -  ("Android Developer", "android-developer"), | 
| -  ("PR Intern", "pr-intern"), | 
| -  ("Business Development Manager", "business-development-manager"), | 
| -  ("Student Help Communications", "student-help-communications"), | 
| -  ("Data Scientist", "data-scientist"), | 
| -  ("Software Tester", "software-tester"), | 
| -] %} | 
| -{% set german_openings = [] %} | 
| +<head> | 
| +  <script src="/js/jquery.ui.core.min.js"></script> | 
| +  <script src="/js/jquery.ui.widget.min.js"></script> | 
| +  <script src="/js/jquery.ui.tabs.min.js"></script> | 
| +  <script> | 
| +    jQuery(function() | 
| +    { | 
| +      jQuery("#tabs-details").tabs(); | 
| +    }); | 
| +  </script> | 
| +</head> | 
|  | 
| -<script src="/js/jquery.ui.core.min.js"></script> | 
| -<script src="/js/jquery.ui.widget.min.js"></script> | 
| -<script src="/js/jquery.ui.tabs.min.js"></script> | 
| -<script> | 
| -  jQuery(function() | 
| -  { | 
| -    jQuery( | 
| -      "ul:first", jQuery("#tabs-openings").tabs( | 
| -      { | 
| -        activate: function(event, ui) | 
| -        { | 
| -          var hash = ui.newTab.find("a")[0].hash; | 
| -          if (hash != "#jobs-overview") | 
| -            location.hash = hash; | 
| -          window.scrollTo(0, 0); | 
| -        } | 
| -      }) | 
| -    ).addClass("ui-tabs-nav-vertical"); | 
| +<? include jobs/header ?> | 
|  | 
| -    jQuery("#tabs-details").tabs(); | 
| +<div id="jobs-overview"> | 
| +  <? include jobs/overview ?> | 
|  | 
| -    jQuery(window).on("hashchange", function() | 
| -    { | 
| -      var hash = location.hash != "" ? location.hash : "#jobs-overview"; | 
| -      var escapedHash = hash.replace(/\+/g, "\\+"); | 
| -      jQuery("[href=" + escapedHash + "]").click(); | 
| -    }); | 
| +  <div id="tabs-details"> | 
| +    <ul> | 
| +      <li><a href="#why">Why work with us?</a></li> | 
| +      <li><a href="#benefits">Employee benefits</a></li> | 
| +      <li><a href="#office">Our office</a></li> | 
| +    </ul> | 
|  | 
| -    setTimeout(function() { window.scrollTo(0, 0); }, 0); | 
| -  }); | 
| -</script> | 
| - | 
| - | 
| -<header class="page-title"> | 
| -  <h1>Working at Eyeo</h1> | 
| -</header> | 
| - | 
| -<div id="jobs-info" class="content-block"> | 
| -  <div id="tabs-openings" class="columns-container one-sidebar"> | 
| -    <div class="column sidebar-left"> | 
| -      <h3 class="heading centered"><span>Current openings:</span></h3> | 
| - | 
| -      <ul> | 
| -        <li id="jobs-overview-tab"><a href="#jobs-overview"></a></li> | 
| -        {% for title, file in openings %} | 
| -          <li> | 
| -            <a href="#{{ title|slugify }}"> | 
| -              {{ title }} | 
| -              {% if file in german_openings %} | 
| -                <img src="/images/flags/de.png" alt="German" width="15" height="10"> | 
| -              {% endif %} | 
| -            </a> | 
| -          </li> | 
| -        {% endfor %} | 
| -      </ul> | 
| - | 
| -      <p id="hiring-badges"> | 
| -        <img id="ihk-logo" src="/images/ihk.png" alt="IHK Ausbildungsbetrieb" width="120" height="80"> | 
| -        <img id="fair-company-logo" src="/images/fair-company.jpg" alt="Fair Company" height="80"> | 
| -      </p> | 
| - | 
| -      <p> | 
| -        <? include jobs/contact ?> | 
| -      </p> | 
| +    <div id="why"> | 
| +      <? include jobs/why ?> | 
| </div> | 
|  | 
| -    <div class="column"> | 
| -      <div id="panels-openings"> | 
| -        <div id="jobs-overview"> | 
| -          <? include jobs/overview ?> | 
| +    <div id="benefits"> | 
| +      <? include jobs/benefits ?> | 
| +    </div> | 
|  | 
| -          <div id="tabs-details"> | 
| -            <ul> | 
| -              <li><a href="#why">Why work with us?</a></li> | 
| -              <li><a href="#benefits">Employee benefits</a></li> | 
| -              <li><a href="#office">Our office</a></li> | 
| -            </ul> | 
| - | 
| -            <div id="why"> | 
| -              <? include jobs/why ?> | 
| -            </div> | 
| - | 
| -            <div id="benefits"> | 
| -              <? include jobs/benefits ?> | 
| -            </div> | 
| - | 
| -            <div id="office"> | 
| -              <? include jobs/office ?> | 
| -            </div> | 
| -          </div> | 
| -        </div> | 
| - | 
| -        {% for title, file in openings %} | 
| -          <div id="{{ title|slugify }}"> | 
| -            <h2>{{ title }}</h2> | 
| -            <? include jobs/openings/{{ file }} ?> | 
| -            <a href="mailto:jobs@eyeo.com"><button>apply now</button></a> | 
| -            <a href="#jobs-overview"><button class="why-work-here-button">why work here?</button></a> | 
| -          </div> | 
| -        {% endfor %} | 
| -      </div> | 
| +    <div id="office"> | 
| +      <? include jobs/office ?> | 
| </div> | 
| </div> | 
| </div> | 
| + | 
| +<? include jobs/footer ?> | 
|  |