Difference between revisions of "Team:USMA-West Point"

 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{USMA-West_Point}}
 
{{USMA-West_Point}}
−
<html>
 
  
−
<html>
 
  
−
<script>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head><meta name='robots' content='noindex, nofollow'>
 +
<title>
 +
iGem 01</title>
 +
<!-- META -->
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width, maximum-scale=1"/>
 +
 +
 +
 +
 +
<script src="https://www.youtube.com/iframe_api"></script>
 +
<!-- CSS -->
 +
<link rel="stylesheet" href="//www.imcreator.com/css/common.css?v=1.4.1f">
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/all_css.css?v=1.4.1f" />
  
−
// This is the jquery part of your template.   
+
−
// Try not modify any of this code too much since it makes your menu work.
+
 +
<link rel="icon" type="image/png" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
 +
<link rel="apple-touch-icon" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
 +
 +
 +
 +
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 +
 +
<link id="vbid-7d38c6a1-ojqdlra3-STRIPE_DATA" rel="stylesheet" type="text/css" href="//www.imcreator.com/stripe_data_css?page_id=vbid-7d38c6a1-ojqdlra3-STRIPE_DATA&v=1.4.1f">
 +
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/css/fonts.css?v=1.4.1f" />
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/css/effects.css?v=1.4.1f" />
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/css/lightbox.css?v=1.4.1f">
 +
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/css/previewhelper.css?v=1.4.1f">
 +
 +
<link rel="stylesheet" type="text/css" href="//www.imcreator.com/css/spimeview.css?v=1.4.1f">
 +
 +
<link id="vbid-7d38c6a1-ojqdlra3-STATIC_STYLE" rel="stylesheet" type="text/css" href="//www.imcreator.com/static_style?v=1.4.1f&vbid=vbid-7d38c6a1-ojqdlra3&caller=static">
 +
 +
 +
<!-- SCRIPT -->
 +
<script src="https://code.jquery.com/jquery-2.x-git.min.js" type="text/javascript"></script>
 +
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyByWRZWFbQRxJM7SiNz2NURPDPJPqTtBQQ" type="text/javascript"></script>
 +
 +
<script src="//www.imcreator.com/js/xprs_helper.js?v=1.4.1f" type="text/javascript"></script>
 +
 +
<script src="https://imos004-dot-im--os.appspot.com/js/imos.js?v=1.4.1f" type="text/javascript"></script>
  
−
$(document).ready(function() {
+
<script type="text/javascript" src="//www.imcreator.com/all_js.js?v=1.4.1f"></script>
 +
<script src="//www.imcreator.com/js/lib/touchswipe/jquery.mobile.custom.min.js"></script>
 +
<script type="text/javascript">IMOS.pageView();</script>
 +
 +
 +
 +
 +
<script src="//www.imcreator.com/js/preview_helper.js?v=1.4.1f"  type="text/javascript"></script>
 +
 +
 +
<!-- User analytics -->
  
−
$("#HQ_page").attr('id','');
 
  
−
// call the functions that control the menu
+
<!-- Serving analytics -->
−
menu_functionality();  
+
<script>
−
hide_show_menu();
+
var currentDomain =  window.location.host;
 +
if (currentDomain != "localhost:7000"){
 +
var _gaq = _gaq || [];
 +
_gaq.push(['_setAccount', 'UA-58695071-1']);
 +
_gaq.push(['_setDomainName', currentDomain]);
 +
_gaq.push(['_setAllowLinker', true]);
 +
_gaq.push(['_trackPageview']);
 +
}
 +
</script>
 +
 +
<!-- Label config-->
 +
<script>
 +
 +
var LABEL_CONFIG = {};
 +
 +
</script></head>
  
 +
<body class="fast-animated-bg pattern-bg " data-ecommerce-solution="NONE" data-root-id="vbid-7d38c6a1-ojqdlra3" data-root-style-id="style-7d38c6a1-d2bgnenh" data-default-currency="USD" data-osid="osid--ec2fa157-ff75c294"  data-app-version="1.4.1f" data-caller="static"  data-ecommerce-dashboard="https://dashboard.shoprocket.co" data-static-server="//www.imcreator.com" data-imos-server="https://imos004-dot-im--os.appspot.com">
 +
 +
<div id="xprs" data-website-name="iGem 01" class="xprs-holder" >
 +
<div class="main-page "  >
 +
<div id="content">
 +
<div  id="vbid-7d38c6a1-ojqdlra3"  class="master container style-7d38c6a1-d2bgnenh content stripes  website-style " data-itemtype="folder" data-creator="" data-itemname="iGem 01"  data-itemslug="consulting-firm" data-itemstyleid="style-7d38c6a1-d2bgnenh" data-margintop="" data-arranger="stripes" data-layout="multi" data-vbid="vbid-7d38c6a1-ojqdlra3" data-preset-type-id="" data-preview-style="style-7d38c6a1-d2bgnenh" data-style="style-7f715-gkcpu3e69m" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="stripes"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="false"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT=""
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
 +
<!-- MENUS START -->
 +
<div  id="vbid-7d38c6a1-8otprari"  class="master item-box  header-box style-7d38c6a1-8jo8o4ao          " data-holder-type="header"" data-holder-type="header"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-8jo8o4ao" data-preview-styleid='style-7d38c6a1-8jo8o4ao' data-preset-type-id="MENUS">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="header-wrapper item-wrapper menus-wrapper ">
 +
 +
<div class="item-content leaf menu_layout header content" data-preview-style="style-7d38c6a1-8jo8o4ao" data-style="style-7f715-scjjarqgxu"  data-behavior-type="NOTHING" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-8otprari" data-bgimg="">
 +
<div class="preview-content-wrapper">
 +
<div class="preview-content-holder">
 +
<div class="left-div">
 +
<div class="benet" style="min-height:inherit;"></div>
 +
<div class="logo-holder">
 +
<!-- ICON TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
  
 +
</div>
 +
<div class="helper-div">
 +
<div class="item-details menu">
 +
<!-- TITLE TEMPLATE -->
 +
 +
<div class="preview-title-holder removable-parent">
 +
 +
<a href="https://2017.igem.org/Team:USMA-West_Point" data-link-type="EXISTING"  target="_self" >
 +
 +
<h2 id="vbid-7d38c6a1-8ye3bio7" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >usMA-WEST POINT<br></h2>
 +
</a>
 +
</div>
 +
<br />
  
−
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
<!-- SUBTITLE TEMPLATE -->
−
function menu_functionality() {
+
 +
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
  
−
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
</div>
−
$(".menu_button").click(function(){
+
</div>
 +
</div>
 +
<div class="right-div">
 +
<div class="benet" style="min-height:inherit;"></div>
 +
<!-- LINKS TEMPLATE -->
 +
<div class="preview-item-links ">
 +
<ul class="preview-links-wrapper">
  
−
// 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);
+
<li class="removable-parent">
−
});
+
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="vbid-7d38c6a1-0vahew5d" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Home</span>
 +
</a>
 +
 +
</li>
  
−
// call the current page highlight function
+
−
highlight_current_page();
+
−
}
+
 +
  
 +
<li>
 +
 +
<a class="removable-parent" href="/free/amitro02/igem-01/vbid-f02482b7-t3dtwkay" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="c4532978"  class="preview-element Link item-link magic-circle-holder text-element custom submenu-title" data-menu-name="PREVIEW_LINK" >Team</span>
 +
</a>
 +
<ul class="submenu">
 +
 +
 +
</li>
 +
 +
</li>
  
−
// call the highlight current page function to show it on the menu with a different background color
+
−
function highlight_current_page() {
+
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Team" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="e14b181a" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Students, Advisors, PIs, and Instructors</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// 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");
+
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Collaborations" data-link-type="EXISTING" target="_self" >
 +
 +
<span id="facc214a" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Collaboration</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// 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");
+
 +
</ul>
 +
</li class="removable-parent">
 +
 
 
−
}
 
  
 +
<li>
 +
 +
<span id="element-4cd1f662a476dc8"  class="preview-element Link item-link magic-circle-holder text-element custom submenu-title" data-menu-name="PREVIEW_LINK" >Project</span>
 +
 +
<ul class="submenu">
 +
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Project" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="38c7042b" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Project</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// 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();
+
<li class="removable-parent">
−
}
+
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Description" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="42d444bb" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Description</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// if the black menu bar has been loaded
+
−
  if (document.getElementById('bars_item')) {
+
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Design" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="59bf92c2" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Design</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// when the "bars_item" has been clicked
+
−
$("#bars_item").click(function() {
+
−
$("#sideMenu").hide();
+
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Experiments" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="487700ca" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Experiments</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// show/hide the menu wrapper
+
−
$(".igem_2017_menu_wrapper").fadeToggle("100");
+
−
});
+
−
  }
+
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Notebook" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="ab39f1bd" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Notebook</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
// 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);
+
−
}
+
<li class="removable-parent">
−
}
+
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/InterLab" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="21fa8523" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >InterLab Study</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Results" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="cff7eeb1" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Results</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
});
+
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Demonstrate" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="6157824b" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Demonstrate</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Attributions" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="a0b12bde" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Attribution</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
</script>
+
 +
 +
 +
<!-- [] -->
 +
</ul>
 +
</li>
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Deliverables" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="09c40e1e"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Deliverables</span>
 +
</a>
 +
 +
</li>
  
 +
 +
 +
 +
  
 +
<li>
 +
 +
<span id="element-78132adefe1a4d4"  class="preview-element Link item-link magic-circle-holder text-element custom submenu-title" data-menu-name="PREVIEW_LINK" >Parts</span>
 +
 +
<ul class="submenu">
 +
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Parts" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="90d18fdb" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Parts</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Basic_Part" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="fa2fa5ec" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Basic Parts</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
<style>
+
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Part_Collection" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="37cd96f3" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Parts Collection</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<!-- [] -->
 +
</ul>
 +
</li>
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Safety" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="99ad6039"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
 +
</a>
 +
 +
</li>
  
−
 
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
 
 
−
/* Clear the default wiki settings */
+
 +
 +
 +
 
 +
<li>
 +
 +
<span id="element-b165365db185e95"  class="preview-element Link item-link magic-circle-holder text-element custom submenu-title" data-menu-name="PREVIEW_LINK" >Human Practices </span>
 +
 +
<ul class="submenu">
 +
 +
 +
</li>
 
 
−
#home_logo, #sideMenu { display:none; }
+
</li>
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
 
 
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/HP/Gold_Integrated" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="61c8e27f" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Integrated and Gold</span>
 +
</a>
 +
 +
</li>
 
 
 +
</li>
 +
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Engagement" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="f9e986dd" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Public Engagement</span>
 +
</a>
 +
 +
</li>
 
 
−
/**************************************************************** MENU ***************************************************************/
+
</li>
−
/* Wrapper for the menu */
+
−
.igem_2017_menu_wrapper {
+
−
width: 15%;
+
−
height:100vh;
+
−
position:fixed;
+
−
right:0%;
+
−
padding:0px;
+
−
float:right;
+
−
border-left: 1px solid #d3d3d3;
+
−
background-color:#dddddd;
+
−
text-align:left;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
overflow-y: auto;
+
−
overflow-x: hidden;
+
−
}
+
  
−
/* this hides the scrollbar to keep view consistency */
 
−
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
−
display: none;
 
−
}
 
 
 
 
 
−
/* styling for links in the menu, removes the line under text */
+
−
.igem_2017_menu_wrapper a { 
+
−
text-decoration: none;
+
</ul>
−
}
+
</li class="removable-parent">
 +
 +
  
 +
<li>
 +
 +
<span id="element-905a6c68c42aebb"  class="preview-element Link item-link magic-circle-holder text-element custom submenu-title" data-menu-name="PREVIEW_LINK" >Awards</span>
 +
 +
<ul class="submenu">
 +
 +
 +
</li>
 +
 +
</li>
  
−
/* styling for the images in the menu */
+
−
.igem_2017_menu_wrapper img {
+
−
width: 100%;
+
−
}
+
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Entrepreneurship" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="ca6cd864" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Entreneurship</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
/* styling for the menu buttons */
+
−
.igem_2017_menu_wrapper .menu_button {
+
−
width: 100%;
+
−
padding: 10px 0px 10px 15px;
+
<li class="removable-parent">
−
float:left;
+
−
border-bottom: 1px solid #d3d3d3;
+
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Applied_Design" data-link-type="EXISTING"  target="_self" >
−
font-size: 12px;
+
−
font-weight: bold;
+
<span id="bc7909bf" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Applied design</span>
−
color: #5e5f5f;
+
</a>
−
cursor: pointer;
+
−
}
+
</li>
 +
 +
</li>
  
 +
 +
 +
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="https://2017.igem.org/Team:USMA-West_Point/Hardware" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="c5142c05" class="preview-element Link item-link magic-circle-holder text-element custom submenu-link" data-menu-name="PREVIEW_LINK" >Hardware</span>
 +
</a>
 +
 +
</li>
 +
 +
</li>
  
−
.igem_2017_menu_wrapper .menu_bottom_padding {
 
−
width: 100%;
 
−
height: 30px;
 
−
float:left;
 
−
}
 
  
−
.menu_button.direct_to_page {
+
<!-- [1] -->
−
padding-left: 36px;
+
</ul>
−
}
+
</li>
  
−
 
+
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
−
width:10%;
+
−
float:left;
+
−
}
+
−
 
+
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
−
content: "+"; 
+
−
}
+
 
 
−
.open::before {
+
</ul>
−
content: "-" !important;
+
</div>
−
}
+
 +
 +
<button class="hamburger links-menu-btn  small" type="button">
 +
  <span class="hamburger-box">
 +
  <span class="hamburger-inner"></span>
 +
  </span>
 +
</button>
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="menu"
 +
data-MENU_OVERLAY="relative"
 +
data-MENU_SCROLL="true"
 +
data-ALWAYS_MINIFIED="false"
 +
data-MENU_POSITION="top"
 +
data-MENU_ALIGN="left"
 +
data-BACKGROUND_COLOR="rgb(201, 151, 0)"
 +
></div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- MENUS END -->
 +
 +
 
 
 
 
 +
<!-- PROMO START -->
 +
<div  id="vbid-7d38c6a1-y4auuans"  class="master item-box  gallery-box style-7d38c6a1-eldj1a8a          " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-eldj1a8a" data-preview-styleid='style-7d38c6a1-eldj1a8a' data-preset-type-id="PROMO">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper promo-wrapper ">
 +
 +
<div  class="sub container style-7d38c6a1-eldj1a8a content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-7d38c6a1-eldj1a8a" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-7d38c6a1-y4auuans" data-preset-type-id="PROMO" data-preview-style="style-7d38c6a1-eldj1a8a" data-style="style-89a8e-bbtqrmxrkr" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="flex"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="true"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 
 
−
/* styling for the menu buttons on hover */
+
−
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover {
+
<div id="items-holder-wrapper">
−
background-color: #3399ff;
+
<div id="items-holder">
−
text-decoration: none;
+
−
color:#ffffff;  
+
−
}
+
 +
 +
<div  id="vbid-7d38c6a1-5huaqmq9"  class="sub item-box  page-box style-7d38c6a1-eldj1a8a          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-eldj1a8a" data-preview-styleid='style-7d38c6a1-eldj1a8a' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-5huaqmq9" data-preview-style="style-7d38c6a1-eldj1a8a" data-style="style-89a8e-q4q4gr5nhr" data-orig-thumb-height="814" data-orig-thumb-width="3264" data-vbid="vbid-7d38c6a1-5huaqmq9" data-bgimg="https://lh3.googleusercontent.com/K5yTFZHBs5KI_YxhktxwtLjLKRpU8aSOd0q6zkdpP_egTYEhZbBuwqHHe6RYT8OL3kmtvKbvb_gr57RLAA">
 +
<div class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="vbid-7d38c6a1-h7mfh2ga-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
/* styling for the menu button when it is the current page */
+
<div  id="vbid-7d38c6a1-h7mfh2ga" class="inner-pic preview-element parallax50-bg magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/K5yTFZHBs5KI_YxhktxwtLjLKRpU8aSOd0q6zkdpP_egTYEhZbBuwqHHe6RYT8OL3kmtvKbvb_gr57RLAA=s300);"  data-orig-width="3264" data-orig-height="814" >
−
.current_page {
+
<!-- VIDEO TEMPLATE -->
−
background-color:#7fc1f7  !important;
+
−
color:#5e5f5f !important;
+
−
}
+
  
 +
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
  
−
/* styling for the submenu buttons */
 
−
.igem_2017_menu_wrapper .submenu_button {
 
−
width: 100%;
 
−
padding: 10px 0px 10px 34px;
 
−
float:left;
 
−
background-color:#f2f2f2;
 
−
border-bottom: 1px solid #d3d3d3;
 
−
font-size: 12px;
 
−
color: #5e5f5f;
 
−
cursor: pointer;
 
−
}
 
  
−
/* wrapper for the submenu items, they are hidden by default*/
+
<!-- MAP TEMPLATE -->
−
.igem_2017_menu_wrapper .submenu_wrapper {
+
−
display:none;
+
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
−
}
+
  
−
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
<!-- RAW TEMPLATE -->
−
.igem_2017_menu_wrapper #display_menu_control {
+
−
display:none;
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
text-align:center;
+
 
−
}
+
</div>
 +
 +
</div>
 
 
  
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
<!--  BY SPECIFIC ORDER -->
 +
 +
 +
 +
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<h1 id="vbid-7d38c6a1-n4sg3yee" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >USMA - West Point<br></h1>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
/* Wrapper for the content */
+
−
.igem_2017_content_wrapper {
+
−
width: 81%;
+
−
margin: 2%;
+
−
display:block;
+
−
float:left;
+
−
background-color:white;
+
<br class="upper-line-break" />
−
font-family:Tahoma, Geneva, sans-serif;
+
<div class="preview-subtitle-holder removable-parent order-handle">
−
}
+
 +
<h3 id="element-4acf3afa711dbb4" class="preview-element preview-subtitle magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_SUBTITLE">eLECTRONIC NOSE<br></h3>
  
 +
</div>
 +
<br class="lower-line-break" />
  
−
/********************************* HTML STYLING  *********************************/
+
 +
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 +
 +
<div id="element-82f6921122d241b" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 +
<p>DETECTION THROUGH OLFACTION</p>
 +
</div>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
/* styling for the titles h1 h2 */
+
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
padding:5px 15px;  
+
−
border-bottom: 0px;  
+
−
color: #3399ff;
+
</div>
−
}
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- PROMO END -->
 +
 +
 +
 +
 +
<!-- TEXT_BLOCK START -->
 +
<div  id="vbid-7d38c6a1-4rucml9a"  class="master item-box  gallery-box style-7d38c6a1-sjf0fpjv    button-effects btn_hover4      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-sjf0fpjv" data-preview-styleid='style-7d38c6a1-sjf0fpjv' data-preset-type-id="TEXT_BLOCK">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper text_block-wrapper ">
 +
 +
<div  class="sub container style-7d38c6a1-sjf0fpjv content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-7d38c6a1-sjf0fpjv" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-7d38c6a1-4rucml9a" data-preset-type-id="TEXT_BLOCK" data-preview-style="style-7d38c6a1-sjf0fpjv" data-style="style-4e411-j0xhjgzynh" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="flex"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="true"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-w3zz9l2u"  class="sub item-box  page-box style-7d38c6a1-sjf0fpjv          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-sjf0fpjv" data-preview-styleid='style-7d38c6a1-sjf0fpjv' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-w3zz9l2u" data-preview-style="style-7d38c6a1-sjf0fpjv" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-w3zz9l2u" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
−
/* styling for the titles  h3 h4 h5 h6*/
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;  
+
−
color: #000000; 
+
−
}
+
  
  
−
/* font and text */
+
<!-- MAP TEMPLATE -->
−
.igem_2017_content_wrapper p {
+
−
padding: 0px 15px;
+
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
−
font-size: 13px;
+
−
}
+
  
−
/* Links */
+
<!-- RAW TEMPLATE -->
−
.igem_2017_content_wrapper a {
+
−
font-weight: bold;
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
text-decoration: underline;
+
−
text-decoration-color: #3399ff;
+
−
color:  #3399ff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
  
−
/* hover for the links */
+
</div>
−
.igem_2017_content_wrapper a:hover {
+
−
text-decoration:none;
+
</div>
−
color:#000000;
+
−
}
+
  
−
/* non numbered lists */
+
</div>
−
.igem_2017_content_wrapper ul {
+
</div>
−
padding:0px 20px;
+
<div class="text-side shrinker-parent">
−
font-size: 13px;
+
<div class="vertical-aligner">
−
font-family:Tahoma, Geneva, sans-serif;
+
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
−
}
+
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
<!--  BY SPECIFIC ORDER -->
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<h2 id="vbid-7d38c6a1-pozgkpq5" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >ABOUT US<br></h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
/* numbered lists */
+
−
.igem_2017_content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;  
+
−
}
+
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 +
 +
<div id="vbid-7d38c6a1-rxzakaff" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 +
<p><span style="color: rgb(0, 0, 0);">The Electronic Nose (eNose) is composed of 1st Class Cadets, 2nd Class Cadets, and 3rd Class Cadets in the Departments of Chemistry and Life Science and Department of Mathematical Sciences. We've partnered with scientists from the Naval Research Laboratory (NRL) to develop a synthetic biology project to assist with the detection of aerosols and gases using a cell-based sensor.</span></p><p><br></p><p><span style="color: rgb(0, 0, 0);">Located in the scenic Hudson River Valley, only 50 miles north of New York City, the U.S. Military Academy at West Point is a four-year academic institution, a nationally-renowned historic site, and the oldest continuously occupied military post in America.</span></p>
 +
</div>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
/* Table */
+
−
.igem_2017_content_wrapper table {
+
−
width: 97%;  
+
−
margin:15px 10px;  
+
−
border: 1px solid #d3d3d3;  
+
</div>
−
border-collapse: collapse;  
+
</div>
−
}
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- TEXT_BLOCK END -->
 +
 +
 +
 +
 +
<!-- FEATURES START -->
 +
<div  id="vbid-7d38c6a1-2rvfd5gh"  class="master item-box  gallery-box style-7d38c6a1-siv2yhxh    button-effects btn_hover3      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="NATIVE_ORDER"  data-styleid="style-7d38c6a1-siv2yhxh" data-preview-styleid='style-7d38c6a1-siv2yhxh' data-preset-type-id="FEATURES">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper features-wrapper ">
 +
 +
<div  class="sub container style-7d38c6a1-siv2yhxh content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-7d38c6a1-siv2yhxh" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-7d38c6a1-2rvfd5gh" data-preset-type-id="FEATURES" data-preview-style="style-7d38c6a1-siv2yhxh" data-style="style-bcb38-emah0ancdk" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="matrix"
 +
data-ARRANGER_COLS="3"
 +
data-ARRANGER_ITEM_MAX_WIDTH="500"
 +
data-ARRANGER_ITEM_MIN_WIDTH="207.9"
 +
data-ARRANGER_ITEM_RATIO="0.1"
 +
data-ARRANGER_ITEM_SPACING="27"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="false"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT=""
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-wjal6g9d"  class="sub item-box  page-box style-7d38c6a1-siv2yhxh          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-siv2yhxh" data-preview-styleid='style-7d38c6a1-siv2yhxh' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-wjal6g9d" data-preview-style="style-7d38c6a1-siv2yhxh" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-wjal6g9d" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
/* table cells */
+
<div id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
−
.igem_2017_content_wrapper td {
+
<!-- VIDEO TEMPLATE -->
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
  
−
/* table headers */
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
.igem_2017_content_wrapper th {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;  
+
−
border-collapse: collapse;
+
−
background-color:#f2f2f2;
+
−
}
+
  
  
−
/**********************************LAYOUT CLASSES **********************************/
+
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
  
−
/* general class for column divs */
+
<!-- RAW TEMPLATE -->
−
.igem_2017_content_wrapper .column  {
+
−
padding: 10px 0px;
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
float:left;  
+
−
}
+
  
−
/* class for a full width column */
+
</div>
−
.column .full_size {
+
−
width:100%;
+
</div>
−
}
+
  
−
/* styling for images in a full width column*/
+
</div>
−
.column.full_size img {
+
</div>
−
width:97%;  
+
<div class="text-side shrinker-parent">
−
padding: 10px 15px;
+
<div class="vertical-aligner">
−
}
+
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
  
−
/* class for a half width column */
+
−
.column.half_size {
+
−
width: 50%;
+
<br class="upper-line-break" />
−
}
+
<div class="preview-title-holder removable-parent order-handle">
−
/* styling for images in a half width column*/
+
−
.column.half_size img {
+
<a href="/free/amitro02/igem-01/other"  data-link-type="EXISTING" target="_self" >
−
width: 94.5%;
+
−
padding: 10px 15px;
+
<h2 id="vbid-7d38c6a1-gqqwjjbn" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >TEAM<br></h2>
−
}
+
</a>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
  
 +
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
  
  
−
/********************************* SUPPORT CLASSES ********************************/
+
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
  
−
/* class that clears content below*/
+
−
.igem_2017_content_wrapper .clear {
+
−
clear:both;
+
<br class="upper-line-break" />
−
}
+
<div class="preview-body-holder removable-parent order-handle">
 
 
 +
<a href="/free/amitro02/igem-01/other"  data-link-type="EXISTING" target="_self" >
 
 
−
/* adds extra spacing when clearing content */
+
<div id="vbid-7d38c6a1-3phnff2l" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
.igem_2017_content_wrapper  .clear.extra_space {
+
<p class="font_8" style="text-align: center; line-height: 1.5em;"><span style="color:#000000;">Our team is a highly trained collection of Life Science Cadets from the United States Military Academy. We are leaders at West Point, and we plan to be leaders of science in synthetic biology.<br></span></p>
−
height: 30px;
+
</div>
−
}
+
</a>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
−
/* highlight class, makes content slightly smaller */
+
−
.igem_2017_content_wrapper .highlight {
+
<div class="preview-form order-handle">
−
margin: 0px 15px;
+
−
padding: 15px 0px;
+
−
}
+
  
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 +
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
  
−
/* highlight class, adds a gray background */
+
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
−
.igem_2017_content_wrapper .highlight.gray {
+
−
background-color: #f2f2f2;  
+
</div>
−
}
+
</div>
 +
 +
  
−
/* highlight with decoration blue line on top */
+
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
−
.igem_2017_content_wrapper .highlight.blue_top {
+
−
    border-top: 4px solid #3399ff;
+
−
}
+
  
−
/* highlight with a full blue border decoration */
 
−
.igem_2017_content_wrapper .highlight.blue_border {
 
−
    border: 4px solid  #3399ff;
 
−
}
 
  
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-m6kfym31"  class="sub item-box  page-box style-7d38c6a1-siv2yhxh          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-siv2yhxh" data-preview-styleid='style-7d38c6a1-siv2yhxh' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-m6kfym31" data-preview-style="style-7d38c6a1-siv2yhxh" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-m6kfym31" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
/* button class */
+
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
−
.igem_2017_content_wrapper .button{
+
<!-- VIDEO TEMPLATE -->
−
max-width: 35%;
+
−
margin: 30px auto;
+
−
padding: 12px 10px;
+
−
    background-color: #3399ff;
+
−
    text-align: center;
+
−
  color: #ffffff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
−
}
+
  
−
/* styling for button on hover */
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
.igem_2017_content_wrapper .button:hover{
+
−
background-color: #3399ff;
+
−
    color: #000000;
+
−
}
+
  
  
 +
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
  
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
  
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
</div>
 +
 +
</div>
 +
  
−
/* IF THE SCREEN IS LESS THAN 1200PX */
+
</div>
−
@media only screen and (max-width: 1200px) {
+
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
  
−
#content {width:100%; }
+
−
.igem_2017_menu_wrapper {width:15%; right:0;}
+
−
.highlight {padding:10px 0px;}
+
<br class="upper-line-break" />
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
<div class="preview-title-holder removable-parent order-handle">
−
#menu_content { display:block;}
+
−
.menu_button.direct_to_page {padding-left: 17px;}
+
<a href="https://2017.igem.org/Team:USMA-West_Point/Project"  data-link-type="EXISTING" target="_self" >
−
+
−
}
+
<h2 id="vbid-7d38c6a1-6tgc5bbi" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >PROJECT<br></h2>
 +
</a>
 +
</div>
 +
<br class="lower-line-break" />
  
−
/* IF THE SCREEN IS LESS THAN 800PX */
+
−
@media only screen and (max-width: 800px) {
+
  
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
−
.column.half_size  {width:100%; }
+
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
−
.highlight {padding:15px 5px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
−
#menu_content { display:none;}
+
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
−
.menu_bottom_padding {display:none;}
+
−
.menu_button.direct_to_page { padding-left: 36px; }
+
−
}
+
  
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 
 
 +
<a href="https://2017.igem.org/Team:USMA-West_Point/Project"  data-link-type="EXISTING" target="_self" >
 
 
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
<div id="vbid-7d38c6a1-ijczrpbt" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
.judges-will-not-evaluate {
+
<p><span style="color:#000000;"><span class="color_11">Our project utilizes the natural genetic sequence of human olfactory receptors. These plasmid sequences are inserted into animal neurons and a measured action potential can be used to detect odorants for homeland security, medical, and other necessary applications.</span></span><br></p>
−
    width: 96.6%;
+
</div>
−
  margin: 5px 15px;
+
</a>
−
  display: block;
+
</div>
−
border: 4px solid #3399ff;
+
<br class="lower-line-break" />
−
    font-weight: bold;
+
−
}
+
−
+
−
</style>
+
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 +
<div class="preview-form order-handle">
  
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 +
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
  
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
  
−
<head>  
+
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
  
−
<!-- This tells the browser that your page is responsive -->
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
  
−
</head>
+
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-egm7lqd3"  class="sub item-box  page-box style-7d38c6a1-siv2yhxh          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-siv2yhxh" data-preview-styleid='style-7d38c6a1-siv2yhxh' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-egm7lqd3" data-preview-style="style-7d38c6a1-siv2yhxh" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-egm7lqd3" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
 +
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
  
−
<div class="igem_2017_menu_wrapper" >
 
  
 +
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
  
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
  
−
<a href="https://2017.igem.org/Team:Example2">
+
</div>
−
<img src="http://placehold.it/350x150">
+
 +
</div>
 +
 +
 
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="element-placeholder" data-elementtype='ICON' style="display:none;"></div>
 +
 
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<a href="https://2017.igem.org/Team:USMA-West_Point/deliverables"  data-link-type="EXISTING" target="_self" >
 +
 +
<h2 id="vbid-7d38c6a1-xxgz5coo" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >DELIVERABLES<br></h2>
 
</a>
 
</a>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
  
−
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
−
<div class="menu_button" id="display_menu_control">
+
−
MENU 
+
−
</div>  
+
  
−
<div id="menu_content">
+
 
 +
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
 +
 
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-body-holder removable-parent order-handle">
 
 
 +
<a href="https://2017.igem.org/Team:USMA-West_Point/deliverables"  data-link-type="EXISTING" target="_self" >
 +
 +
<div id="vbid-7d38c6a1-a36bnvb9" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 +
<p><span style="color:#000000;"><span class="color_11">We accomplished the necessary requirements for the bronze and silver iGEM medals. Judge us for Gold. Click here to learn more.</span></span><br></p>
 +
</div>
 +
</a>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
 +
 +
<div class="preview-form order-handle">
  
−
<a href="https://2017.igem.org/Team:Example2">
+
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
−
<div class="menu_button direct_to_page">
+
</div>
−
HOME
+
−
</div>
+
<div class="preview-item-links order-handle ">
−
</a>
+
<div class="preview-links-wrapper">
  
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
  
 +
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
  
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> TEAM
 
−
</div>
 
  
−
<div class="submenu_wrapper" id="team_submenu">
+
−
+
−
<a href="https://2017.igem.org/Team:Example2/Team">
+
−
<div class="submenu_button" id="Team_page">
+
</div>
−
Team
+
</div>
 +
</div>
 
</div>
 
</div>
−
</a>
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- FEATURES END -->
 +
 +
 +
 +
 +
<!-- FEATURES START -->
 +
<div  id="vbid-7d38c6a1-qv93wbs0"  class="master item-box  gallery-box style-7d38c6a1-ibikj8su    button-effects btn_hover3      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="NATIVE_ORDER"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="FEATURES">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper features-wrapper ">
 +
 +
<div  class="sub container style-7d38c6a1-ibikj8su content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-7d38c6a1-ibikj8su" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-7d38c6a1-qv93wbs0" data-preset-type-id="FEATURES" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-emah0ancdk" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="matrix"
 +
data-ARRANGER_COLS="4"
 +
data-ARRANGER_ITEM_MAX_WIDTH="1000"
 +
data-ARRANGER_ITEM_MIN_WIDTH="153.29999999999998"
 +
data-ARRANGER_ITEM_RATIO="0.1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="false"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT=""
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
<!-- STRIPE HEADER -->
 +
<div class="stripe-header-wrapper">
 +
<div  id="vbid-7d38c6a1-p0kjetqw"  class="stripe-header sub item-box page-box style-7d38c6a1-ibikj8su      " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="UNRESOLVED">
 +
<div class="page-wrapper item-wrapper ">
 +
<div class="item-content leaf blocks_layout page content" data-self="vbid-7d38c6a1-p0kjetqw" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-emah0ancdk" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-p0kjetqw" data-bgimg="">
 +
<div class="helper-div middle" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="text-side ">
 +
<div class="vertical-aligner">
 +
<div class="item-details blocks-preview-content-wrapper  blocks shrinker-parent" style="position:relative;">
 +
<div class="blocks-preview-content-holder shrinker-content">
 +
<!--  BY SPECIFIC ORDER -->
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="blocks-preview-subtitle-holder removable-parent order-handle">
 +
 +
<h3 id="vbid-7d38c6a1-ambadxbu" class="preview-element blocks-preview-subtitle magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_SUBTITLE">TEAM AFFILIATION<br></h3>
 +
 
 +
</div>
 +
<br class="lower-line-break" />
  
−
<a href="https://2017.igem.org/Team:Example2/Collaborations">
+
−
<div class="submenu_button"  id="Collaborations_page">
+
−
Collaborations
+
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</a>
+
</div>
−
+
−
+
 
</div>
 
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="blocks"></div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 +
 +
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-z0oawgcz"  class="sub item-box  page-box style-7d38c6a1-ibikj8su          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-z0oawgcz" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-z0oawgcz" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
 +
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
 +
 +
 +
<!-- MAP TEMPLATE -->
 
 
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
 +
 +
<!-- RAW TEMPLATE -->
 
 
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
  
−
<div class="menu_button">
+
</div>
−
<div class="expand_collapse_icon">  </div> PROJECT
+
−
</div>
+
</div>
 +
  
−
<!-- project submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Example2/Description">
 
−
<div class="submenu_button"  id="Description_page">
 
−
Description
 
 
</div>
 
</div>
−
</a>
+
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="preview-icon-holder Icon removable-parent order-handle" >
 +
 +
<a href="http://www.usma.edu/chemistry/SitePages/Home.aspx"  data-link-type="EXTERNAL" target="_blank" >
 +
 +
<img id="vbid-7d38c6a1-kadvoi7n" class="preview-element icon-source magic-circle-holder shrinkable-img  allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/YSBMjQkBwjgqL09DxTYgpi3zYzUNmxZ_qfj4C6YrLW5VFtUl8zw2i_u4IwmvuqiMkdIZ5bJAV_3sfqV85A" />
 +
</a>
 +
</div>
  
−
<a href="https://2017.igem.org/Team:Example2/Design">
+
−
<div class="submenu_button"  id="Design_page">
+
−
Design
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Experiments">
+
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
−
<div class="submenu_button" id="Experiments_page">
+
−
Experiments
+
−
</div>
+
−
</a>
+
  
  
−
<a href="https://2017.igem.org/Team:Example2/Notebook">
+
−
<div class="submenu_button" id="Notebook_page">
+
−
Notebook
+
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/InterLab">
+
−
<div class="submenu_button" id="InterLab_page">
+
−
InterLab
+
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Contribution">
+
−
<div class="submenu_button" id="Contribution_page">
+
−
Contribution
+
<div class="element-placeholder" data-elementtype='BODY' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Model">
+
−
<div class="submenu_button" id="Model_page">
+
−
Model
+
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Results">
+
−
<div class="submenu_button" id="Results_page">
+
<div class="preview-form order-handle">
−
Results
+
−
</div>
+
−
</a>
+
  
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 +
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
  
−
<a href="https://2017.igem.org/Team:Example2/Demonstrate">
+
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
−
<div class="submenu_button" id="Demonstrate_page">
+
−
Demonstrate
+
</div>
−
</div>
+
</div>
−
</a>
+
 +
  
−
<a href="https://2017.igem.org/Team:Example2/Improve">
+
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
−
<div class="submenu_button" id="Improve_page">
+
−
Improve
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Attributions">
+
 
−
<div class="submenu_button"  id="Attributions_page">
+
−
Attributions
+
 +
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</a>
+
</div>
−
 
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 
</div>
 
</div>
−
 
 
 
 
 
 
 
−
+
−
 
+
−
<div class="menu_button">
+
−
<div class="expand_collapse_icon"> </div> PARTS
+
<div id="vbid-7d38c6a1-zegn9uk4" class="sub item-box  page-box style-7d38c6a1-ibikj8su          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="UNRESOLVED">
−
</div>
+
−
+
−
<!-- parts submenu -->
+
−
<div class="submenu_wrapper">
+
 
 
−
<a href="https://2017.igem.org/Team:Example2/Parts">
+
<div class="page-wrapper item-wrapper ">
−
<div class="submenu_button"  id="Parts_page">
+
−
Parts
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-zegn9uk4" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-zegn9uk4" data-bgimg="">
−
</div>
+
<div class="multi-container preview image-cover" >
−
</a>
+
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
<a href="https://2017.igem.org/Team:Example2/Basic_Part">
+
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
−
<div class="submenu_button"  id="Basic_Part_page">
+
<!-- VIDEO TEMPLATE -->
−
Basic Parts
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Composite_Part">
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
<div class="submenu_button" id="Composite_Part_page">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Part_Collection">
 
−
<div class="submenu_button"  id="Part_Collection_page">
 
−
Part Collection
 
−
</div>
 
−
</a>
 
−
</div>
 
  
 +
<!-- MAP TEMPLATE -->
 
 
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
 +
 +
<!-- RAW TEMPLATE -->
 
 
−
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
+
  
−
<a href="https://2017.igem.org/Team:Example2/Safety">
+
</div>
−
<div class="menu_button direct_to_page">
+
−
SAFETY
+
</div>
−
</div>  
+
−
</a>
+
  
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="preview-icon-holder Icon removable-parent order-handle" >
 +
 +
<a href="http://www.westpoint.edu/SitePages/Home.aspx"  data-link-type="EXTERNAL" target="_blank" >
 +
 +
<img id="vbid-7d38c6a1-daruo5er" class="preview-element icon-source magic-circle-holder shrinkable-img  allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/1QavcOugmC4RndNgTLq1G7iQZOtcQKsrYMjwVjducge_dTOmilj2xR0vyOqOhANrd901jStoCR3oO4YB" />
 +
</a>
 +
</div>
  
 +
 +
  
 +
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
  
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
  
−
<div class="menu_button" >
+
−
<div class="expand_collapse_icon"> </div> HUMAN PRACTICES
+
−
</div>  
+
<div class="element-placeholder" data-elementtype='BODY' style="display:none;"></div>
  
−
<!-- human practices submenu -->
+
−
<div class="submenu_wrapper">
+
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
−
<a href="https://2017.igem.org/Team:Example2/HP/Silver">
+
−
<div class="submenu_button"   id="Silver_page">
+
<div class="preview-form order-handle">
−
Silver HP
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/HP/Gold_Integrated">
+
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
−
<div class="submenu_button" id="Gold_Integrated_page">
+
</div>
−
Integrated and Gold
+
−
</div>
+
<div class="preview-item-links order-handle ">
−
</a>
+
<div class="preview-links-wrapper">
  
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
  
−
<a href="https://2017.igem.org/Team:Example2/Engagement">
+
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
−
<div class="submenu_button" id="Engagement_page">
+
−
Public Engagement
+
−
</div>
+
−
</a>
+
  
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-nb4t4jxt"  class="sub item-box  page-box style-7d38c6a1-ibikj8su          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-nb4t4jxt" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-nb4t4jxt" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
−
<div class="menu_button">
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
<div class="expand_collapse_icon"> </div> AWARDS
+
−
</div>  
+
  
−
<!-- awards submenu -->
 
−
<div class="submenu_wrapper">
 
  
−
<a href="https://2017.igem.org/Team:Example2/Applied_Design">
+
<!-- MAP TEMPLATE -->
−
<div class="submenu_button" id="Applied_Design_page">
+
−
Applied Design
+
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Entrepreneurship">
+
<!-- RAW TEMPLATE -->
−
<div class="submenu_button" id="Entrepreneurship_page">
+
−
Entrepreneurship
+
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Hardware">
+
</div>
−
<div class="submenu_button"  id="Hardware_page">
+
−
Hardware
+
</div>
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Measurement">
 
−
<div class="submenu_button"  id="Measurement_page">
 
−
Measurement
 
 
</div>
 
</div>
−
</a>
+
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="preview-icon-holder Icon removable-parent order-handle" >
 +
 +
<a href="https://www.nrl.navy.mil/chemistry/front"  data-link-type="EXTERNAL" target="_blank" >
 +
 +
<img id="vbid-7d38c6a1-slldoddp" class="preview-element icon-source magic-circle-holder shrinkable-img  allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/JT-jn3bKsEqGBbHZxyh7zHyataNlhtRTi60Mmq6CRLR0adnX59-XatcbJk5zeng3Gzbkwyk-IqEzizX0uw" />
 +
</a>
 +
</div>
  
−
<a href="https://2017.igem.org/Team:Example2/Model">
+
−
<div class="submenu_button"  id="Model_page">
+
−
Model
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:Example2/Plant">
+
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
−
<div class="submenu_button" id="Plant_page">
+
−
Plant
+
−
</div>
+
−
</a>
+
  
  
−
<a href="https://2017.igem.org/Team:Example2/Software">
+
−
<div class="submenu_button" id="Software_page">
+
−
Software
+
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
−
</div>  
+
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
  
−
<a href="https://igem.org/2017_Judging_Form?team=Example2">
+
−
<div class="menu_button direct_to_page">
+
−
JUDGING FORM
+
<div class="element-placeholder" data-elementtype='BODY' style="display:none;"></div>
−
</div>
+
−
</a>
+
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
 +
 +
<div class="preview-form order-handle">
 +
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 +
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
 +
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 
 
−
<div class="menu_bottom_padding" >
 
−
</div>
 
 
 
−
</div>
+
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-mst181pj"  class="sub item-box  page-box style-7d38c6a1-ibikj8su          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-ibikj8su" data-preview-styleid='style-7d38c6a1-ibikj8su' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-mst181pj" data-preview-style="style-7d38c6a1-ibikj8su" data-style="style-bcb38-bwz05fysvv" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-mst181pj" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
 +
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
  
  
 +
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
 +
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
 +
 +
</div>
 +
 
</div>
 
</div>
 +
  
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
 +
<!--  BY NATIVE ORDER -->
 +
 +
 +
<div class="preview-icon-holder Icon removable-parent order-handle" >
 +
 +
<a href="http://www.usma.edu/cms/SitePages/Home.aspx"  data-link-type="EXTERNAL" target="_blank" >
 +
 +
<img id="vbid-7d38c6a1-c8tbuuyr" class="preview-element icon-source magic-circle-holder shrinkable-img  allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/_YEpqPLcBzYjDQ1NmuaizcOER6J7dwg1g1P3KYNPZtiNYhene9N9FN6HI8STZDL2PY0gO8jpRgWK4vTALw" />
 +
</a>
 +
</div>
  
 +
 +
  
−
<!-- start of content -->
+
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
  
  
−
<div class="igem_2017_content_wrapper">
+
 +
 +
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='BODY' style="display:none;"></div>
  
 +
 +
 +
<div class="element-placeholder" data-elementtype='PRICE' style="display:none;"></div>
  
−
<div class="column full_size" >
+
−
<img src="https://static.igem.org/mediawiki/2017/9/9c/ArmyWP.png">
+
<div class="preview-form order-handle">
 +
 
 +
<div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div>
 
</div>
 
</div>
 +
 +
<div class="preview-item-links order-handle ">
 +
<div class="preview-links-wrapper">
  
 +
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 +
 +
</div>
 +
</div>
 +
 +
  
 +
<div class="element-placeholder" data-elementtype='SOCIAL' style="display:none;"></div>
  
−
<div class="column full_size" >
 
−
<h1> Detection through Olfaction! </h1>
 
−
<p>What are the 5 official senses? Sight, hearing, taste, smell, and touch! These 5 senses allow animals to perceive their world. Biology has created a wealth of different sensors for physical detection and chemical sensation. Current engineered technology has created sensors that respond to physical detection, but very few allow for chemical detection. Here, we offer a synthetic biology approach to detect chemicals that can be used in capacities for homeland security and medical applications. </p>
 
−
</div>
 
  
−
<div class="clear"></div>
+
−
 
+
−
<div class="column half_size" >
+
−
<h5>Before you start: </h5>
+
</div>
−
<p> Please read the following pages:</p>
+
</div>
−
<ul>
+
</div>
−
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
</div>
−
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
</div>
−
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
</div>
−
</ul>
+
</div>
 
</div>
 
</div>
−
 
−
<div class="column half_size" >
 
−
<div class="highlight">
 
−
<h5> Styling your wiki </h5>
 
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 
 
</div>
 
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 
</div>
 
</div>
 +
 +
</div>
 +
</div>
 +
<!-- FEATURES END -->
 +
 +
 +
 +
 +
<!-- TEXT_BLOCK START -->
 +
<div  id="vbid-7d38c6a1-sweqbjtx"  class="master item-box  page-box style-7d38c6a1-i1eetr8y          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-i1eetr8y" data-preview-styleid='style-7d38c6a1-i1eetr8y' data-preset-type-id="TEXT_BLOCK">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="page-wrapper item-wrapper text_block-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-sweqbjtx" data-preview-style="style-7d38c6a1-i1eetr8y" data-style="style-53444-pkeicslc5r" data-orig-thumb-height="1303" data-orig-thumb-width="2000" data-vbid="vbid-7d38c6a1-sweqbjtx" data-bgimg="https://lh3.googleusercontent.com/I14iAhDtNTpAIix2chOQFewIKz5pUr3AONdYY2Aanop6bLO_GYYCYCv8f0Is24LLpHg82Sii9RUqmXH1">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="vbid-7d38c6a1-lfdwpmrs-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
−
<div class="column full_size" >
+
<div id="vbid-7d38c6a1-lfdwpmrs" class="inner-pic preview-element parallax50-bg magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/I14iAhDtNTpAIix2chOQFewIKz5pUr3AONdYY2Aanop6bLO_GYYCYCv8f0Is24LLpHg82Sii9RUqmXH1=s300);"  data-orig-width="2000" data-orig-height="1303" >
−
<h5> Wiki template information </h5>
+
<!-- VIDEO TEMPLATE -->
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
−
</div>  
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
  
  
 +
<!-- MAP TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
  
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
  
−
<div class="column half_size" >
+
</div>
−
<h5> Editing your wiki </h5>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
 
</div>
 
</div>
 +
  
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
<!--  BY SPECIFIC ORDER -->
 +
 +
 +
 +
<div class="preview-item-links order-handle removable-parent" style="display:inline-block;">
  
−
<div class="column half_size" >
+
<a class="removable-parent" href="http://www.usma.edu/SitePages/Home.aspx" data-link-type="EXTERNAL"  target="_self" >
−
<h5>Tips</h5>
+
 
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<span id="vbid-7d38c6a1-hnu3c0ub"  class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >CONTACT US</span>
−
<ul>
+
</a>
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>  
+
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
<!-- TEXT_BLOCK END -->
 +
 +
 +
 +
 +
<!-- FOOTERS START -->
 +
<div  id="vbid-7d38c6a1-vhgfqwrt"  class="master item-box  gallery-box style-7d38c6a1-sr6fbz1e          " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-sr6fbz1e" data-preview-styleid='style-7d38c6a1-sr6fbz1e' data-preset-type-id="FOOTERS">
 +
<div id="no-image" class="stripe-background load-high-res " ></div>
 +
<div class="gallery-wrapper item-wrapper footers-wrapper ">
 +
 +
<div  class="sub container style-7d38c6a1-sr6fbz1e content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-7d38c6a1-sr6fbz1e" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-7d38c6a1-vhgfqwrt" data-preset-type-id="FOOTERS" data-preview-style="style-7d38c6a1-sr6fbz1e" data-style="style-f3095-j0xhjgzynh" data-absolute-path="/free/amitro02"  >
 +
<!-- ARRANGER SETTINGS -->
 +
<div class="arranger-settings" style="display:none;"
 +
data-ARRANGER_TYPE="flex"
 +
data-ARRANGER_COLS="0"
 +
data-ARRANGER_ITEM_MAX_WIDTH="400"
 +
data-ARRANGER_ITEM_MIN_WIDTH="230"
 +
data-ARRANGER_ITEM_RATIO="1"
 +
data-ARRANGER_ITEM_SPACING="20"
 +
data-ARRANGER_ITEMS_PER_PAGE="all"
 +
data-ARRANGER_ORDER_TYPE="regular"
 +
data-AUTO_PLAY="true"
 +
data-AUTO_PLAY_DURATION="4"
 +
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 +
></div>
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
<div id="children">
 +
 +
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 +
 +
 +
 +
 +
<div  id="vbid-7d38c6a1-eqit56l5"  class="sub item-box  page-box style-7d38c6a1-sr6fbz1e          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-7d38c6a1-sr6fbz1e" data-preview-styleid='style-7d38c6a1-sr6fbz1e' data-preset-type-id="UNRESOLVED">
 +
 +
<div class="page-wrapper item-wrapper ">
 +
 +
<div class="item-content leaf multi_layout page content -container" data-self="vbid-7d38c6a1-eqit56l5" data-preview-style="style-7d38c6a1-sr6fbz1e" data-style="style-f3095-yq39oaomol" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-7d38c6a1-eqit56l5" data-bgimg="">
 +
<div  class="multi-container preview image-cover" >
 +
<div class="Picture item-preview">
 +
<div class="preview-image-holder">
 +
<div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style="">
 +
</div>
 +
<div class="helper-div middle-center" >
 +
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 +
<div class="pic-side">
 +
<div class="vertical-aligner">
 +
<div id="no-image-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
  
 +
<div  id="no-image" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style=""  data-orig-width="" data-orig-height="" >
 +
<!-- VIDEO TEMPLATE -->
 +
  
−
<div class="column half_size" >
+
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
−
<h5>Inspiration</h5>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
 
−
<h5> Uploading pictures and files </h5>
 
−
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
 
  
−
<a href="https://2017.igem.org/Special:Upload">
+
<!-- MAP TEMPLATE -->
−
UPLOAD FILES
+
−
</a>
+
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
−
</p>
+
 
 +
<!-- RAW TEMPLATE -->
 +
 +
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
 +
 
 +
</div>
 +
 
</div>
 
</div>
 +
  
 +
</div>
 +
</div>
 +
<div class="text-side shrinker-parent">
 +
<div class="vertical-aligner">
 +
<div class="item-details preview-content-wrapper  multi" style="position:relative;">
 +
<div class="draggable-div-holder"></div>
 +
<div class="preview-content-holder shrinker-content">
 +
 +
<!--  BY SPECIFIC ORDER -->
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-title-holder removable-parent order-handle">
 +
 +
<h2 id="vbid-7d38c6a1-jkaeeacm" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >DEPARTMENT OF CHEMISTRY AND LIFE SCIENCE<br></h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-subtitle-holder removable-parent order-handle">
 +
 +
<h3 id="vbid-7d38c6a1-1dorqubw" class="preview-element preview-subtitle magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_SUBTITLE">BARTLETT HALL, ROOM 400, WEST POINT, NY 10996, USA</h3>
  
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 +
 +
 +
<div class="preview-item-links order-handle removable-parent" style="display:inline-block;">
  
 +
<span id="vbid-7d38c6a1-ynlsfdhm"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >TEL: 845.938.3915</span>
  
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<br class="upper-line-break" />
 +
<div class="preview-social-wrapper removable-parent order-handle"  >
 +
<div id="vbid-7d38c6a1-bdvlps7u" class="preview-element preview-social-holder magic-circle-holder" data-menu-name="PREVIEW_SOCIAL" data-theme="8" >
 +
 +
<div id="FACEBOOK" class='link-entry ' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="FACEBOOK" data-img-url="//www.imcreator.com/images/socialmedia/8facebook.png">
 +
<a class='social-link-url' href="https://www.facebook.com/West-Point-Department-of-Chemistry-and-Life-Science-385389195808/" target='_blank'><img class='preview-link-img ' src="//www.imcreator.com/images/socialmedia/8facebook.png" ></a>
 +
</div>
 +
 +
<div id="TWITTER" class='link-entry ' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="TWITTER" data-img-url="//www.imcreator.com/images/socialmedia/8twitter.png">
 +
<a class='social-link-url' href="https://twitter.com/WestPoint_USMA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target='_blank'><img class='preview-link-img ' src="//www.imcreator.com/images/socialmedia/8twitter.png" ></a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- LAYOUT SETTINGS -->
 +
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- FOOTERS END -->
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="light-box-wrapper  space-layer" style="display:none;">
 +
<div class="light-box-image-holder">
 +
<div class="light-box-image animated">
 +
 +
</div>
 +
<div class="lightbox-text-wrapper ">
 +
<div class="lightbox-text-holder animated">
 +
<div class="lightbox-title"></div>
 +
<div class="lightbox-subtitle"></div>
 +
<div id="paginator" style="display:none;">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
    <img src="https://lh3.googleusercontent.com/EWqW7DEI4kOTRMLjK2-ObFHp-EYBt5apFYZ1LVFAhLtTLjigCRfx5hCCTKbIjIm68VQ00p9twloHJ9w8=s50" class="download-gallery-btn clickable" style="display: none;">
 +
<img src="https://lh3.googleusercontent.com/TgRyMQvJ3_h9RmOnu7AlhIE7NLOOBsRoBounARrs8fQv8HCRPaFtpBneSqJOSZpI6l7He_bAZKN179JBig=s50" class="close-lightbox-btn clickable" style="opacity: 1;">
 +
<img src="https://lh3.googleusercontent.com/43-pXHjwrpmVO8Oean-6BD0uzARvcqUQrpdi7Yw2bxaXwEoP21UdN5kW6Ks9pdOxf7ropMUrh0djgYPwYPU=s50" class="lightbox-arrow lightbox-left clickable top-layer" >
 +
<img src="https://lh3.googleusercontent.com/9rwgVnDglPdPFugSu98fhDmxzjXC9KovZ_7BuHkXPIv6jvg9S96flGnhL_e4y8mIpPpZQstfqEV-WitY=s50" class="lightbox-arrow lightbox-right clickable top-layer" >
 +
</div>
 +
 +
</div>
 +
 +
<script src="//www.imcreator.com/js/lightbox.js?v=1.4.1f"  type="text/javascript"></script>
 +
<script src="//www.imcreator.com/js/spimeengine.js?v=1.4.1f"  type="text/javascript"></script>
 +
 +
 +
<!--  SHOPROCKET  ECOMMERCE  -->
 +
<script>
 +
var JSR = jQuery.noConflict();
 +
var $ = jQuery.noConflict();
 +
</script>
 +
 +
<input type="hidden" name="sr-companyid" id="sr-companyid" value="">
 +
</body>
 +
 +
 
</html>
 
</html>

Latest revision as of 23:08, 1 November 2017

HOME
TEAM
PROJECT
Project
Description
Design
Experiments
Notebook
InterLab
Results
Demonstrate
Attributions
DELIVERABLES
PARTS
Parts
Basic Parts
Part Collection
SAFETY
HUMAN PRACTICES
Integrated and Silver/Gold
Public Engagement
AWARDS
Entrepreneurship
Applied Design
Hardware
JUDGING FORM

USMA-West_Point


iGem 01

usMA-WEST POINT


USMA - West Point



eLECTRONIC NOSE



DETECTION THROUGH OLFACTION



ABOUT US



The Electronic Nose (eNose) is composed of 1st Class Cadets, 2nd Class Cadets, and 3rd Class Cadets in the Departments of Chemistry and Life Science and Department of Mathematical Sciences. We've partnered with scientists from the Naval Research Laboratory (NRL) to develop a synthetic biology project to assist with the detection of aerosols and gases using a cell-based sensor.


Located in the scenic Hudson River Valley, only 50 miles north of New York City, the U.S. Military Academy at West Point is a four-year academic institution, a nationally-renowned historic site, and the oldest continuously occupied military post in America.



TEAM AFFILIATION


CONTACT US

DEPARTMENT OF CHEMISTRY AND LIFE SCIENCE



BARTLETT HALL, ROOM 400, WEST POINT, NY 10996, USA


TEL: 845.938.3915