Difference between revisions of "Team:DTU-Denmark/molecular interlab"
| Line 1: | Line 1: | ||
| − | |||
| − | |||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
| Line 115: | Line 113: | ||
} | } | ||
| − | .colLeft a.anchor:target { /*Ensure that internal links will have the correct setoff, below the fixed header*/ | + | .colLeft a.anchor:target, |
| + | .colLeft div.anchor:target { /*Ensure that internal links will have the correct setoff, below the fixed header*/ | ||
display: block; | display: block; | ||
top: -125px; | top: -125px; | ||
| Line 166: | Line 165: | ||
margin-left: 0px; | margin-left: 0px; | ||
} | } | ||
| + | |||
| − | #sidebar.nav li a | + | #sidebar.nav li a { |
| − | + | ||
color: #999; | color: #999; | ||
font-size: .9em; | font-size: .9em; | ||
| − | padding-top: | + | padding-top: 0.3em; |
| − | padding-bottom: . | + | padding-bottom: .3em; |
background-color: transparent; | background-color: transparent; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 189: | Line 188: | ||
border-left-style: solid; | border-left-style: solid; | ||
border-left-color: #990000; | border-left-color: #990000; | ||
| + | } | ||
| + | |||
| + | #sidebar.nav li a.nav-active { | ||
| + | color:black; | ||
} | } | ||
| Line 320: | Line 323: | ||
<!-- RIGHT--> | <!-- RIGHT--> | ||
<div class="col-md-3 col-sm-2 hidden-xs colRight" id="scrollspy"> | <div class="col-md-3 col-sm-2 hidden-xs colRight" id="scrollspy"> | ||
| − | <ul class="nav | + | <ul class="nav" id="sidebar"> <!-- data-offset-top="230" data-offset-bottom="100">--> |
<!--data-offset-top control at which scroll point the affix will come into effect, data-offset-bottom control when affix will no longer be in effect--> | <!--data-offset-top control at which scroll point the affix will come into effect, data-offset-bottom control when affix will no longer be in effect--> | ||
| − | <li><a href="#overview">OVERVIEW</a></li> | + | <li><a href="#overview" class="nav-active">OVERVIEW</a></li> |
<li><a href="#medal-requirements">MEDAL REQUIREMENTS</a></li> | <li><a href="#medal-requirements">MEDAL REQUIREMENTS</a></li> | ||
<li><a href="#giant-jamboree">Giant Jamboree</a></li> | <li><a href="#giant-jamboree">Giant Jamboree</a></li> | ||
| Line 350: | Line 353: | ||
}) | }) | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | /** | ||
| + | * 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() + 125; // 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).parent().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"); | ||
| + | } | ||
| + | } | ||
| + | }); | ||
</script> | </script> | ||
<!-- | <!-- | ||
Revision as of 15:35, 23 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.
Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
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.
Giant Jamboree
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.
