Difference between revisions of "Menu/DemoSafety"

m (Protected "Menu/DemoSafety" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(45 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{2016Demo}}
 +
 +
 +
 +
 +
 
<html>
 
<html>
  
  
 +
 +
 +
 +
 +
<div style="width:200px;margin:auto;">
  
 
<!-- MAIN MENU  -->
 
<!-- MAIN MENU  -->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<div id="mainMenu">
 
  
 +
 +
<div id="MainPage_menu">
 
<div> <a class="switch_Menus"> ►  </a></div>  
 
<div> <a class="switch_Menus"> ►  </a></div>  
  
Line 22: Line 34:
 
<div>
 
<div>
 
<ul>
 
<ul>
 +
 +
<!-- REQUIREMENTS -->
 
<li>   
 
<li>   
 
<a href="">
 
<a href="">
Line 33: Line 47:
  
 
<div  style="clear:both;" class="subMenu">
 
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li>General </li></a>
 +
<a href=""><li>Wiki </li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
 +
 +
 +
<!-- CALENDAR  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Calendar">
 +
<div class="mainMenu_Title" style="width:183px;"> Calendar
 +
</div> 
 +
</a>
 +
</li>
 +
 +
 +
<!-- JUDGING  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Judging_2016">
 +
<div class="mainMenu_Title"> Judging
 +
</div> 
 +
</a>
 +
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 +
<div style="clear:both;" class="subMenu">
 
<ul>
 
<ul>
 
<a href=""><li> Item 1</li></a>
 
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 40: Line 87:
  
  
 +
<!-- SAFETY  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Safety_2016">
 +
<div class="mainMenu_Title"> Safety
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
<li> 
 
<a href="https://2015.igem.org/Demo_Calendar">
 
<div class="mainMenu_Title" style="width:183px;"> Calendar
 
</div> 
 
</a>
 
</li>
 
  
  
 +
<!-- PARTS  -->
  
 +
<li> 
 +
<a href="">
 +
<div style="width:183px;" class="mainMenu_Title"> Parts
 +
</div> 
 +
</a>
 +
</li>
  
  
 +
<!-- RESOURCES  -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Resources
 +
</div> 
 +
</a>
  
<li> 
+
<a class="subMenu_toggle">  
<a href="https://2015.igem.org/Demo_Judging_2016">  
+
<div class="mainMenu_toggle">
<div class="mainMenu_Title"> Judging
+
</div>  
</div>
+
</a>
</a>  
+
  
<a class="subMenu_toggle">  
+
<div  style="clear:both;" class="subMenu">
<div  class="mainMenu_toggle">
+
<ul>
</div>  
+
<a href=""><li> Item 1</li></a>
</a>
+
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
<div  style="clear:both;" class="subMenu">
 
<ul>
 
<a href=""><li> Item 1</li></a>
 
<a href=""><li> Item 2</li></a>
 
</ul>
 
</div>
 
  
</li>
 
  
 +
<!--GIANT JAMBOREE -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Giant Jamboree
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
  
<li>   
+
<!-- COMMUNITY -->
<a href="https://2015.igem.org/Demo_Safety_2016">  
+
<li>   
<div class="mainMenu_Title"> Safety
+
<a href="">  
</div>   
+
<div class="mainMenu_Title"> Community
</a>  
+
</div>   
 +
</a>  
  
<a class="subMenu_toggle">  
+
<a class="subMenu_toggle">  
<div  class="mainMenu_toggle"> ▼  
+
<div  class="mainMenu_toggle"> ▼  
</div>  
+
</div>  
</a>
+
</a>
  
<div  style="clear:both;" class="subMenu">
+
<div  style="clear:both;" class="subMenu">
<ul>
+
<ul>
<a href=""><li> Item 1</li></a>
+
<a href=""><li> Item 1</li></a>
<a href=""><li> Item 2</li></a>
+
<a href=""><li> Item 2</li></a>
</ul>
+
<a href=""><li> Item 3</li></a>
</div>
+
</ul>
</li>
+
</div>
 +
</li>
  
  
 +
<!--SPONSORS -->
 +
<li> 
 +
<a href="">
 +
<div style="width:183px;" class="mainMenu_Title"> Sponsors
 +
</div> 
 +
</a>
 +
</li>
  
  
 +
<!--ABOUT -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> About iGEM
 +
</div> 
 +
</a>
  
<li> 
+
<a class="subMenu_toggle">  
<a href="">  
+
<div class="mainMenu_toggle">
<div style="width:183px;" class="mainMenu_Title"> Parts
+
</div>  
</div>
+
</a>
</a>
+
</li>
+
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
  
 +
</div>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
<li> 
 
<a href="">
 
<div class="mainMenu_Title"> Resources
 
</div> 
 
</a>
 
  
<a class="subMenu_toggle">
+
<div style="height:100px; clear:both;"></div>
<div class="mainMenu_toggle">
+
</div>
+
</a>
+
  
<div  style="clear:both;" class="subMenu">
 
<ul>
 
<a href=""><li> Item 1</li></a>
 
<a href=""><li> Item 2</li></a>
 
<a href=""><li> Item 3</li></a>
 
</ul>
 
</div>
 
  
</li>
 
  
 +
<!-- JUDGING MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
 +
<div id="Judging">
  
 +
<div> <a class="switch_Menus"> ◀  </a></div>
  
<li> 
+
<a href="https://2015.igem.org/Demo_Judging_2016">
<a href="">  
+
<div class="sideMenuTitle"> Judging
<div class="mainMenu_Title"> Giant Jamboree
+
</div>
</div>
+
</a>
</a>  
+
  
<a class="subMenu_toggle">  
+
<div> <a class="expand_subMenus"> + </a></div>
<div  class="mainMenu_toggle">
+
</div>  
+
</a>
+
  
<div style="clear:both;" class="subMenu">
+
<div style="clear:both;"></div>
<ul>
+
<a href=""><li> Item 1</li></a>
+
<a href=""><li> Item 2</li></a>
+
<a href=""><li> Item 3</li></a>
+
</ul>
+
</div>
+
</li>
+
  
  
 +
<h4> Item 1 </h4>
 +
<ul>
 +
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
 +
 +
<div class="subMenu"><ul>
 +
<a href=""> <li> Item 1</li></a>
 +
<a href=""> <li> Item 2</li></a>
 +
<a href=""> <li> Item 3</li></a>
 +
</ul></div>
 +
</li>
  
  
  
<li>
+
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
<a href="">  
+
<div class="mainMenu_Title"> Community
+
<div class="subMenu"><ul>
</div>
+
<a href=""> <li> Item 1</li></a>
</a>  
+
<a href=""> <li> Item 2</li></a>
 +
<a href=""> <li> Item 3</li></a>
 +
</ul></div>
 +
</li>
  
<a class="subMenu_toggle">
 
<div  class="mainMenu_toggle"> ▼
 
</div>
 
</a>
 
  
<div  style="clear:both;" class="subMenu">
+
<li><a href=""> Topic 2 </a> </li>
<ul>
+
</ul>
<a href=""><li> Item 1</li></a>
+
</div>
<a href=""><li> Item 2</li></a>
+
<a href=""><li> Item 3</li></a>
+
</ul>
+
</div>
+
  
</li>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
  
  
 +
<div style="height:100px; clear:both;"></div>
  
  
<li> 
 
<a href="">
 
<div style="width:183px;" class="mainMenu_Title"> Sponsors
 
</div> 
 
</a>
 
</li>
 
  
 +
<!-- SAFETY MENU  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
 +
<div id="Safety">
  
 +
<div> <a class="switch_Menus"> ◀  </a></div>
  
<li> 
+
<a href="https://2015.igem.org/Demo_Safety_2016">
<a href="">  
+
<div class="sideMenuTitle"> Safety
<div class="mainMenu_Title"> About iGEM
+
</div>
</div>
+
</a>
</a>  
+
  
<a class="subMenu_toggle">  
+
<div> <a class="expand_subMenus"> + </a></div>
<div  class="mainMenu_toggle">
+
</div>  
+
</a>
+
  
<div style="clear:both;" class="subMenu">
+
<div style="clear:both;"></div>
<ul>
+
<div style="clear:both;"></div>
<a href=""><li> Item 1</li></a>
+
<a href=""><li> Item 2</li></a>
+
<a href=""><li> Item 3</li></a>
+
</ul>
+
</div>
+
</li>
+
</ul>
+
</div>
+
</div>
+
  
 +
<div class="safety_specific" style="background-color: #f2f2f2; display:none;" >
  
  
 +
<ul>
  
<div style="height:100px; clear:both;"></div>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Link 1</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Link 2 </a></li>
  
 +
</ul>
  
<div id="judgingMenu">
 
  
 +
</div>
  
 +
<div style="clear:both;"></div>
 +
<h4> General Information </h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
 +
 +
<div class="subMenu"><ul>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
 +
</ul></div>
 +
</li>
 +
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
 +
 +
</ul>
 +
 +
 +
<h4> Guidelines</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
 +
<div class="subMenu"><ul>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
 +
</ul></div>
 +
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
 +
</ul>
 +
 +
<h4> Requirements / Forms </h4>
 +
<ol>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
 +
</ol>
 +
 +
</div>
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<!-- TEAM INFORMATION  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<div id="informationpage">
  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
  
<a href="https://2015.igem.org/Demo_Judging_2016">
+
<a href="https://2015.igem.org/Demo_informationpage">
<div class="sideMenuTitle"> Judging
+
<div class="sideMenuTitle"> Team Information
 
</div>
 
</div>
 
</a>   
 
</a>   
  
<div> <a class="expand_subMenus"> + </a></div>
+
<div> <a class="expand_subMenus"> + </a></div>
  
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
  
<h4> Item 1 </h4>
+
<h4> Columbia NYC</h4>
<ul>
+
<ul>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#general"> General</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#contact_information"> Contact Information </a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#deadlines"> Team Deadlines</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#project"> Project</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#team_roster"> Team Roster</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#awards"> Awards and Medals</a></li>
 +
</ul>
  
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
+
</div>
<div class="subMenu"><ul>
+
+
<a href=""> <li> Item 1</li></a>
+
<a href=""> <li> Item 2</li></a>
+
<a href=""> <li> Item 3</li></a>
+
</ul></div>
+
</li>
+
  
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="subMenu"><ul>
+
+
<a href=""> <li> Item 1</li></a>
+
<a href=""> <li> Item 2</li></a>
+
<a href=""> <li> Item 3</li></a>
+
</ul></div>
+
</li>
+
  
<li><a href=""> Topic 2 </a> </li>
 
</ul>
 
  
</div>
+
<!-- DOCUMENTATION MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
  
  
<div id="safetyMenu">
+
 
 +
<div id="Code">
 +
 
  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
  
<a href="https://2015.igem.org/Demo_Safety_2016">
+
<a href="https://2015.igem.org/Code_Documentation2">
<div class="sideMenuTitle"> Safety
+
<div class="sideMenuTitle">Documentation
 
</div>
 
</div>
 
</a>   
 
</a>   
  
<div> <a class="expand_subMenus"> + </a></div>
+
<div> <a class="expand_subMenus"> + </a></div>
  
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
 +
<h4> Styling</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Colors">Color Palette</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Text">Text</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Links">Links </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Lists">Lists</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Titles">H Titles </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Tables">Tables </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Images">Images </a> </li>
  
<h4> General Information </h4>
+
</ul>
<ul>
+
  
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
+
<h4> Classes </h4>
<div class="subMenu"><ul>
+
<ul>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Button">Buttons</a> </li>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Pop_up">Pop up </a> </li>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#layout">Layout classes </a> </li>
</ul></div>
+
<li><a href="https://2015.igem.org/Code_Documentation2#style_layout">Styling layout classes </a> </li>
</li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#example_layout">Example layouts </a> </li>
 +
</ul>
  
<li ><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
+
<h4> Menu </h4>
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
+
<ul>
  
</ul>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Menu"> Editing the menu </a> </li>
  
 +
</ul>
  
<h4> Guidelines</h4>
+
</div>
<ul>
+
+
  
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="subMenu"><ul>
+
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
+
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
+
</ul></div>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
+
</ul>
+
  
<h4> Requirements / Forms </h4>
 
<ol>
 
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
 
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
 
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
 
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
 
</ol>
 
  
</div>
 
  
  
  
 +
 +
 +
<!------------------------------------PLACE YOUR MENU HERE ------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 18:11, 16 March 2016