Difference between revisions of "Team:Toronto/Template-Toronto"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<!-- ####################################################### -->
 +
<!-- #  This html was produced by the igemwiki generator  # -->
 +
<!-- #  https://github.com/igemuoftATG/generator-igemwiki  # -->
 +
<!-- ####################################################### -->
  
<script>
+
<!-- repo for this wiki: https://github.com/igemuoftATG/wiki17 -->
  
// This is the jquery part of your template.
+
</html>
// Try not modify any of this code too much since it makes your menu work.
+
{{Toronto/head}}
 +
<html>
 +
</html>
 +
{{Toronto/navbar-dark-cyan}}
 +
<html>
  
$(document).ready(function() {
+
<div class="section bg-red">
 
+
<div class="container header">
$("#HQ_page").attr('id','');
+
<h1>404 Page Not Found?</h1>
 
+
<p>It seems we don't have actual content for this page. Sorry :(</p>
// call the functions that control the menu
+
menu_functionality();
+
hide_show_menu();
+
 
+
 
+
 
+
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
function menu_functionality() {
+
 
+
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
$(".menu_button").click(function(){
+
 
+
// add or remove the class "open" , this class holds the "-"
+
$(this).children().toggleClass("open");
+
// show or hide the submenu
+
$(this).next('.submenu_wrapper').fadeToggle(400);
+
});
+
 
+
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
$("#display_menu_control").click(function(){
+
$('#menu_content').fadeToggle(400);
+
});
+
 
+
// call the current page highlight function
+
highlight_current_page();
+
}
+
 
+
 
+
// call the highlight current page function to show it on the menu with a different background color
+
function highlight_current_page() {
+
 
+
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
 
+
// now that the current_page class has been added to a menu item, make the submenu fade in
+
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
// change the +/- symbol of the corresponding menu button
+
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
 
+
}
+
 
+
 
+
 
+
// allow button on the black menu bar to show/hide the side menu
+
function hide_show_menu() {
+
 
+
// in case you preview mode is selected, the menu is hidden for better visibility
+
if (window.location.href.indexOf("submit") >= 0) {
+
$(".igem_2017_menu_wrapper").hide();
+
}
+
 
+
// if the black menu bar has been loaded
+
  if (document.getElementById('bars_item')) {
+
 
+
// when the "bars_item" has been clicked
+
$("#bars_item").click(function() {
+
$("#sideMenu").hide();
+
 
+
// show/hide the menu wrapper
+
$(".igem_2017_menu_wrapper").fadeToggle("100");
+
});
+
  }
+
 
+
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
else {
+
    setTimeout(hide_show_menu, 15);
+
}
+
}
+
 
+
 
+
});
+
 
+
 
+
</script>
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
 
+
 
+
<head>
+
 
+
<!-- This tells the browser that your page is responsive -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
 
+
<div class="igem_2017_menu_wrapper" >
+
 
+
 
+
 
+
<a href="https://2017.igem.org/Team:Toronto">
+
<img src="http://placehold.it/350x150">
+
</a>
+
 
+
 
+
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
<div class="menu_button" id="display_menu_control">
+
MENU
+
 
</div>
 
</div>
 +
</div>
 +
<div class="section bg-white">
 +
<div class="container content-page row">
 +
<div class="block content">
  
<div id="menu_content">
 
 
 
 
 
<a href="https://2017.igem.org/Team:Toronto">
 
<div class="menu_button direct_to_page">
 
HOME
 
</div>
 
</a>
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> TEAM
 
 
</div>
 
</div>
 
<div class="submenu_wrapper" id="team_submenu">
 
 
<a href="https://2017.igem.org/Team:Toronto/Team">
 
<div class="submenu_button" id="Team_page">
 
Team
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Collaborations">
 
<div class="submenu_button"  id="Collaborations_page">
 
Collaborations
 
</div>
 
</a>
 
 
 
</div>
 
 
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> PROJECT
 
</div>
 
 
<!-- project submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:Toronto/Description">
 
<div class="submenu_button"  id="Description_page">
 
Description
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Design">
 
<div class="submenu_button"  id="Design_page">
 
Design
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Experiments">
 
<div class="submenu_button"  id="Experiments_page">
 
Experiments
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:Toronto/Notebook">
 
<div class="submenu_button"  id="Notebook_page">
 
Notebook
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/InterLab">
 
<div class="submenu_button"  id="InterLab_page">
 
InterLab
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Contribution">
 
<div class="submenu_button"  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Model">
 
<div class="submenu_button"  id="Model_page">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Results">
 
<div class="submenu_button"  id="Results_page">
 
Results
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:Toronto/Demonstrate">
 
<div class="submenu_button"  id="Demonstrate_page">
 
Demonstrate
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Improve">
 
<div class="submenu_button"  id="Improve_page">
 
Improve
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Attributions">
 
<div class="submenu_button"  id="Attributions_page">
 
Attributions
 
</div>
 
</a>
 
 
</div>
 
 
 
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> PARTS
 
</div>
 
 
<!-- parts submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:Toronto/Parts">
 
<div class="submenu_button"  id="Parts_page">
 
Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Basic_Part">
 
<div class="submenu_button"  id="Basic_Part_page">
 
Basic Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Composite_Part">
 
<div class="submenu_button"  id="Composite_Part_page">
 
Composite Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Part_Collection">
 
<div class="submenu_button"  id="Part_Collection_page">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
 
 
 
 
 
 
<a href="https://2017.igem.org/Team:Toronto/Safety">
 
<div class="menu_button direct_to_page">
 
SAFETY
 
</div>
 
</a>
 
 
 
 
 
 
 
 
<div class="menu_button" >
 
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
</div>
 
 
<!-- human practices submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:Toronto/HP/Silver">
 
<div class="submenu_button"  id="Silver_page">
 
Silver HP
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/HP/Gold_Integrated">
 
<div class="submenu_button" id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:Toronto/Engagement">
 
<div class="submenu_button"  id="Engagement_page">
 
Public Engagement
 
</div>
 
</a>
 
 
</div>
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> AWARDS
 
</div>
 
 
<!-- awards submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:Toronto/Applied_Design">
 
<div class="submenu_button"  id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Entrepreneurship">
 
<div class="submenu_button"  id="Entrepreneurship_page">
 
Entrepreneurship
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Hardware">
 
<div class="submenu_button"  id="Hardware_page">
 
Hardware
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Measurement">
 
<div class="submenu_button"  id="Measurement_page">
 
Measurement
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Model">
 
<div class="submenu_button"  id="Model_page">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:Toronto/Plant">
 
<div class="submenu_button"  id="Plant_page">
 
Plant
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:Toronto/Software">
 
<div class="submenu_button"  id="Software_page">
 
Software
 
</div>
 
</a>
 
 
</div>
 
 
<a href="https://igem.org/2017_Judging_Form?team=Toronto">
 
<div class="menu_button direct_to_page">
 
JUDGING FORM
 
</div>
 
</a>
 
 
 
 
<div class="menu_bottom_padding" >
 
</div>
 
 
 
</div>
 
</div>
 
 
 
 
 
</div>
 
</div>
  
  
 
+
</html>
<!-- start of content -->
+
{{Toronto/footer}}
<div class="igem_2017_content_wrapper">
+
<h1>Toronto</h1>
+

Latest revision as of 04:03, 16 December 2017

404 Page Not Found?

It seems we don't have actual content for this page. Sorry :(