Difference between revisions of "Team:DTU-Denmark/molecular interlab"
| Line 126: | Line 126: | ||
} | } | ||
| − | |||
#sidebar.nav li a:hover, | #sidebar.nav li a:hover, | ||
| − | #sidebar.nav li a:focus { | + | #sidebar.nav li a:focus, |
| + | #sidebar.nav li a.nav-active { | ||
color: #990000; | color: #990000; | ||
background-color: none; | background-color: none; | ||
| Line 268: | Line 268: | ||
</div> <!-- /BODY--> | </div> <!-- /BODY--> | ||
| − | + | <script> // The affix elements javascript | |
| − | + | window.onload = function (){ | |
| − | + | $('#sidebar').affix({ | |
| − | + | offset: { | |
| − | + | // top: determines how far to scroll before applying .affixed class | |
| − | + | top: function () { | |
| − | + | var offsetTop = $('#sidebar').offset().top // How far are we from top in total? | |
| − | + | //var navOuterHeight = $('.navbar').outerHeight(true) || 0 // If the navbar is fixed account for it | |
| − | + | //var bodyPaddingTop = parseInt($(document.body).css("padding-top"), 10) || 0 // or use body padding instead | |
| − | + | return (this.top = offsetTop - 140) | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | } | + | , bottom: function () { |
| − | } | + | var footHight = document.getElementById("footer").offsetHeight; |
| − | </script> | + | return (this.bottom = footHight + 20) || 0 |
| + | } | ||
| + | } | ||
| + | }) | ||
| + | } | ||
| + | </script> | ||
| + | |||
<!-- | <!-- | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 301: | Line 302: | ||
</script> | </script> | ||
| + | --> | ||
| + | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | |||
| + | /** | ||
| + | * This part handles the highlighting functionality. | ||
| + | * We use the scroll functionality again, some array creation and | ||
| + | * manipulation, class adding and class removing, and conditional testing | ||
| + | */ | ||
| + | var aChildren = $("#sidebar li").children(); // find the a children of the list items | ||
| + | var aArray = []; // create the empty aArray | ||
| + | for (var i=0; i < aChildren.length; i++) { | ||
| + | var aChild = aChildren[i]; | ||
| + | var ahref = $(aChild).attr('href'); | ||
| + | aArray.push(ahref); | ||
| + | } // this for loop fills the aArray with attribute href values | ||
| + | |||
| + | $(window).scroll(function(){ | ||
| + | var windowPos = $(window).scrollTop(); // get the offset of the window from the top of page | ||
| + | var windowHeight = $(window).height(); // get the height of the window | ||
| + | var docHeight = $(document).height(); | ||
| + | |||
| + | for (var i=0; i < aArray.length; i++) { | ||
| + | var theID = aArray[i]; | ||
| + | var divPos = $(theID).offset().top; // get the offset of the div from the top of page | ||
| + | var divHeight = $(theID).height(); // get the height of the div in question | ||
| + | if (windowPos >= divPos && windowPos < (divPos + divHeight)) { | ||
| + | $("a[href='" + theID + "']").addClass("nav-active"); | ||
| + | } else { | ||
| + | $("a[href='" + theID + "']").removeClass("nav-active"); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | if(windowPos + windowHeight == docHeight) { | ||
| + | if (!$("#sidebar li:last-child a").hasClass("nav-active")) { | ||
| + | var navActiveCurrent = $(".nav-active").attr("href"); | ||
| + | $("a[href='" + navActiveCurrent + "']").removeClass("nav-active"); | ||
| + | $("#sidebar li:last-child a").addClass("nav-active"); | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <!-- | ||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | /** | ||
| + | * This part does the "fixed navigation after scroll" functionality | ||
| + | * We use the jQuery function scroll() to recalculate our variables as the | ||
| + | * page is scrolled/ | ||
| + | */ | ||
| + | $(window).scroll(function(){ | ||
| + | var window_top = $(window).scrollTop() + 12; // the "12" should equal the margin-top value for nav.stick | ||
| + | var div_top = $('#nav-anchor').offset().top; | ||
| + | if (window_top > div_top) { | ||
| + | $('nav').addClass('stick'); | ||
| + | } else { | ||
| + | $('nav').removeClass('stick'); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | /** | ||
| + | * This part causes smooth scrolling using scrollto.js | ||
| + | * We target all a tags inside the nav, and apply the scrollto.js to it. | ||
| + | */ | ||
| + | $("nav a").click(function(evn){ | ||
| + | evn.preventDefault(); | ||
| + | $('html,body').scrollTo(this.hash, this.hash); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
--> | --> | ||
</body> | </body> | ||
Revision as of 09:58, 18 August 2016
TITLE
leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
Overview
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
Medal requirements
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
Bronze
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
Silver
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
Gold
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.
