Line 386: | Line 386: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
− | <div class="nodes"> | + | <div class="nodes" > |
<div class="line"> | <div class="line"> | ||
<div class="blue"> | <div class="blue"> | ||
Line 395: | Line 395: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node1"> |
<div class="topic"><p class="text_color"><a href="#titleA" style="text-decoration:none;color:#F3F7F7;">Overview</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleA" style="text-decoration:none;color:#F3F7F7;">Overview</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 408: | Line 408: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node2"> |
<div class="topic"><p class="text_color"><a href="#titleB" style="text-decoration:none;color:#F3F7F7;">Business Model</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleB" style="text-decoration:none;color:#F3F7F7;">Business Model</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 421: | Line 421: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node3"> |
<div class="topic"><p class="text_color"><a href="#titleC" style="text-decoration:none;color:#F3F7F7;">Marketing and Future</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleC" style="text-decoration:none;color:#F3F7F7;">Marketing and Future</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 436: | Line 436: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node4"> |
<div class="topic"><p class="text_color"><a href="#titleD" style="text-decoration:none;color:#F3F7F7;">Regulation</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleD" style="text-decoration:none;color:#F3F7F7;">Regulation</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 449: | Line 449: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node5"> |
<div class="topic"><p class="text_color"><a href="#titleE" style="text-decoration:none;color:#F3F7F7;">Business Competition</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleE" style="text-decoration:none;color:#F3F7F7;">Business Competition</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 463: | Line 463: | ||
− | <div class="node"> | + | <div class="node" id="node6"> |
<div class="topic"><p class="text_color"><a href="#titleF" style="text-decoration:none;color:#F3F7F7;">Sponsor</a></p></div> | <div class="topic"><p class="text_color"><a href="#titleF" style="text-decoration:none;color:#F3F7F7;">Sponsor</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 899: | Line 899: | ||
// Clicking the nodes... again, nothing special ;) | // Clicking the nodes... again, nothing special ;) | ||
$nodes.each( function( index ) { | $nodes.each( function( index ) { | ||
− | var $ | + | var $node1 = $( '#node1' ); |
− | $ | + | $node1.click( function() { |
$('html, body').animate({scrollTop: $('#titleA').offset().top-70}, 1000 ); | $('html, body').animate({scrollTop: $('#titleA').offset().top-70}, 1000 ); | ||
}) | }) | ||
− | var $nodeB = $( '# | + | var $nodeB = $( '#node2' ); |
$nodeB.click( function() { | $nodeB.click( function() { | ||
$('html, body').animate({scrollTop: $('#titleB').offset().top-70}, 1000 ); | $('html, body').animate({scrollTop: $('#titleB').offset().top-70}, 1000 ); | ||
}); | }); | ||
− | var $nodeC = $( '# | + | var $nodeC = $( '#node3' ); |
$nodeC.click( function() { | $nodeC.click( function() { | ||
$('html, body').animate({scrollTop: $('#titleC').offset().top-70}, 1000 ); | $('html, body').animate({scrollTop: $('#titleC').offset().top-70}, 1000 ); | ||
}); | }); | ||
− | var $nodeD = $( '# | + | var $nodeD = $( '#node4' ); |
$nodeD.click( function() { | $nodeD.click( function() { | ||
$('html, body').animate({ scrollTop:$('#titleD').offset().top-70}, 1000 ); | $('html, body').animate({ scrollTop:$('#titleD').offset().top-70}, 1000 ); | ||
}); | }); | ||
− | var $nodeE = $( '# | + | var $nodeE = $( '#node5'); |
$nodeE.click( function() { | $nodeE.click( function() { | ||
$('html, body').animate({scrollTop: $('#titleE').offset().top-70}, 1000 ); | $('html, body').animate({scrollTop: $('#titleE').offset().top-70}, 1000 ); | ||
}); | }); | ||
− | var $nodeF = $( "# | + | var $nodeF = $( "#node6"); |
$nodeF.click( function() { | $nodeF.click( function() { | ||
$('html, body').animate({ scrollTop:$("#titleF").offset().top-70}, 1000 ); | $('html, body').animate({ scrollTop:$("#titleF").offset().top-70}, 1000 ); |
Revision as of 15:02, 19 October 2016