Skip to content
This repository was archived by the owner on Apr 20, 2025. It is now read-only.

Commit d6607bb

Browse files
author
Volkert Paap
committed
Release 0.0.19 - website-src
1 parent d26c584 commit d6607bb

File tree

7 files changed

+198
-28
lines changed

7 files changed

+198
-28
lines changed

‎website/frontmen.js‎

Lines changed: 170 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
44
Build:
55
----------
6-
Version: 0.0.17
7-
Timestamp: Fri Nov 14 2014 15:20:10
6+
Version: 0.0.18
7+
Timestamp: Fri Nov 14 2014 16:11:28
88
----------*//*!
99
* Modernizr v2.8.3
1010
* www.modernizr.com
@@ -2034,7 +2034,12 @@ $(function () {
20342034

20352035
function initSkroller() {
20362036
var skr = skrollr.init({
2037-
forceHeight: false
2037+
forceHeight: false,
2038+
render: function(data) {
2039+
//Debugging - Log the current scroll position.
2040+
console.log(data.curTop);
2041+
}
2042+
20382043
});
20392044

20402045
skrollr.menu.init(skr, {});
@@ -2175,11 +2180,19 @@ $(function () {
21752180
return context;
21762181
}
21772182

2183+
function initSectionNav() {
2184+
var slides = document.querySelector('.page');
2185+
2186+
2187+
2188+
}
2189+
21782190
document.addEventListener('DOMContentLoaded', function () {
21792191
var context = detectContext();
21802192

21812193
if (context.type === 'lap') {
21822194
initSkroller();
2195+
initSectionNav();
21832196
}
21842197
googleMap();
21852198

@@ -2188,3 +2201,157 @@ $(function () {
21882201
});
21892202

21902203
}());
2204+
2205+
2206+
2207+
// var s = skrollr.init({
2208+
// forceHeight: false
2209+
// });
2210+
//
2211+
// // Get window size
2212+
// winH = $window.height();
2213+
//
2214+
// // Keep minimum height 550
2215+
// if(winH <= 550) {
2216+
// winH = 550;
2217+
// }
2218+
//
2219+
// // Resize our slides
2220+
// $slide.height(winH);
2221+
// $slideTall.height(winH*2);
2222+
// $slideTall2.height(winH*3);
2223+
//
2224+
// // Refresh Skrollr after resizing our sections
2225+
// s.refresh($('.homeSlide'));
2226+
//
2227+
//}
2228+
//
2229+
//function initHomepageNav(){
2230+
//
2231+
// var homeSlides = $('.homeSlide');
2232+
// var $slideContent = $('.hsContainer');
2233+
// var slidesCount = $(homeSlides).length;
2234+
// var activeSlide = 1;
2235+
//
2236+
// // Build HTML for Nav
2237+
// $('<div/>', {
2238+
// 'id' : 'slideNav'
2239+
// }).append($('<ul><li class="slideNavPrev"><a class="disabled" href="#" title="Go to previous slide"><span class="ico ico-up">↑</span></a></li><li><span id="activeSlide">'+activeSlide+'</span>/<span id="maxSlides">'+slidesCount+'</span></li><li class="slideNavNext"><a href="#" title="Go to next slide"><span class="ico ico-down">↓</span></a></li></ul>')).appendTo('body').delay(1200).fadeIn(duration);
2240+
//
2241+
// // Navigation highligting
2242+
// var $activeSlide = $('#activeSlide');
2243+
// var $maxSlides = $('#maxSlides');
2244+
// var $numberOfSlides = parseInt($maxSlides.text());
2245+
// var $slideNavNext = $('.slideNavNext');
2246+
// var $slideNavPrev = $('.slideNavPrev');
2247+
// var $slideNavNextA = $('.slideNavNext a');
2248+
// var $slideNavPrevA = $('.slideNavPrev a');
2249+
//
2250+
// // Highlight current section while scrolling DOWN
2251+
// homeSlides.waypoint(function(direction) {
2252+
// if (direction === 'down') {
2253+
// var index = $(this).index();
2254+
// var index = index+1;
2255+
// $activeSlide.text(index);
2256+
// showHideNavItems();
2257+
// }
2258+
// }, { offset: '50%' });
2259+
//
2260+
// // Highlight current section while scrolling UP
2261+
// homeSlides.waypoint(function(direction) {
2262+
// if (direction === 'up') {
2263+
// var index = $(this).index();
2264+
// var index = index+1;
2265+
// $activeSlide.text(index);
2266+
// showHideNavItems();
2267+
// }
2268+
// }, {
2269+
// offset: function() {
2270+
// // This is the calculation that would give you
2271+
// // "bottom of element hits middle of window"
2272+
// return $.waypoints('viewportHeight') / 2 - $(this).outerHeight();
2273+
// }
2274+
// });
2275+
//
2276+
// //Fade out unnecesary nav items
2277+
// function showHideNavItems(){
2278+
// var $activeSlideNumber = parseInt($activeSlide.text());
2279+
//
2280+
// if($activeSlideNumber == 1){
2281+
//
2282+
// $slideNavNextA.removeAttr('class');
2283+
// $slideNavPrev.animate({opacity: 0.25}).find('a').addClass('disabled');
2284+
//
2285+
// } else if ($activeSlideNumber == $numberOfSlides) {
2286+
//
2287+
// $slideNavPrevA.removeAttr('class');
2288+
// $slideNavNext.animate({opacity: 0.25}).find('a').addClass('disabled');
2289+
//
2290+
// } else {
2291+
//
2292+
// $slideNavNext.add($slideNavPrev).animate({opacity: 1});
2293+
// $slideNavNextA.add($slideNavPrevA).removeAttr('class');
2294+
//
2295+
// }
2296+
// }
2297+
//
2298+
// //Next slide
2299+
// $slideNavNext.click(function (e) {
2300+
// e.preventDefault();
2301+
// var index = parseInt($activeSlide.text());
2302+
// index++;
2303+
// if(index <= $numberOfSlides){
2304+
//
2305+
// scrollToSlide(index);
2306+
//
2307+
// }
2308+
// });
2309+
//
2310+
// //Prev slide
2311+
// $slideNavPrev.click(function (e) {
2312+
// e.preventDefault();
2313+
// var index = parseInt($activeSlide.text());
2314+
// index--;
2315+
// if(index > 0){
2316+
//
2317+
// scrollToSlide(index);
2318+
//
2319+
// }
2320+
// });
2321+
//
2322+
//
2323+
// function scrollToSlide(slideId){
2324+
//
2325+
// // Custom slide content offset
2326+
// var customSlideOffset = $("#slide-"+slideId).attr('data-content-offset');
2327+
//
2328+
//
2329+
// // Scroll to the top of a container if it doesn't have custom offset defined
2330+
// if(typeof customSlideOffset === 'undefined'){
2331+
//
2332+
// htmlbody.animate({scrollTop: ($("#slide-"+slideId).offset().top) + 'px'},'slow');
2333+
//
2334+
// } else {
2335+
//
2336+
// // Convert percentage 'eg. 25p' into pixels
2337+
// if(customSlideOffset.indexOf('p')!=-1) {
2338+
//
2339+
// var customSlideOffset = parseInt(customSlideOffset.split('p')[0]);
2340+
// var slideHeight = $slide.height();
2341+
//
2342+
// customSlideOffset = Math.ceil((slideHeight/100) * customSlideOffset);
2343+
//
2344+
// //console.log(slideHeight +' '+ customSlideOffset);
2345+
//
2346+
// htmlbody.animate({scrollTop: ($("#slide-"+slideId).offset().top + customSlideOffset) + 'px'},'slow');
2347+
//
2348+
// } else {
2349+
//
2350+
// var customSlideOffset = parseInt(customSlideOffset);
2351+
//
2352+
// htmlbody.animate({scrollTop: ($("#slide-"+slideId).offset().top + customSlideOffset) + 'px'},'slow');
2353+
//
2354+
// }
2355+
//
2356+
// }
2357+
// }

‎website/frontmen.min.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎website/frontmen.min.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎website/images/team/placeholder.png‎

10.2 KB
Loading

‎website/index.html‎

Lines changed: 23 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -223,73 +223,76 @@ <h1 class="heading--giant">KLM</h1>
223223
-->
224224
<!--// section: customers -->
225225

226-
227226
<!-- section: team -->
228227
<section class="page team page--pattern-inverse" id="team">
229228
<article>
230229
<h2>Ons team</h2>
231230
<section class="team_list">
232231
<ul class="team__row row1">
233-
<li class="person person--standing bob" id="bob">
232+
<li class="person person--standing remco" id="remco">
234233
<p class="selected-person"></p>
235234
</li>
236-
<li class="person person--standing danillo" id="danillo">
235+
<li class="person person--standing auke" id="auke">
237236
<p class="selected-person"></p>
238237
</li>
239-
<li class="person person--standing jac" id="jac">
238+
<li class="person person--standing bob" id="bob">
240239
<p class="selected-person"></p>
241240
</li>
242-
<li class="person person--standing job" id="job">
241+
<li class="person person--standing danillo" id="danillo">
243242
<p class="selected-person"></p>
244243
</li>
245-
<li class="person person--standing justus" id="justus">
244+
<li class="person person--standing dave" id="dave">
246245
<p class="selected-person"></p>
247246
</li>
248-
<li class="person person--standing lucas" id="lucas">
247+
<li class="person person--standing david" id="david">
249248
<p class="selected-person"></p>
250249
</li>
251-
<li class="person person--standing lucas" id="lucas">
250+
<li class="person person--standing jaco" id="jaco">
252251
<p class="selected-person"></p>
253252
</li>
254-
<li class="person person--standing lucas" id="lucas">
253+
<li class="person person--standing job" id="job">
255254
<p class="selected-person"></p>
256255
</li>
257-
<li class="person person--standing lucas" id="lucas">
256+
<li class="person person--standing justus" id="justus">
258257
<p class="selected-person"></p>
259258
</li>
260-
<li class="person person--standing lucas" id="sjors1">
259+
<li class="person person--standing linh" id="linh">
261260
<p class="selected-person"></p>
262261
</li>
263-
<li class="person person--standing lucas" id="sjors2">
262+
<li class="person person--standing lucas" id="lucas">
264263
<p class="selected-person"></p>
265264
</li>
266-
<li class="person person--standing lucas" id="sjors9">
265+
<li class="person person--standing mike" id="mike">
267266
<p class="selected-person"></p>
268267
</li>
269-
<li class="person person--standing ramin" id="ramin">
268+
<li class="person person--standing jac" id="jac">
270269
<p class="selected-person"></p>
271270
</li>
272271
</ul>
272+
273273
<ul class="team__row row2">
274-
<li class="person person--sitting randy" id="randy">
274+
<li class="person person--sitting oscar" id="oscar">
275275
<p class="selected-person"></p>
276276
</li>
277-
<li class="person person--sitting remco" id="remco">
277+
<li class="person person--sitting ramin" id="ramin">
278278
<p class="selected-person"></p>
279279
</li>
280280
<li class="person person--sitting remi" id="remi">
281281
<p class="selected-person"></p>
282282
</li>
283+
<li class="person person--sitting rick" id="rick">
284+
<p class="selected-person"></p>
285+
</li>
283286
<li class="person person--sitting robert" id="robert">
284287
<p class="selected-person"></p>
285288
</li>
286-
<li class="person person--sitting volkert" id="volkert">
289+
<li class="person person--sitting randy" id="randy">
287290
<p class="selected-person"></p>
288291
</li>
289-
<li class="person person--sitting volkert" id="sjors3">
292+
<li class="person person--sitting thomas" id="thomas">
290293
<p class="selected-person"></p>
291294
</li>
292-
<li class="person person--sitting volkert" id="sjors4">
295+
<li class="person person--sitting volkert" id="volkert">
293296
<p class="selected-person"></p>
294297
</li>
295298
<li class="person person--sitting you" id="you">
@@ -387,7 +390,7 @@ <h2>Contact</h2>
387390
<!-- section:events -->
388391
<section class="page events-ads" id="events-ads">
389392
<article class="ads">
390-
<h2>Ads</h2>
393+
<h2>Werken bij FrontMen</h2>
391394
<p>Werken bij FrontMen is onderdeel uitmaken van een cultuur op basis van vertrouwen en fun, geen regeltjes maar vrijheid. De dingen doen die we samen belangrijk vinden. En dat onder uitstekende voorwaarden. Klinkt wat we doen en hoe we werken interessant? Voor een kop koffie of lunch maken we altijd tijd.</p>
392395
<div class="linkedin-button">
393396
<script src="//platform.linkedin.com/in.js" type="text/javascript">

‎website/main.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎website/main.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)