Difference between revisions of "Template:Example2"

Line 32: Line 32:
 
menu_functionality();  
 
menu_functionality();  
  
−
// highlights on which page/hub you are currently in
 
−
highlight_current_page();
 
  
−
});
 
  
−
 
−
$(".month_access").click(function(){
 
−
 
−
$(this).next().next().fadeToggle(400);
 
−
$(this).toggleClass("plus");
 
 
});
 
});
−
 
−
$(".control_button").click(function(){
 
  
−
$(this).next().fadeToggle(400);
 
−
$(this).toggleClass("less");
 
−
});
 
  
  
−
 
−
 
−
function highlight_current_page () {
 
−
 
−
wgPageName = wgPageName.replace(/\//g,"-");  // remove dashes from page name and turn them into "-"
 
−
 
−
 
−
$('#' + wgPageName).addClass("current_page");
 
−
 
−
switch ( (wgPageName.match( /-/g ) || []).length  ) {  // check how many "tiers" (  /  ) the page name has in order to nest it
 
−
 
−
case 0:  // this is a main menu item
 
−
 
−
 
−
 
−
$(".current_page > .submenu_access").addClass("less");
 
−
$(".current_page > .submenu").fadeIn(400);
 
−
break;
 
−
 
−
 
−
 
−
case 1:  // this is a link inside a submenu
 
−
 
−
$('#' + wgPageName.substr(0, wgPageName.indexOf('-') )).addClass("current_page");
 
−
$(".current_page > .submenu_access").addClass("less");
 
−
$(".current_page > .submenu").fadeIn(400);
 
−
break;
 
−
 
−
case 2:  // this is a link inside a submenu
 
−
 
−
$('#' + wgPageName.substr(0, wgPageName.lastIndexOf('-') )).addClass("current_page");
 
−
$('#' + wgPageName.substr(0, wgPageName.indexOf('-') )).addClass("current_page");
 
−
 
−
$(".current_page > .submenu_access").addClass("less");
 
−
$(".current_page > .submenu").fadeIn(400);
 
−
 
−
 
−
$("#" + wgPageName.slice(wgPageName.indexOf("-")+1, wgPageName.lastIndexOf("-")) +"_submenu" ).fadeIn(400);
 
−
$("#" + wgPageName.slice(wgPageName.indexOf("-")+1, wgPageName.lastIndexOf("-")) +"_submenu" ).prev().addClass("less");
 
−
 
−
break;
 
−
 
−
}
 
−
 
−
 
−
}
 
  
  
 
//menu functionality
 
//menu functionality
 
function menu_functionality() {
 
function menu_functionality() {
−
 
−
 
  
 
$(".collapsable_menu_control").click(function() {
 
$(".collapsable_menu_control").click(function() {
Line 122: Line 61:
 
$("#sideMenu").hide();
 
$("#sideMenu").hide();
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
−
$(".igem_2017_content_wrapper").toggleClass("full_screen");
 
 
});
 
});
 
   }  
 
   }  
Line 129: Line 67:
 
}
 
}
 
}
 
}
−
 
−
 
−
 
−
//make boxes same height
 
−
 
−
function make_boxes_same_height() {
 
−
$(".same_height").css('height', Math.max(($(".same_height.A").height()),($(".same_height.B").height()), ($(".same_height.C").height()) ) );
 
−
}
 
−
 
−
 
−
//image slider
 
−
 
−
$(function () {
 
−
 
−
var change_img_time  = 4500;
 
−
var transition_speed    = 450;
 
−
 
−
var simple_slideshow  = $(".image_slider"),
 
−
listItems  = simple_slideshow.children('li'),
 
−
listLen = listItems.length,
 
−
i = 0,
 
−
 
−
change_images = function () {
 
−
 
−
listItems.eq(i).fadeOut(transition_speed, function () {
 
−
 
−
i += 1;
 
−
if (i === listLen) {
 
−
i = 0;
 
−
}
 
−
 
−
listItems.eq(i).fadeIn(transition_speed);
 
−
});
 
−
};
 
−
 
−
listItems.not(':first').hide();
 
−
setInterval( change_images, change_img_time);
 
−
 
−
});
 
−
 
−
make_boxes_same_height();
 
−
 
−
 
−
 
−
});
 
−
 
  
  

Revision as of 13:56, 22 February 2017

TEAM
Team
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Characterization
Model
Results
Demonstrate
Improve
Attribution
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated Design
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Software
Measurement
Model
Plant

Full size

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Half size

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et. Sed persius efficiantur ea, id solet gubergren eloquentiam qui. Ut nisl sonet quo. Persius fabulas te eum, in hinc diceret appellantur per, cu natum putant vulputate mel. Qui falli consectetuer an, probo assueverit necessitatibus eam ei. His in dico possim, ferri fastidii at mea. Ad vix scripta invidunt consequuntur, ne mea fastidii percipitur efficiantur, pertinax nominati no mea. Impetus honestatis sea ut. No tempor tacimates explicari eam. Dicam iuvaret in ius, cu solet oratio vis, dicant latine constituam his eu. Cetero labores conclusionemque id quo, probo justo nonumy pri cu. Et tollit tempor assueverit pri. An has quando altera mollis. An quis insolens vim, iisque corrumpit concludaturque et eam. Vim posse delectus ut. Quaerendum theophrastus no has, ad sit ipsum forensibus. Cu quas aperiri mea, duo no diceret apeirian.

CLICK HERE

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.

Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.