Side by Side Diff: pages/jobs/index.tmpl
Issue 5994668214976512:
Issue 662 - Job links shouldn't use anchors (Closed)
Patch Set:
Created March 19, 2015, 5:32 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« pages/jobs/data-scientist.md ('k')
|
pages/jobs/not-available.md » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 title=Working at Eyeo | 1 title=Working at Eyeo |
| 2 | 2 |
| 3 {# | 3 <head> |
| 4 For each job opening you have to list the title and the name of the file under | 4 <script src="/js/jquery.ui.core.min.js"></script> |
| 5 includes/jobs/openings that contains the job description. | 5 <script src="/js/jquery.ui.widget.min.js"></script> |
| 6 #} | 6 <script src="/js/jquery.ui.tabs.min.js"></script> |
| 7 {% set openings = [ | 7 <script> |
| 8 ("Account Manager USA/GB", "account-manager-usa-gb"), | 8 jQuery(function() |
| 9 ("Senior JavaScript Developer", "senior-javascript-developer"), | 9 { |
| 10 ("Senior Web Developer", "senior-web-developer"), | 10 jQuery("#tabs-details").tabs(); |
| 11 ("Android Developer", "android-developer"), | 11 }); |
| 12 ("PR Intern", "pr-intern"), | 12 </script> |
| 13 ("Business Development Manager", "business-development-manager"), | 13 </head> |
| 14 ("Student Help Communications", "student-help-communications"), | |
| 15 ("Data Scientist", "data-scientist"), | |
| 16 ("Software Tester", "software-tester"), | |
| 17 ] %} | |
| 18 {% set german_openings = ["senior-systemadministrator", "buchhalter", "account-m anager-de"] %} | |
| 19 | 14 |
| 20 <script src="/js/jquery.ui.core.min.js"></script> | 15 <? include jobs/generic-header ?> |
| 21 <script src="/js/jquery.ui.widget.min.js"></script> | |
| 22 <script src="/js/jquery.ui.tabs.min.js"></script> | |
| 23 <script> | |
| 24 jQuery(function() | |
| 25 { | |
| 26 jQuery( | |
| 27 "ul:first", jQuery("#tabs-openings").tabs( | |
| 28 { | |
| 29 activate: function(event, ui) | |
| 30 { | |
| 31 var hash = ui.newTab.find("a")[0].hash; | |
| 32 if (hash != "#jobs-overview") | |
| 33 location.hash = hash; | |
| 34 window.scrollTo(0, 0); | |
| 35 } | |
| 36 }) | |
| 37 ).addClass("ui-tabs-nav-vertical"); | |
| 38 | 16 |
| 39 jQuery("#tabs-details").tabs(); | 17 <div id="jobs-overview"> |
| 18 <? include jobs/overview ?> | |
| 40 | 19 |
| 41 jQuery(window).on("hashchange", function() | 20 <div id="tabs-details"> |
| 42 { | 21 <ul> |
| 43 var hash = location.hash != "" ? location.hash : "#jobs-overview"; | 22 <li><a href="#why">Why work with us?</a></li> |
| 44 var escapedHash = hash.replace(/\+/g, "\\+"); | 23 <li><a href="#benefits">Employee benefits</a></li> |
| 45 jQuery("[href=" + escapedHash + "]").click(); | 24 <li><a href="#office">Our office</a></li> |
| 46 }); | 25 </ul> |
| 47 | 26 |
| 48 setTimeout(function() { window.scrollTo(0, 0); }, 0); | 27 <div id="why"> |
| 49 }); | 28 <? include jobs/why ?> |
| 50 </script> | |
| 51 | |
| 52 | |
| 53 <header class="page-title"> | |
| 54 <h1>Working at Eyeo</h1> | |
| 55 </header> | |
| 56 | |
| 57 <div id="jobs-info" class="content-block"> | |
| 58 <div id="tabs-openings" class="columns-container one-sidebar"> | |
| 59 <div class="column sidebar-left"> | |
| 60 <h3 class="heading centered"><span>Current openings:</span></h3> | |
| 61 | |
| 62 <ul> | |
| 63 <li id="jobs-overview-tab"><a href="#jobs-overview"></a></li> | |
| 64 {% for title, file in openings %} | |
| 65 <li> | |
| 66 <a href="#{{ title|slugify }}"> | |
| 67 {{ title }} | |
| 68 {% if file in german_openings %} | |
| 69 <img src="/images/flags/de.png" alt="German" width="15" height=" 10"> | |
| 70 {% endif %} | |
| 71 </a> | |
| 72 </li> | |
| 73 {% endfor %} | |
| 74 </ul> | |
| 75 | |
| 76 <p id="hiring-badges"> | |
| 77 <img id="ihk-logo" src="/images/ihk.png" alt="IHK Ausbildungsbetrieb" wi dth="120" height="80"> | |
| 78 <img id="fair-company-logo" src="/images/fair-company.jpg" alt="Fair Com pany" height="80"> | |
| 79 </p> | |
| 80 | |
| 81 <p> | |
| 82 <? include jobs/contact ?> | |
| 83 </p> | |
| 84 </div> | 29 </div> |
| 85 | 30 |
| 86 <div class="column"> | 31 <div id="benefits"> |
| 87 <div id="panels-openings"> | 32 <? include jobs/benefits ?> |
| 88 <div id="jobs-overview"> | 33 </div> |
| 89 <? include jobs/overview ?> | |
| 90 | 34 |
| 91 <div id="tabs-details"> | 35 <div id="office"> |
| 92 <ul> | 36 <? include jobs/office ?> |
| 93 <li><a href="#why">Why work with us?</a></li> | |
| 94 <li><a href="#benefits">Employee benefits</a></li> | |
| 95 <li><a href="#office">Our office</a></li> | |
| 96 </ul> | |
| 97 | |
| 98 <div id="why"> | |
| 99 <? include jobs/why ?> | |
| 100 </div> | |
| 101 | |
| 102 <div id="benefits"> | |
| 103 <? include jobs/benefits ?> | |
| 104 </div> | |
| 105 | |
| 106 <div id="office"> | |
| 107 <? include jobs/office ?> | |
| 108 </div> | |
| 109 </div> | |
| 110 </div> | |
| 111 | |
| 112 {% for title, file in openings %} | |
| 113 <div id="{{ title|slugify }}"> | |
| 114 <h2>{{ title }}</h2> | |
| 115 <? include jobs/openings/{{ file }} ?> | |
| 116 <a href="mailto:jobs@eyeo.com"><button>apply now</button></a> | |
| 117 <a href="#jobs-overview"><button class="why-work-here-button">why wo rk here?</button></a> | |
| 118 </div> | |
| 119 {% endfor %} | |
| 120 </div> | |
| 121 </div> | 37 </div> |
| 122 </div> | 38 </div> |
| 123 </div> | 39 </div> |
| 40 | |
| 41 <? include jobs/generic-footer ?> | |
| OLD | NEW |
« no previous file with comments
|
« pages/jobs/data-scientist.md ('k')
|
pages/jobs/not-available.md » ('j')
|
no next file with comments »
