| 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() |
|
Sebastian Noack
2015/03/23 10:45:21
Now, where every job opening is an own page, I thi
saroyanm
2015/03/23 10:59:13
Actually we have tabs on this page that rely on Jq
|
| + { |
| + 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 ?> |