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 |