Difference between revisions of "Team:ATOMS-Turkiye/Team/ATOMs"
(30 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{ATOMS-Turkiye/Test}} | {{ATOMS-Turkiye/Test}} | ||
<html> | <html> | ||
+ | |||
+ | <div id="page-wrapper"> | ||
+ | |||
<style> | <style> | ||
− | + | h6 { | |
− | + | font-weight:0 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #content-div{ | |
− | width: | + | width: 95% !important; |
− | height: auto; | + | 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"> | ||
+ | <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> | </div> | ||
− | <div id="content-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> | </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> | </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> | </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> | </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> | ||
+ | $('.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: false, | ||
+ | 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(){ | ||
+ | $("#headerWrapper").sticky({topSpacing:51}); | ||
+ | $("nav.scroll-nav").sticky({topSpacing:74}); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Latest revision as of 00:34, 5 October 2015