Difference between revisions of "Team:ATOMS-Turkiye/Team/ATOMss"

(Created page with "{{ATOMS-Turkiye/Test}} <html> <div id="page-wrapper"> <style> h6 { font-weight:0 } #content-div{ width: 95% !important; height: auto !important; margin: auto;...")
 
 
(3 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
margin-top:0px !important
 
margin-top:0px !important
 
}
 
}
{{ATOMS-Turkiye/Test}}
 
<html>
 
  
<div id="page-wrapper">
 
 
<style>
 
h6 {
 
font-weight:0
 
}
 
#content-div{
 
    width: 95% !important;
 
    height: auto !important;
 
    margin: auto;
 
    padding: 0px;
 
    margin-top: 30px !important;
 
}
 
#page-wrapper {
 
margin-top:0px !important
 
}
 
.scroll-nav, .scroll {
 
display:none
 
}
 
 
</style>
 
</style>
 
<div class="main">  
 
<div class="main">  
Line 92: Line 71:
 
</div>
 
</div>
  
<h2 class="scroll"8</h2>
+
<h2 class="scroll">8</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
<img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
Line 147: Line 126:
 
   });
 
   });
 
});
 
});
 
+
var observer_config = {
   $(function(){
+
   attributes: true,
    $("#headerWrapper").sticky({topSpacing:51});
+
  childList: true,
      $("nav.scroll-nav").sticky({topSpacing:74});
+
  characterData: true,
       
+
  subtree: true
  });
+
};
 +
observer.observe(observer_target, observer_config);
 
</script>
 
</script>
 
 
</div>
 
 
 
 
</html>
 
</style>
 
<div class="main">
 
<article class="post__article">
 
<h2 class="scroll">1</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: -72px !important;">
 
<img src="https://static.igem.org/mediawiki/2015/4/49/ATOMS-Turkiye_ins1.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
 
 
</div>
 
 
<h2 class="scroll">2</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/3/30/ATOMS-Turkiye_ins2.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
 
 
</div>
 
 
<h2 class="scroll">3</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/7/74/ATOMS-Turkiye_ins3.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
 
 
</div>
 
 
<h2 class="scroll">4</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/7/77/ATOMS-Turkiye_ins4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
 
 
</div>
 
 
<h2 class="scroll">5</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/e/e8/Atoms-takim1.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
 
<h2 class="scroll">6</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/a/a6/Atoms-takim2.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
 
<h2 class="scroll">7</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/9/91/Atoms-takim3.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
 
<h2 class="scroll"8</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
 
<h2 class="scroll">9</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/5/53/Atoms-takim5.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
 
<h2 class="scroll">10</h2>
 
<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
 
<img src="https://static.igem.org/mediawiki/2015/d/d8/Atoms-takim6.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
   
 
   
 
</div>
 
<h2 class="scroll"></h2>
 
<div class="content-div" ></div>
 
</article>
 
</div>
 
 
 
  
 
<script>
 
<script>
$('.post__article').scrollNav({
 
    sections: '.scroll',
 
    subSections: true,
 
    sectionElem: 'div',
 
    showHeadline: false,
 
    headlineText: 'Scroll To',
 
    showTopLink: true,
 
    topLinkText: 'Top',
 
    fixedMargin: 40,
 
    scrollOffset: 140,
 
    animated: true,
 
    speed: 500,
 
    insertTarget: this.selector,
 
    insertLocation: 'insertBefore',
 
    arrowKeys: true,
 
    scrollToHash: true,
 
    onInit: null,
 
    onRender: null,
 
    onDestroy: null
 
});
 
var $;
 
var observer_target = document.querySelector('.post__article');
 
var observer = new MutationObserver(function(mutations) {
 
  mutations.forEach(function() {
 
    $.fn.scrollNav('resetPos');
 
  });
 
});
 
 
 
   $(function(){
 
   $(function(){
 
     $("#headerWrapper").sticky({topSpacing:51});
 
     $("#headerWrapper").sticky({topSpacing:51});

Latest revision as of 23:46, 4 October 2015


1

2

3

4

5

6

7

8

9

10