Difference between revisions of "Team:Cadets2Vets/Description"

 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Cadets2Vets}}
+
{{Team:Cadets2Vets/SideMenu}}
−
<html>
+
  
  
−
<head>
+
<html>
 +
<head>
 
<title>
 
<title>
−
Experiments - USE THIS ONE!!!</title>
+
Description - Home</title>
 
<!-- META -->
 
<!-- META -->
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-width, maximum-scale=1"/>  
 
<meta name="viewport" content="width=device-width, maximum-scale=1"/>  
 
 
 +
 +
<!-- CSS -->
 +
<link href="https://2017.igem.org/Team:Cadets2Vets/css/common?action=raw&ctype=text/css" rel="stylesheet">
 +
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/all_css?action=raw&ctype=text/css" rel="stylesheet">
 
 
−
<meta name="robots" content="noindex, nofollow">
 
−
 
−
 
−
 
−
<script src="https://www.youtube.com/iframe_api"></script>
 
−
<!-- CSS -->
 
−
<link rel="stylesheet" href="//edit.www.imcreator.com/css/common.css?v=1.4.0p1">
 
−
<link rel="stylesheet" href="//edit.www.imcreator.com/js/lib/sweetalert/sweetalert.css" />
 
−
<link rel="stylesheet" type="text/css" href="//edit.www.imcreator.com/all_css.css?v=1.4.0p1" />
 
−
 
 
 
 
 
−
<link rel="icon" type="image/png" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
+
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2017/7/71/Circleimage1.png" />
−
<link rel="apple-touch-icon" href="https://lh3.googleusercontent.com/dd_e0xA19up9208Tv6odcjHEw6z4cKAA6fTgjZ9ynkKoSnr5R4vFxI7gZp6pnZH1Vi5T5f-fphjFsrLG=s30" />
+
<link rel="apple-touch-icon" href="https://static.igem.org/mediawiki/2017/7/71/Circleimage1.png" />
 
 
 
 
 
 
−
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+
<link id="vbid-59a5b-fnxcttvm-STRIPE_DATA" link href="https://2017.igem.org/Team:Cadets2Vets/css/stripe_data_css?action=raw&ctype=text/css" rel="stylesheet">
−
+
−
<link id="style-59a5b-mfwumtzk" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-mfwumtzk&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-ecga9z2y" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-ecga9z2y&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-up4vqblq" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-up4vqblq&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-mbbodavg" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-mbbodavg&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-2upaool4" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-2upaool4&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-lbaqmrpi" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-lbaqmrpi&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-rzwawvht" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-rzwawvht&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-jbqq3wgo" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-jbqq3wgo&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="style-59a5b-yamofliu" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_dynamic_css?style_id=style-59a5b-yamofliu&viewer=xprs&parent_style=style-59a5b-mfwumtzk&v=1.4.0p1">
+
−
<link id="vbid-59a5b-l5xeq0z6-STRIPE_DATA" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_data_css?page_id=vbid-59a5b-l5xeq0z6-STRIPE_DATA&v=1.4.0p1">  
+
 
 
−
<link id="vbid-59a5b-fnxcttvm-STRIPE_DATA" rel="stylesheet" type="text/css"  href="//edit.www.imcreator.com/stripe_data_css?page_id=vbid-59a5b-fnxcttvm-STRIPE_DATA&v=1.4.0p1">  
+
<link id="vbid-04d15a56-3o81aqko-STRIPE_DATA" link href="https://2017.igem.org/Team:Cadets2Vets/css/description/stripe_data_css?action=raw&ctype=text/css" rel="stylesheet">
 
 
−
<link rel="stylesheet" type="text/css" href="//edit.www.imcreator.com/css/fonts.css?v=1.4.0p1" />
+
<link href="https://2017.igem.org/Team:Cadets2Vets/css/fonts?action=raw&ctype=text/css" rel="stylesheet">
−
<link rel="stylesheet" type="text/css" href="//edit.www.imcreator.com/css/effects.css?v=1.4.0p1" />
+
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/effects?action=raw&ctype=text/css" rel="stylesheet">
−
<link rel="stylesheet" type="text/css" href="//edit.www.imcreator.com/css/lightbox.css?v=1.4.0p1">
+
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/lightbox?action=raw&ctype=text/css" rel="stylesheet">
 +
                <link href="https://2017.igem.org/Team:Cadets2Vets/css/spimeview?action=raw&ctype=text/css" rel="stylesheet">
 
 
−
<link rel="stylesheet" type="text/css" href="//edit.www.imcreator.com/css/spimeview.css?v=1.4.0p1">
 
 
 
 +
<link id="vbid-04d15a56-3o81aqko-STATIC_STYLE" link href="https://2017.igem.org/Team:Cadets2Vets/css/description/static_style?action=raw&ctype=text/css" rel="stylesheet">
 
 
 
<!-- SCRIPT -->
 
<!-- SCRIPT -->
−
<script src="https://code.jquery.com/jquery-2.x-git.min.js" type="text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/xprs_helper?action=raw&ctype=text/javascript"></script>
−
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyByWRZWFbQRxJM7SiNz2NURPDPJPqTtBQQ" type="text/javascript"></script>
+
−
+
−
<script src="//edit.www.imcreator.com/js/xprs_helper.js?v=1.4.0p1" type="text/javascript"></script>
+
−
+
−
<script src="//edit.www.imcreator.com/js/lib/jquery.cookie.min.js" type="text/javascript"></script>
+
−
<script src="//edit.www.imcreator.com/js/lib/sweetalert/sweetalert.min.js" type="text/javascript"></script>
+
−
<script src="//edit.www.imcreator.com/translation_js?lang=en" type="text/javascript"></script>
+
−
+
−
<!-- User Head Code -->
+
−
+
−
+
−
<script src="https://imos004-dot-im--os.appspot.com/js/imos.js?v=1.4.0p1" type="text/javascript"></script>
+
  
−
<script type="text/javascript" src="//edit.www.imcreator.com/all_js.js?v=1.4.0p1"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/all_js?action=raw&ctype=text/javascript"></script>
−
<script src="//edit.www.imcreator.com/js/lib/touchswipe/jquery.mobile.custom.min.js"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/lib/touchswipe/jquery_mobile_custom_min?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript">IMOS.pageView();</script>
+
 
 
 
 
Line 73: Line 44:
 
 
 
<!-- User analytics -->
 
<!-- User analytics -->
−
 
−
<script type="text/javascript">
 
−
  var _gaq = _gaq || [];
 
−
  _gaq.push(['_setAccount', '']);
 
−
  _gaq.push(['_trackPageview']);
 
−
  (function() {
 
−
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
−
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
−
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
−
  })();
 
−
</script>
 
  
  
 +
<!-- Serving analytics -->
 +
<script>
 +
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-->
 
<!-- Label config-->
 
<script>
 
<script>
 
 
−
var LABEL_CONFIG = JSON.parse('{"LANDING_PAGE": "fast_homepage", "BILLING": {"BUY_NOW_URL": "none", "BUY_NOW_IMAGE": "none", "PAYPAL_RECURRENCES": "1", "CUSTOM_CURRENCY": "USD", "HIDE_FREE_URL": "off", "PAYPAL_ID": "", "PAYPAL_AMOUNT": "100", "CUSTOM_TITLE": "Single Commercial License", "PAYPAL_PERIOD": "Y", "CUSTOM_EXPLAINED": "single domain connection for a single site. unlimited bandwidth, unlimited storage, premium support, e-commerce", "BILLING_TYPE": "abtest", "PAYPAL_OFFER_NAME": "Premium Subscription", "PAYPAL_EXPLAINED": "single domain connection for a single site. unlimited bandwidth, unlimited storage, premium support, e-commerce", "CUSTOM_CYCLE": "/month paid annualy", "PAYPAL_CURRENCY": "USD", "CUSTOM_PRICE": "100"}, "BRANDING": {"BRAND_THEMES_LOGO": "none", "BRAND_SECONDARY_COLOR": "rgb(255,255,255)", "BRAND_MAIN_COLOR": "#0099CC", "BRAND_BG": "https://lh3.googleusercontent.com/ZgLp2jeL7ynJJZ-aMv-LgcFLv1-wuV0E4mMxsQXqyPe9CDHiClIlQODrGLalwzQp4XNWjMBy8Z68369P4Q", "BUTTON_HOVER_COLOR": "#0099cc", "BRAND_SMALL_LOGO": "https://lh3.googleusercontent.com/PVw5qfegr3TcOhyx6UH2QShnmtTexxEIuzECuxiKnbfkzYPv28lrzSMSnelUe7nkoYjs-KLxOYzo1wgOSZk", "BRAND_LARGE_LOGO": "https://lh3.googleusercontent.com/BVPCuhW88_eSWMXpfFE8ZZh9IxRktAzfOp_rZ9vvhH2zLhLNoCJ6TjOleEnqppMxvYHdvsxDX-uXWfRrgQ"}, "SUPPORT": {"SUPPORT_URL": "http://support.imxprs.com/hc/en-us/requests/new", "VIDEO_ID": "K1ZnSLe-Rdk", "SUPPORT_ID": "", "KNOWLEDGE_CENTER_URL": "http://support.imxprs.com/hc/en-us"}, "ANALYTICS_ID": "UA-64970204-1", "META": {"OWNER": "xprsxprs", "DOMAIN": "imcreator.com", "CREATION_DATE": "28-07-2015 13:34:42", "PRODUCT_NAME": "XPRS", "NAME": "xprs"}, "DOMAIN_BILLING": {"BUY_NOW_URL": "none", "PAYPAL_RECURRENCES": "1", "CUSTOM_CURRENCY": "USD", "PAYPAL_PERIOD": "Y", "PAYPAL_AMOUNT": "100", "PAYPAL_ID": "", "CUSTOM_EXPLAINED": "1-Year domain subscription", "BILLING_TYPE": "standard", "PAYPAL_OFFER_NAME": "Premium Subscription", "PAYPAL_CURRENCY": "USD", "CUSTOM_PRICE": "100"}, "ID": "label-f6d7c", "SETTINGS": {"ALLOW_PERIPHERAL_PAGES": "allow", "LOGIN_URL": "", "ALLOW_ECOMMERCE": "allow", "ALLOW_NEW_DOMAIN": "allow", "ENABLE_IMXPRT": "true", "ECOMMERCE_DASHBOARD": "http://dashboard.shoprocket.co", "INCLUDE_REGISTER_PHONE": "disallow", "CUSTOM_TEMPLATES": "default", "API_TOKEN": "NOT GENERATED", "ALLOW_CALL_ME_CHECKBOX": "disallow", "SR_PARTNER_KEY": "N/A", "PHONE_EDIT_APP_LINK": "https://itunes.apple.com/app/apple-store/id953999749?pt=1847141&mt=8", "DEFAULT_EDITOR_LANG": "en", "CUSTOM_SECTIONS": "default", "ALLOW_PHONE_EDIT": "allow", "ALLOW_NEW_SITES": "allow", "REGISTER_URL": "", "BILLING_SERVER": "", "USER_PROFILE": "show", "REGISTER_STEP": "themes", "ENABLE_IMOS": "false", "ECOMMERCE_SOLUTION": "IMOS", "WEBHOOKS_SERVER": "", "ALLOW_RESELLER": "allow"}, "HIY": "false", "EMAILS": {"FORWARD_ALL_EMAILS": "off", "FORWARD_EMAIL": ""}, "SERVERS": {"HEROKU_APP": "", "S3_ACCESS": "", "S3_REGION": "", "UPLOAD_TO_S3": "off", "S3_SECRET": "", "S3_BUCKET": ""}, "TOS_URL": "http://www.imcreator.com/terms-of-service"}');
+
var LABEL_CONFIG = {};
 
 
 
 
 
</script></head>
 
</script></head>
  
−
<body class="fast-animated-bg fixed-bg " data-ecommerce-solution="NONE" data-root-id="vbid-59a5b-fnxcttvm" data-root-style-id="style-59a5b-yamofliu" data-default-currency="USD" data-osid="osid--6af0e67f-af8681d1"  data-app-version="1.4.0p1" data-caller="preview"  data-ecommerce-dashboard="http://dashboard.shoprocket.co" data-static-server="//edit.www.imcreator.com" data-imos-server="https://imos004-dot-im--os.appspot.com">
+
<body class="fast-animated-bg fixed-bg " data-ecommerce-solution="NONE" data-root-id="vbid-59a5b-fnxcttvm" data-root-style-id="style-59a5b-yamofliu" data-default-currency="USD" data-osid="osid--6af0e67f-af8681d1"  data-app-version="1.4.1f" data-caller="live"  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="USE THIS ONE!!!" class="xprs-holder" >
+
<div id="xprs" data-website-name="Home" class="xprs-holder" >
 
<div class="main-page "  >
 
<div class="main-page "  >
 
<div id="content">
 
<div id="content">
−
<div  id="vbid-59a5b-l5xeq0z6"  class="master container style-59a5b-mfwumtzk content stripes  website-style " data-itemtype="folder" data-creator="" data-itemname="Experiments"  data-itemslug="experiments" data-itemstyleid="style-59a5b-mfwumtzk" data-margintop="" data-arranger="stripes" data-layout="middle" data-vbid="vbid-59a5b-l5xeq0z6" data-preset-type-id="" data-preview-style="style-59a5b-mfwumtzk" data-style="style-7f715-gkcpu3e69m" data-absolute-path="http://edit.www.imcreator.com/viewer" >
+
<div  id="vbid-04d15a56-3o81aqko"  class="master container style-04d15a56-okeof5tv content stripes  website-style " data-itemtype="folder" data-creator="" data-itemname="Description"  data-itemslug="description" data-itemstyleid="style-04d15a56-okeof5tv" data-margintop="" data-arranger="stripes" data-layout="middle" data-vbid="vbid-04d15a56-3o81aqko" data-preset-type-id="" data-preview-style="style-04d15a56-okeof5tv" data-style="style-7f715-gkcpu3e69m" data-absolute-path="" >
 
<!-- ARRANGER SETTINGS -->
 
<!-- ARRANGER SETTINGS -->
 
<div class="arranger-settings" style="display:none;"
 
<div class="arranger-settings" style="display:none;"
Line 138: Line 110:
 
<!-- TITLE TEMPLATE -->
 
<!-- TITLE TEMPLATE -->
 
 
−
<div class="preview-title-holder removable-parent">
+
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
−
+
−
<h2 id="vbid-59a5b-0dca3gi2" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Menu</h2>
+
−
+
−
</div>
+
−
<br />
+
  
 
<!-- SUBTITLE TEMPLATE -->
 
<!-- SUBTITLE TEMPLATE -->
Line 163: Line 130:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-qpimjeag" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="index.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-w5gehayb"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Team Members</span>
+
<span id="element-a1a56421418f7ce"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Home</span>
 
</a>
 
</a>
 
 
Line 174: Line 141:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-l5xeq0z6" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="collaborations.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-9i6v7wly"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Projects</span>
+
<span id="element-5efad87d43e4352"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Collaborations</span>
 
</a>
 
</a>
 
 
Line 185: Line 152:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-xtfijafb" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="description.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-b9vovddz"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Parts</span>
+
<span id="element-e6e2afb357139e4"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Description</span>
 
</a>
 
</a>
 
 
Line 196: Line 163:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-bb9vg46d" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="design.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-hlhlmo7j"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
+
<span id="element-c6287513fca8901"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Design</span>
 
</a>
 
</a>
 
 
Line 207: Line 174:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-hjemejig" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="experiments.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-k2taajbu"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Human Practices</span>
+
<span id="element-f4b485a3e8b3825"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Experiments</span>
 
</a>
 
</a>
 
 
Line 218: Line 185:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-0rawt2n3" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="notebook.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-dv55z3u4"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Awards</span>
+
<span id="element-603d2303312c4bd"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook</span>
 
</a>
 
</a>
 
 
Line 229: Line 196:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-szkh4ovx" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="notebook-august.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-qli0rtxn"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Judging Form</span>
+
<span id="element-e39fe0beffa33cd"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook August</span>
 
</a>
 
</a>
 
 
Line 240: Line 207:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="notebook-july.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-egwntcng"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Home</span>
+
<span id="element-09ca318ecaf1b2f"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook July</span>
 
</a>
 
</a>
 
 
Line 251: Line 218:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-akva45w2" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="notebook-june.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-vcbsdeug"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Collaborations</span>
+
<span id="element-367041e6445b247"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook June</span>
 
</a>
 
</a>
 
 
Line 262: Line 229:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-oiquicn3" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="public-engagement.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-bnaeflqb"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Experiments</span>
+
<span id="element-307cb61a9a844e1"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Public Engagement</span>
 
</a>
 
</a>
 
 
Line 273: Line 240:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-kmybr6mb" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="safety.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-c9f8qbif"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Design</span>
+
<span id="element-fa38138e1dd4fce"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
 
</a>
 
</a>
 
 
Line 284: Line 251:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-59a5b-xghz2dmu" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="team.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="vbid-59a5b-cxv3wrcd"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Demonstrate</span>
+
<span id="element-8308751370782bc"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Team</span>
 
</a>
 
</a>
 
 
Line 295: Line 262:
 
<li class="removable-parent">
 
<li class="removable-parent">
 
 
−
<a class="removable-parent" href="http://edit.www.imcreator.com/viewer/vbid-59a5b-fnxcttvm/vbid-26336972-lok1anrm" data-link-type="EXISTING"  target="_self" >
+
<a class="removable-parent" href="basic-parts.html" data-link-type="EXISTING"  target="_self" >
 
 
−
<span id="1a721f1e"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Safety</span>
+
<span id="element-78fbd0423085ce2"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Basic Parts</span>
 
</a>
 
</a>
 
 
 
</li>
 
</li>
  
−
 
−
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
 
 
 
−
</ul>
 
−
</div>
 
−
 
−
 
−
<button class="hamburger links-menu-btn  small" type="button">
 
−
  <span class="hamburger-box">
 
−
  <span class="hamburger-inner"></span>
 
−
  </span>
 
−
</button>
 
−
 
 
 
−
+
<li class="removable-parent">
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- LAYOUT SETTINGS -->
+
−
<div class="layout-settings" style="display:none;" data-type="menu"
+
−
data-MENU_OVERLAY="relative"
+
−
data-MENU_SCROLL="false"
+
−
data-ALWAYS_MINIFIED="false"
+
−
data-MENU_POSITION="top"
+
−
data-MENU_ALIGN="left"
+
−
data-BACKGROUND_COLOR="rgb(124, 100, 41)"
+
−
></div>
+
−
</div>
+
−
+
−
</div>
+
−
</div>
+
−
<!-- MENUS END -->
+
 
 
 +
<a class="removable-parent" href="composite-parts.html" data-link-type="EXISTING"  target="_self" >
 
 
 +
<span id="element-24ea54f35798e9a"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Composite Parts</span>
 +
</a>
 
 
−
+
</li>
−
<!-- PROMO START -->
+
 
−
<div  id="vbid-59a5b-owuewfqb"  class="master item-box  gallery-box style-59a5b-ecga9z2y          " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-59a5b-ecga9z2y" data-preview-styleid='style-59a5b-ecga9z2y' data-preset-type-id="PROMO">
+
−
<div id="no-image" class="stripe-background load-high-res " ></div>
+
−
<div class="gallery-wrapper item-wrapper promo-wrapper ">
+
−
+
−
<!-- CACHED VERSION (7) OF vbid-59a5b-owuewfqb FROM  22-06-2017 20:27:25 --><div  class="sub container style-59a5b-ecga9z2y content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-59a5b-ecga9z2y" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-59a5b-owuewfqb" data-preset-type-id="PROMO" data-preview-style="style-59a5b-ecga9z2y" data-style="style-f3095-j0xhjgzynh" data-absolute-path="http://edit.www.imcreator.com/viewer" >
+
−
<!-- 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">
+
<li class="removable-parent">
−
<div id="items-holder">
+
 +
<a class="removable-parent" href="parts.html" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="element-8d68d4dbac38a10"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Parts</span>
 +
</a>
 
 
 +
</li>
 +
 
 
−
 
−
 
−
<div  id="vbid-59a5b-vrpnlefz"  class="sub item-box  page-box style-59a5b-ecga9z2y          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-ecga9z2y" data-preview-styleid='style-59a5b-ecga9z2y' data-preset-type-id="UNRESOLVED">
 
−
 
−
<div class="page-wrapper item-wrapper ">
 
−
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-vrpnlefz" data-preview-style="style-59a5b-ecga9z2y" data-style="style-f3095-yq39oaomol" data-orig-thumb-height="465" data-orig-thumb-width="620" data-vbid="vbid-59a5b-vrpnlefz" data-bgimg="https://lh3.googleusercontent.com/eva5tEfb6Hs210GaX47L9c3DzVmkyjnZ_2wfDCovyC7xEb7Z3JSdo07cLAC4PoPQbYR5xDr3CgKgAcjdvbg">
 
−
<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-59a5b-uucgj2zz-holder"  class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
 
−
 
−
<div  id="vbid-59a5b-uucgj2zz" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/eva5tEfb6Hs210GaX47L9c3DzVmkyjnZ_2wfDCovyC7xEb7Z3JSdo07cLAC4PoPQbYR5xDr3CgKgAcjdvbg=s300);"  data-orig-width="620" data-orig-height="465" >
 
−
<!-- VIDEO TEMPLATE -->
 
 
 
−
 
+
<li class="removable-parent">
−
<div class="element-placeholder" data-elementtype='VIDEO' style="display:none;"></div>
+
−
 
+
−
 
+
−
<!-- MAP TEMPLATE -->
+
 
 
−
<div class="element-placeholder" data-elementtype='MAP' style="display:none;"></div>
+
<a class="removable-parent" href="interlab.html" data-link-type="EXISTING"  target="_self" >
−
 
+
−
<!-- RAW TEMPLATE -->
+
 
 
−
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
+
<span id="element-c92600692c09125"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Interlab</span>
−
 
+
</a>
−
</div>
+
−
+
−
</div>
+
 
 
 +
</li>
  
−
</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-59a5b-bdoqpts2" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >OUR PROJECT</h1>
+
 +
<li class="removable-parent">
 +
 +
<a class="removable-parent" href="our-partners.html" data-link-type="EXISTING"  target="_self" >
 +
 +
<span id="element-be35f8069be1925"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Our Partners</span>
 +
</a>
 
 
−
</div>
+
</li>
−
<br class="lower-line-break" />
+
  
−
 
−
 
−
 
−
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="preview-body-holder removable-parent order-handle">
 
 
 
−
<div id="vbid-59a5b-81qppvmi" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
 
−
<p>The goal of this project is to engineer a biological circuit utilizing multiple <i>E. coli</i> DNA regulatory sequences and a green fluorescent protein (GFP) reporter as a means to detect arsenic. Once this construct is designed and constructed the circuit will be tested to demonstrate its viability using a cell free lateral flow paper based system designed to detect arsenic.</p>
 
−
</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>
 
 
 
 +
<li class="removable-parent">
 
 
 +
<a class="removable-parent" href="notebook-september.html" data-link-type="EXISTING"  target="_self" >
 
 
 +
<span id="element-4d7dd9f5c90ef9b"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook September</span>
 +
</a>
 +
 +
</li>
 +
 
 
 
 
−
</div>
+
<li class="removable-parent">
−
</div>
+
 
 
 +
<a class="removable-parent" href="environmental-project.html" data-link-type="EXISTING"  target="_self" >
 
 
 +
<span id="2d522622"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Environmental Project</span>
 +
</a>
 
 
−
</div>
+
</li>
−
</div>
+
 
−
+
−
</div>
+
−
</div>
+
<li class="removable-parent">
−
<!-- PROMO END -->
+
 
 
 +
<a class="removable-parent" href="hardware.html" data-link-type="EXISTING"  target="_self" >
 
 
 +
<span id="8d3cfa8c"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Hardware</span>
 +
</a>
 
 
−
+
</li>
−
+
 
−
<div  id="vbid-59a5b-egeqhjna"  class="master item-box  element-box style-59a5b-mfwumtzk          " data-holder-type="element"" data-holder-type="element"  data-child-type="RAW"  data-styleid="style-59a5b-mfwumtzk"  data-preset-type-id="">
+
−
<div id="" class="stripe-background load-high-res " ></div>
+
−
<div class="element-wrapper item-wrapper raw-wrapper ">
+
−
+
−
<div class="content">
+
−
+
−
<div class="page-raw-cover dynamic-height" >
+
−
<div id="vbid-59a5b-egeqhjna" class="element html-source magic-circle-holder page_stripe_popup_app page-app" data-menu-name="RAW" data-json-name="HTML_IFRAME" >
+
−
<div class="raw-container" id="vbid-59a5b-egeqhjna-raw" data-raw-content-url="/html_src/static-1dd141128b22f5c?raw=true&type=page_stripe_popup_app" data-static="true" >
+
 
 
 
 
−
 
+
<li class="removable-parent">
−
<div id="app_settings" class="popup-form-settings-panel" style="display:none;height:95%;line-height:1em">
+
−
+
−
<div id="template_selector">
+
−
<div id="selectTemplateButton" class="template-blank" onClick="expandPopupList()"><span style="color: white;margin-left: 16px;">Pop-up Preset:</span></div>
+
−
<ol id="selectable" name="template" value="vbid-3726659f-w2ypdu1q">
+
−
<li class="ui-widget-content item" value="vbid-3726659f-w2ypdu1q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/jMZ2Tw7t9eo82rnDlzvQDDSZNwIiAbqay7BsrRp52KG-pG-z1FgVaJhM98fGZG1ccpaOBxBMKyhzXZcu=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-a89f3468-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/VHK8JHwEKjVw5TrU4PFrbz8hPl9gcYyBBks4sKi-Fu4E49EkyJP5kkKIwyGza_twYzEzz9cWYj4bZZXHlg=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-09eff374-gv8ydiax" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DWJSGNQnK3rUlrSrNHh42jPK5Vbv3BADTVKT6rTCdgvTUMdDOwRl9zqdj7pGGvWEv5CYsBccfGLPvW7vcg=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-68e23454-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/JHTgLyt3TylCweRRUgmDOj2GYgUQSe5PG-ouOGhc0Tbd5E8gTZRlgZ6DD3rjIrO5_uJuExOIoc-ikbFl0QI=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-d0f47672-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/A1q1oUvOhHr5x6XPCg25ZSVWlHZiGYNyJjg3KEo0AQkW7WZ8-T97NxHlERgE-HHBOtrkr5WviuD3VczAHw=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-62eb84cb-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/lI9-tyIeV4shBhB3CCtPUlLJrCcFfA728fRiwTZUGog9IPqnYf-hkFrpcQJBG2txCyo7qRa-9jLWRm119Yg=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-14be725f-pzignpuh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/pxUXT18hfh3c5fxXuNup8HOAX321dtizmIyBuBuk7ZLEGTMuoIwoRN2dSaMGpJTxMj0BLu_qD0eBfDBp=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-a7d541ad-2iozfb83" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/Uwc3LraWb-syaYpszX2GgAJCLhd7EpCzeZ9s-wdv40oCELZuki2LO67NCEqQ4eOX3jq97sBzhwaJJOfNkTQ=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-e237c3c6-ayispqnk" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/4ggYTwR9MatkGWanFU1nQTwp9JrRWYf8zBgG0dOpgQiwPIk4tYtqvgL_4DwTKdedHOU_NKShA7Zde_nsbCU=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-7223cae6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/_mkGXVIE9zotGkYvdJzqu8O3w6Ni7vAHIulYFpYKIz8aoYEG1nGG2za31ijw9w46yclRz6-2Y6-fuAK_pQ=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-02ce650d-0e85yjxy" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/T_yIk-VmAwIwZ5rL6r8_zH8IyX6qSxCSERuGwwwDkNw0WE9ZemxE3f5jXo3mmWXOZFzDFqdHB5g1qrmTSAs=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-bddafde3-0xlbdgxw" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/sQVik7kseAfLUnZwEHCspRYPCB8kCqATmSrrncLccDpTvZZhGyP2HzHyCVWCMDvyU8mee12aZFWXm8B_=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-ad1b7e75-udmmq7ka" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/zohwE8liYP0dVl96s3CsOR-26tDzcCI3A3F4X35DbKyGxKssTh0UyviLBSNTBpfCgK4JEbhCeDcDEBNNXw=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-a86ce9b6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DOnLWB4PeczAQPeWWpq9voKMb1mVkgRpWpxm7uX_yjoLagAxzIJFauWVHQqqzW4bFaD0mKhWowYPDDHldA=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-b7756e4f-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/WCR2bG62NvuH6t9gN280oemGW8JYIZnVt_UFC3wM3ZRCdkl5Po619_Tfgb9pglMGPiFwQhwgIxdoqDlS=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-57286964-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/P1eBKYoYrGaj3ZV7swtXte706n4jfuIqTRvuNDTljpOZUBhgArr3uD0yZSoJWe7cqM19fEfELNC0DVFJkQ=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-627dc7e6-s5pdf8f2" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/rrrM4d3RIw5wYJ1TAo0gt0G09mwJ5sXLvAQt8zTBl8aCs_BJXP4zH_lvfVE3y-J-zek5-i9NmR-mv8zW=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-8ff732dd-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/tBT3-1uAyuGx4N7g9L9izG6TZoVf96Ly-9OgvTBJaTRqLWGOiIizej9ekbjKnyD7BmaAcJcw1WYHap_M=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-466845d0-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/ApteRE0sFclf1R2YJCTxGfXtgTdkKaTqj0KpFD0vwfmOxQyhMKGlUqFKm5pzcor1yd99aM72ygnUxVAVVg=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-dd9c4df1-u8eh7xv3" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/9xxMvka-ASkV2HFYfqn09hrBvTnhpdSt8tw53ULB19ZXhhSR0DNGCc4ON4zrvXGiin2U309HL-Psqa_m=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-e59d5107-kqgmxt5n" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/7s2eqiLGtVW2cKq9PmypBj7DPgK1QTI1M0TqKCyIjpk1Wm8uTjGgUs2vV6glSoA90MBYOCGWxW0vQ9Ri-S4=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-05fbf368-36hyxloh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/j2UVF0-_NqZitrzY7Jw_dB8NwbKR_Oe6jt8nV8w2PG3v4N-MSxqrJiAnmBBrxSl88vXEuuOr44pZFjT_=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-71c36603-wgdrzlzs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/MHyRWCeEK8VShirpKgHhNHaEE5xWhpEYJwUOU493peeHFU_140TE0QYHOc3SYxFXmTXbslSda5Kor5cyMQ=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-275d0285-tpvaafiz" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/gf1RbaxV8A9eXPzZm1xdosCEBJpTtwRs09VeEezhMlz86t0t1iNpXyzOhld_2-btPD8pnTBjlkAfzaM5kQ=s250')"></li>
+
−
<li class="ui-widget-content item" value="vbid-ae924c98-yeqviu8q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/uD8xDAgVKM8wavlw9JwcE1UNMKU-9rSaZ8HlRayRNRw90JClCJRo3_3Cj-zez000qwXpNqA2DXm-KttA2KY=s250')"></li>
+
−
</ol>
+
−
</div>
+
−
<div id='template_params' style="padding: 15px;">
+
−
<!--<label class='app_text_label' style="width:103px;margin-left: -8px;">Email for replies: </label>
+
−
<input class='app_field_input ' type="text" name="data_href" style="width: 265px;" placeholder="your@email.com"><br>
+
−
<textarea class='app_field_input ' style="width: 265px; height:50px" type="text" rows="3" name="data_text"  placeholder="Text to be presented after form submission"></textarea>
+
−
-->
+
−
<label class='app_text_label' style="width:103px;margin-left: -8px;">Location: </label>
+
−
  <select class='app_field_input' style="width:150px" name="locationOption" onChange="locationSelected(this.value)">
+
−
  <option value="center">Centered</option>
+
−
  <option value="bottom_right">Bottom Right</option>
+
−
  <option value="fullscreen">Fullscreen</option>
+
−
</select>
+
−
<br>
+
−
 
+
−
<label class='app_text_label short_label' name="popupWidth">Width </label>
+
−
<input class='app_field_input short_field' type="number" name="popupWidth" style="width:70px">
+
−
+
−
<label class='app_text_label short_label' name="popupHeight" style="margin-left: 35px;">Height </label>
+
−
<input class='app_field_input short_field' type="number" name="popupHeight" style="width:70px"><br><br>
+
 
 
−
<label class='app_text_label' style="width:8em;margin-left: -8px;">Pop Options: </label><br>
+
<a class="removable-parent" href="demonstrate.html" data-link-type="EXISTING"   target="_self" >
−
<input class='app_field_input' type="checkbox" id="timer" name="popingOptions" checked><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;margin-top: 5px;">Timer </label>
+
−
<input class='app_field_input' type="checkbox" id="on_scroll" name="popingOptions"><label class='app_text_label' style="margin-left: 6px">On Scroll </label>
+
−
<input class='app_field_input' type="checkbox" id="on_exit" name="popingOptions" style="margin-left: 6px;"><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;">On Exit </label>
+
−
<br>
+
 
 
−
<div class="extra_options timer" style="display:none">
+
<span id="1ad7c153"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Demonstrate</span>
−
<label class='app_text_label long_label' style='margin-right: 5px;'>Pop after</label>
+
</a>
−
<input class='app_field_input short_field' type="number" name="timeToPopup">
+
−
<label class='app_text_label long_label' style='width:67px;margin-left: 5px;'> seconds</label><br>
+
</li>
−
</div>
+
−
+
−
<div class="extra_options on_scroll" style="display:none">
+
−
<label class='app_text_label long_label' style='margin-right: 5px;'>Pop after scrolling</label>
+
−
<input class='app_field_input short_field' type="number" name="endPrecent">
+
−
<label class='app_text_label long_label' style='width: 77px;margin-left: 5px;'> % of the page</label><br>
+
−
</div>
+
−
+
−
<!--  
+
−
<div class="extra_options on_exit" style="display:none">
+
−
<label class='app_text_label long_label' style="margin-top: 5px;">Every page Reload </label>
+
−
<input class='app_field_input' type="checkbox" name="aggressive"><br>
+
−
</div>
+
−
  -->
+
−
</div>
+
−
</div>
+
  
−
<script>
+
−
 
+
−
var/*<{*/popupWidth/*}*/ = /*{*/1200/*}>*/;
+
−
var/*<{*/popupHeight/*}*/ = /*{*/600/*}>*/;
+
−
var /*<{*/timeToPopup/*}*/ = /*{*/5/*}>*/; //in seconds
+
−
var /*<{*/endPrecent/*}*/ = /*{*/80/*}>*/;
+
−
var /*<{*/popingOptions/*}*/ = /*{*/["timer"]/*}>*/;
+
−
var /*<{*/locationOption/*}*/ = /*{*/"center"/*}>*/;
+
−
var /*<{*/template/*}*/ = /*{*/"vbid-3726659f-w2ypdu1q"/*}>*/;
+
−
var /*<{*/data_href/*}*/ = /*{*/""/*}>*/;
+
−
var /*<{*/data_text/*}*/ = /*{*/""/*}>*/;
+
−
 
+
−
var stripeObj;
+
−
var backgroundObj;
+
−
 
+
−
var gDidPop = false;
+
−
 
+
−
if (typeof EditorHelper == "undefined"){
+
−
if (popingOptions.indexOf("timer") != -1) {
+
−
document.addEventListener('DOMContentLoaded', setTimeout(popUpStripe, timeToPopup*1000));
+
−
}
+
−
} else {
+
−
document.addEventListener('xprs-app-loaded', popUpStripe);
+
−
document.addEventListener('xprs-app-loaded', extraAppOptions);
+
−
//console.log('listeners added');
+
−
}
+
−
 
+
−
function locationSelected(selVal) {
+
−
if (selVal == 'fullscreen') {
+
 
 
−
popupWidth=window.innerWidth;
+
<li class="removable-parent">
−
popupHeight=window.innerHeight;
+
−
 
+
−
$("[name=popupWidth]").css('display','none');
+
−
$("[name=popupHeight]").css('display','none');
+
−
 
+
−
$("[name=popupWidth]").val(popupWidth);
+
−
$("[name=popupHeight]").val(popupHeight);
+
 
 
−
} else if (selVal == 'bottom_right' || selVal == 'center') {
+
<a class="removable-parent" href="improve.html" data-link-type="EXISTING"  target="_self" >
 
 
−
if (selVal == 'center') {
+
<span id="d9b23d12"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Improve</span>
−
popupWidth=1200;
+
</a>
−
popupHeight=600;
+
−
}
+
</li>
 +
 
 +
 
 
−
if (selVal == 'bottom_right') {
+
<li class="removable-parent">
−
popupWidth=400;
+
−
popupHeight=600;
+
−
}
+
 
 
−
$("[name=popupWidth]").val(popupWidth);
+
<a class="removable-parent" href="results.html" data-link-type="EXISTING"  target="_self" >
−
$("[name=popupHeight]").val(popupHeight);
+
 
 
−
$("[name=popupWidth]").css('display','inline-block');
+
<span id="7e0ed437"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Results</span>
−
$("[name=popupHeight]").css('display','inline-block');
+
</a>
−
}
+
 
 
−
$(".shown #update-html").trigger( "click" );
+
</li>
−
}
+
  
−
function fillPopupList() {
 
−
/*
 
−
var popupSiteVbid = 'vbid-stripe-popup-form-site';//'vbid-09eff374-npdbqrgi'
 
 
 
−
XPRSHelper.GET("/get_box", {"vbid":popupSiteVbid,"no_style":true},function(jsonObj) {
 
 
 
−
boxChildren = jsonObj['CHILDREN'];
+
<li class="removable-parent">
 
 
−
if (boxChildren){
+
<a class="removable-parent" href="attribution.html" data-link-type="EXISTING"   target="_self" >
−
            for idx, entry in enumerate(boxChildren):
+
−
                entryType = str(entry.keys()[0])
+
−
                if entryType == "CHILD":
+
−
                if "TYPE" in entry["CHILD"] and entry["CHILD"]["TYPE"] == "FORM"
+
 
 
−
console.log(jsonObj['CHILDREN']);
+
<span id="8a69633b"  class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Attribution</span>
−
}
+
</a>
−
});
+
−
*/
+
−
}
+
−
 
+
−
 
+
−
function templateSelected(selVal) {
+
−
 
+
−
//var popupStripeVbid = 'vbid-stripe-popup-form-' + selVal;//+ $(this).prop('id');
+
−
 
+
−
var displayedPanel = $('.shown #app_settings').find('#selectTemplateButton span');
+
−
displayedPanel.addClass("loading-state");
+
−
 
+
−
closeStripe();
+
−
duplicateStripe(selVal, displayedPanel);
+
−
}
+
−
 
+
−
function extraAppOptions() {
+
 
 
−
//extra options display
+
</li>
−
if (popingOptions.indexOf("timer") != -1) {
+
−
$('#app_settings .extra_options.timer').css('display','block');
+
−
} else {
+
−
$('#app_settings .extra_options.timer').css('display','none');
+
−
}
+
−
+
−
if (popingOptions.indexOf("on_exit") != -1) {
+
−
$('#app_settings .extra_options.on_exit').css('display','block');
+
−
} else {
+
−
$('#app_settings .extra_options.on_exit').css('display','none');
+
−
}
+
−
+
−
if (popingOptions.indexOf("on_scroll") != -1) {
+
−
$('#app_settings .extra_options.on_scroll').css('display','block');
+
−
} else {
+
−
$('#app_settings .extra_options.on_scroll').css('display','none');
+
−
}
+
−
+
−
+
−
$("input.app_field_input[type=checkbox]").unbind("click").bind("click",function(){
+
−
+
−
var checkboxId = $(this).attr('id');
+
  
−
if ($('#app_settings .extra_options.'+checkboxId).css('display') == 'none') {
 
−
$('#app_settings .extra_options.'+checkboxId).css('display','block');
 
−
} else {
 
−
$('#app_settings .extra_options.'+checkboxId).css('display','none');
 
−
}
 
−
});
 
 
 
−
var submitBtn = $(".stripe_popup_app a[data-link-type=SUBMIT]");
 
−
 
−
var newText = $('.shown textarea[name=data_text]').val();
 
−
var btnText = submitBtn.attr("data-text");
 
−
 
−
var newEmail = $('.shown input[name=data_href]').val();
 
−
var btnEmail = submitBtn.attr("data-href");
 
−
 
−
 
−
if ((typeof newText != "undefined" && newText != "") && (typeof newEmail != "undefined" && newEmail != "")) {
 
−
 
−
if (newText != btnText || newEmail != btnEmail) {
 
 
 
−
var target,nofollow;
+
<li class="removable-parent">
−
+
−
var item = $(".stripe_popup_app[data-preset-type-id=FORM]");
+
<a class="removable-parent" href="notebook-october.html" data-link-type="EXISTING"  target="_self" >
−
var clickedElement = submitBtn.find("span");
+
−
+
<span id="643d5085" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Notebook October</span>
−
if (item.length > 0 && clickedElement.length > 0) {
+
</a>
−
+
−
+
−
//setTimeout(function(){
+
−
EditorCore.setElementLink(clickedElement.attr("id"), item.attr("id"), "SUBMIT",newEmail,target,nofollow,newText);
+
−
EditorHelper.wrapElementWithLink(clickedElement,newEmail,"SUBMIT",newText);
+
−
//},1000);
+
−
}
+
−
}
+
−
}
+
 
 
−
document.removeEventListener('xprs-app-loaded', extraAppOptions);
+
</li>
−
}
+
  
−
/*
 
−
function afterUpdateAppOptions () {
 
−
console.log('after update...');
 
−
var newText =
 
−
console.log(data_text);
 
−
$(".stripe_popup_app_animate a[data-link-type='SUBMIT']").attr("data-text",data_text);
 
−
}
 
−
*/
 
−
 
−
function popUpStripe() {
 
−
 
−
if(gDidPop) return;
 
−
 
−
fillPopupList();
 
−
 
−
stripeObj = $('.stripe_popup_app_hide');
 
−
 
−
if(stripeObj.length == 0) {
 
−
stripeObj = $('.stripe_popup_app');
 
−
}
 
−
 
−
backgroundObj = $('#stripe_popup_app_bg');
 
−
 
−
addCloseButtonToStripe(stripeObj);
 
−
 
−
 
−
if (locationOption =="bottom_right") {
 
−
stripeObj.addClass("bottom-right");
 
−
} else {
 
−
stripeObj.removeClass("bottom-right");
 
−
}
 
−
 
−
stripeObj.removeClass("stripe_popup_app_hide");
 
−
stripeObj.addClass("stripe_popup_app");
 
−
stripeObj.addClass("stripe_popup_app_invisible");
 
−
 
−
stripeObj.css({"width":popupWidth+"px","min-height":popupHeight+"px"});
 
−
SpimeEngine.ArrangeHolder(stripeObj);
 
−
 
−
$('body').addClass('popup-mode');
 
−
 
−
stripeObj.removeClass("stripe_popup_app_invisible");
 
−
stripeObj.addClass("stripe_popup_app_animate");
 
−
 
−
stripeObj.removeClass("shadowed");
 
 
 
−
if (locationOption == 'bottom_right') {
 
 
 
−
stripeObj.addClass("shadowed");
+
<li class="removable-parent">
−
backgroundObj.css( 'pointer-events', 'none' );
+
−
 
+
−
} else {
+
 
 
−
backgroundObj.css( 'pointer-events', 'inherit' );
+
<a class="removable-parent" href="silver-hp.html" data-link-type="EXISTING"  target="_self" >
 
 
−
backgroundObj.removeClass("stripe_popup_app_invisible");
+
<span id="element-563894f97a8ebaf" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Silver HP</span>
−
backgroundObj.addClass("stripe_popup_app_animate");
+
</a>
 
 
−
backgroundObj.unbind("click").bind("click",function (e) {
+
</li>
−
e.stopPropagation();
+
−
closeStripe();
+
−
});
+
−
}
+
−
+
−
if($('#xprs').hasClass('phone-mode')){
+
−
stripeObj.css({'min-height':window.innerHeight - 50 +'px','width':window.innerWidth - 50+'px','height':window.innerHeight - 50 +'px','overflow-y':'auto'});
+
−
stripeObj.removeClass("buttom-right");
+
−
stripeObj.find('.item-wrapper').css("height","auto");
+
−
SpimeEngine.ArrangeHolder(stripeObj);
+
−
}
+
−
+
−
gDidPop = true;
+
−
+
−
document.removeEventListener('xprs-app-loaded', popUpStripe);
+
−
}
+
  
−
function closeStripe() {
 
 
 
−
stripeObj = $('.stripe_popup_app_hide');
 
−
 
−
if(stripeObj.length == 0) {
 
−
stripeObj = $('.stripe_popup_app');
 
−
}
 
−
 
−
backgroundObj = $('#stripe_popup_app_bg');
 
−
 
−
backgroundObj.removeClass("stripe_popup_app_animate");
 
−
backgroundObj.addClass("stripe_popup_app_invisible");
 
−
stripeObj.removeClass("stripe_popup_app_animate");
 
−
stripeObj.addClass("stripe_popup_app_invisible");
 
−
 
−
$('body').removeClass('popup-mode');
 
−
stripeObj.addClass("stripe_popup_app_hide");
 
−
 
−
}
 
−
 
−
function addCloseButtonToStripe(stripeObj) {
 
−
//console.log('add x button');
 
−
var btnColor = "black";
 
−
var closeButton = $("<div class='clickable' style='position: absolute;padding: 20px;right: 0px;top: 0px;width: 20px;height: 20px;color: "+btnColor+";z-index: 999999999999;font-family: Raleway;text-shadow: 1px 1px white;'>X</div>");
 
−
 
−
closeButton.unbind("click").bind("click",function () {
 
−
closeStripe();
 
−
});
 
−
 
−
stripeObj.prepend(closeButton);
 
−
 
−
}
 
−
 
−
function duplicateStripe (stripeVbid, displayedPanel) {
 
−
 
−
var currentPageId = EditorHelper.getMasterId();
 
−
var appKind = "stripe_popup_app";
 
−
 
−
//removing old stripe
 
−
var stripeObj = $("."+appKind+"_hide[data-preset-type-id='FORM'],."+appKind+"_animate[data-preset-type-id='FORM']");
 
−
var stripeId = "";
 
−
 
−
if(stripeObj.length > 0) {
 
−
stripeObj.each(function(){
 
−
var stripeFormId = $(this).attr("id");
 
−
EditorHelper.handleDelete({"vbid":stripeFormId});
 
 
 
−
stripeId = stripeId + "|" + stripeFormId;
+
<li class="removable-parent">
−
});
+
−
} else {
+
−
console.log('no stripe found');
+
−
}
+
−
 
+
−
XPRSHelper.SAFEPOST("/remove_child",{"parent":currentPageId , "child": stripeId,"stripe_id":stripeId},currentPageId,"REMOVE-CHILD",function() {
+
 
 
−
var currentPageId = EditorHelper.getMasterId();
+
<a class="removable-parent" href="integrated-and-gold.html" data-link-type="EXISTING"  target="_self" >
 
 
−
var originalStripeId = stripeVbid;//'vbid-034631be-u8eh7xv3';
+
<span id="element-874635e92416b44" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Integrated and Gold</span>
−
var originalparentVbid = 'vbid-09eff374-npdbqrgi';//'vbid-stripe-popup-form-site';//'vbid-3a092-7n0wntqn';
+
</a>
−
+
−
$("#empty-stripe").remove();
+
−
var addedHolder = $("<div />").addClass("master item-box animated-height").attr("id","empty-stripe");
+
−
$("#children").append(addedHolder);
+
−
+
−
EditorHelper.safeCloneStripe(originalStripeId,addedHolder,"FORM",currentPageId,originalparentVbid,"last",false, function(){
+
−
 
+
−
addedHolder.addClass("stripe_popup_app_hide");
+
−
 
+
−
SpimeEngine.loadHighResImage($(".stripe_popup_app_hide .load-high-res").not("#no-image"),1600);
+
−
 
+
−
newStripeID = addedHolder.attr("id");
+
−
XPRSHelper.SAFEPOST("/update_css_class", {"vbid":newStripeID,"updated_key":"APP_CLASS","updated_value":"stripe_popup_app_hide","stripe_id":newStripeID}, newStripeID, "CSS_CLASS");
+
−
$(".shown #update-html").trigger( "click" );
+
−
displayedPanel.removeClass("loading-state");
+
−
SpimeEngine.sendVideoCommand(addedHolder.find(".vid-autoplay").attr("id"),"play");
+
−
setTimeout(function(){EditorHelper.askAboutWebsiteStyle(addedHolder, true);
+
−
},2000);
+
−
+
−
}, false);
+
−
});
+
−
 
+
−
}
+
−
 
+
−
 
+
−
//scroll popup code
+
−
 
+
−
function popupStripeAppOnScroll() {
+
 
 
−
if (popingOptions.indexOf("on_scroll") != -1) {
+
</li>
−
    if ( document.documentElement.clientHeight + $(document).scrollTop() >= (document.body.offsetHeight * (endPrecent/100)) ){
+
−
    popUpStripe();
+
−
    }
+
−
}
+
−
}
+
  
−
/// exit popup code
 
  
−
(function(root, factory) {
+
<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div>
−
  if (typeof define === 'function' && define.amd) {
+
−
    define(factory);
+
−
  } else if (typeof exports === 'object') {
+
−
    module.exports = factory(require,exports,module);
+
−
  } else {
+
−
    root.ouibounce = factory();
+
−
  }
+
−
}(this, function(require,exports,module) {
+
−
 
+
−
return function ouibounce(el, custom_config) {
+
−
  "use strict";
+
−
 
+
−
  var config    = custom_config || {},
+
−
    aggressive  = config.aggressive || false,
+
−
    sensitivity  = setDefault(config.sensitivity, 15),
+
−
    timer        = setDefault(config.timer, 1000),
+
−
    delay        = setDefault(config.delay, 0),
+
−
    callback    = config.callback || function() {},
+
−
    cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
+
−
    cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
+
−
    cookieName  = config.cookieName ? config.cookieName : 'viewedOuibounceModal',
+
−
    sitewide    = config.sitewide === true ? ';path=/' : '',
+
−
    _delayTimer  = null,
+
−
    _html        = document.documentElement;
+
−
 
+
−
  function setDefault(_property, _default) {
+
−
    return typeof _property === 'undefined' ? _default : _property;
+
−
  }
+
−
 
+
−
  function setDefaultCookieExpire(days) {
+
−
    // transform days to milliseconds
+
−
    var ms = days*24*60*60*1000;
+
−
 
+
−
    var date = new Date();
+
−
    date.setTime(date.getTime() + ms);
+
−
 
+
−
    return "; expires=" + date.toUTCString();
+
−
  }
+
−
 
+
−
  setTimeout(attachOuiBounce, timer);
+
−
  function attachOuiBounce() {
+
−
    if (isDisabled()) { return; }
+
−
 
+
−
    _html.addEventListener('mouseleave', handleMouseleave);
+
−
    _html.addEventListener('mouseenter', handleMouseenter);
+
−
    _html.addEventListener('keydown', handleKeydown);
+
−
  }
+
−
 
+
−
  function handleMouseleave(e) {
+
−
    if (e.clientY > sensitivity) { return; }
+
−
 
+
−
    _delayTimer = setTimeout(fire, delay);
+
−
  }
+
−
 
+
−
  function handleMouseenter() {
+
−
    if (_delayTimer) {
+
−
      clearTimeout(_delayTimer);
+
−
      _delayTimer = null;
+
−
    }
+
−
  }
+
−
 
+
−
  var disableKeydown = false;
+
−
  function handleKeydown(e) {
+
−
    if (disableKeydown) { return; }
+
−
    else if(!e.metaKey || e.keyCode !== 76) { return; }
+
−
 
+
−
    disableKeydown = true;
+
−
    _delayTimer = setTimeout(fire, delay);
+
−
  }
+
−
 
+
−
  function checkCookieValue(cookieName, value) {
+
−
    return parseCookies()[cookieName] === value;
+
−
  }
+
−
 
+
−
  function parseCookies() {
+
−
    // cookies are separated by '; '
+
−
    var cookies = document.cookie.split('; ');
+
−
 
+
−
    var ret = {};
+
−
    for (var i = cookies.length - 1; i >= 0; i--) {
+
−
      var el = cookies[i].split('=');
+
−
      ret[el[0]] = el[1];
+
−
    }
+
−
    return ret;
+
−
  }
+
−
 
+
−
  function isDisabled() {
+
−
    return checkCookieValue(cookieName, 'true') && !aggressive;
+
−
  }
+
−
 
+
−
  // You can use ouibounce without passing an element
+
−
  // https://github.com/carlsednaoui/ouibounce/issues/30
+
−
  function fire() {
+
−
    if (isDisabled()) { return; }
+
−
 
+
−
    if (el) { el.style.display = 'block'; }
+
 
 
−
    popUpStripe();
+
</ul>
−
   
+
</div>
−
    callback();
+
−
    disable();
+
−
  }
+
−
 
+
−
  function disable(custom_options) {
+
−
    var options = custom_options || {};
+
−
 
+
−
    // you can pass a specific cookie expiration when using the OuiBounce API
+
−
    // ex: _ouiBounce.disable({ cookieExpire: 5 });
+
−
    if (typeof options.cookieExpire !== 'undefined') {
+
−
      cookieExpire = setDefaultCookieExpire(options.cookieExpire);
+
−
    }
+
−
 
+
−
    // you can pass use sitewide cookies too
+
−
    // ex: _ouiBounce.disable({ cookieExpire: 5, sitewide: true });
+
−
    if (options.sitewide === true) {
+
−
      sitewide = ';path=/';
+
−
    }
+
−
 
+
−
    // you can pass a domain string when the cookie should be read subdomain-wise
+
−
    // ex: _ouiBounce.disable({ cookieDomain: '.example.com' });
+
−
    if (typeof options.cookieDomain !== 'undefined') {
+
−
      cookieDomain = ';domain=' + options.cookieDomain;
+
−
    }
+
−
 
+
−
    if (typeof options.cookieName !== 'undefined') {
+
−
      cookieName = options.cookieName;
+
−
    }
+
−
 
+
−
    document.cookie = cookieName + '=true' + cookieExpire + cookieDomain + sitewide;
+
−
 
+
−
    // remove listeners
+
−
    _html.removeEventListener('mouseleave', handleMouseleave);
+
−
    _html.removeEventListener('mouseenter', handleMouseenter);
+
−
    _html.removeEventListener('keydown', handleKeydown);
+
−
  }
+
−
 
+
−
  return {
+
−
    fire: fire,
+
−
    disable: disable,
+
−
    isDisabled: isDisabled
+
−
  };
+
−
}
+
−
 
+
−
/*exported ouibounce */
+
−
;
+
−
 
+
−
}));
+
−
 
+
−
 
+
−
if (popingOptions.indexOf("on_exit") != -1) {
+
−
ouibounce(null,{/*<{*/aggressive/*}*/ : /*{*/true/*}>*/});
+
−
}
+
−
 
+
−
//var modal = ouibounce($('#ouibounce-modal')[0],  { /*<{*/aggressive/*}*/ : /*{*/true/*}>*/ });
+
−
/// exit popup code
+
−
 
+
−
</script>
+
−
 
+
−
<style>
+
−
 
+
−
    .stripe_popup_app_bg {
+
−
 
+
−
        position: fixed;
+
−
        top: 0%;
+
−
        left: 0%;
+
−
        width: 100%;
+
−
        height: 100%;
+
−
        background-color: black;
+
−
        z-index:99999991;
+
−
        -moz-opacity: 0.8;
+
−
        opacity:.80;
+
−
        filter: alpha(opacity=80);
+
−
    }
+
−
    .item-box.stripe_popup_app {
+
−
 
+
−
        position: fixed;
+
−
        top: 50%;
+
−
    left: 50%;
+
−
    transform: translateY(-50%) translateX(-50%);
+
−
        z-index:99999992;
+
−
    }
+
−
   
+
−
    #xprs:not(.in-editor) .stripe_popup_app_bg {
+
−
        z-index:9999999991;
+
−
    }
+
−
   
+
−
    #xprs:not(.in-editor) .stripe_popup_app {
+
−
        z-index:9999999992;
+
−
    }
+
−
   
+
−
    .item-box.stripe_popup_app.bottom-right {
+
−
        bottom: 0;
+
−
    right: 0;
+
−
    top: inherit;
+
−
    left: inherit;
+
−
    transform: inherit;
+
−
    }
+
−
   
+
−
    .stripe_popup_app_animate {
+
−
    -webkit-transition: opacity 0.5s 0s, visibility 0s 0s;
+
−
    -moz-transition: opacity 0.5s 0s, visibility 0s 0s;
+
−
    transition: opacity 0.5s 0s, visibility 0s 0s;
+
−
    }
+
−
   
+
−
    .stripe_popup_app_invisible {
+
−
        opacity: 0;
+
−
        height:0px;
+
−
        width:0px;
+
−
        pointer-events:none;
+
−
    }
+
−
   
+
−
    .short_field {
+
−
    width: 50px;
+
−
    height: 25px;
+
−
    }
+
−
   
+
−
    .long_label {
+
−
    width: 100px;
+
−
    }
+
−
   
+
−
    .short_label {
+
−
    width: 25px;
+
−
    }
+
−
   
+
−
    .app_field_input {
+
−
    line-height: 1em;
+
−
    }
+
−
   
+
−
   
+
−
    .popup-mode .master.item-box:not(.stripe_popup_app_animate) .stripe-magic-circle {
+
−
    display: none;
+
−
    }
+
−
   
+
−
    .popup-mode .stripe_popup_app_animate .menu-options .item-settings-menu:not(.settings-btn) {
+
−
    display: none;
+
−
    }
+
−
 
+
−
   
+
−
    .raw-parameters #update-html {
+
−
        margin-left: 15px;
+
−
    }
+
−
   
+
−
    .raw-parameters.switching-panel{
+
−
        margin-left: 0px!important;
+
−
        height: 450px!important;
+
−
    }
+
−
   
+
−
    #xprs-class-selector-holder .raw-parameters.switching-panel {
+
−
        margin-top: 0px;
+
−
    }
+
−
   
+
−
    #app_settings {
+
−
        height: 100%;
+
−
        padding-right: 1.6em;
+
−
        padding-left: 1.6em;
+
−
    }
+
−
   
+
−
    #template_selector {
+
−
    padding-top: 11px;
+
−
    margin-bottom: 8px;
+
−
    background-color: rgba(187, 187, 187, 0.2);
+
−
    height: 37px;
+
−
    /*-webkit-border-radius: 50px;
+
−
    -moz-border-radius: 50px;
+
−
    border-radius: 7px;*/
+
−
    }
+
−
   
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
<div id="stripe_popup_app_bg" class="stripe_popup_app_bg stripe_popup_app_invisible"></div>
+
−
 
+
−
<!-- special dropdown controller -->
+
−
 
+
−
<style>
+
−
  #feedback { font-size: 1.4em; }
+
−
 
+
−
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 88.3%; overflow: hidden; overflow-x: hidden; top: 54px; height: 0px; position: absolute; top:10px; background-color: #4e4e4e;}
+
−
  #selectable li {padding: 0.4em; font-size: 1.4em; height: 100px; background-color:#4e4e4e; color:white; border:none}
+
−
  #selectable li.item:hover {outline: 12px solid gray;}
+
−
  #selectable li.item{background-size: cover;background-repeat: no-repeat;padding: 0px;margin: 12px;}
+
−
  #selectable li.item.ui-selected {outline: 12px solid #F39814;}
+
−
 
+
−
  #selectable::-webkit-scrollbar-track{background-color: #000000;}
+
−
  #selectable::-webkit-scrollbar {width: 6px; background-color: #777;}
+
−
  #selectable::-webkit-scrollbar-thumb{background-color: #000000;}
+
−
  #selectable::-webkit-scrollbar-corner{background-color: #4e4e4e;}
+
−
  #selectable::-webkit-scrollbar-track-piece{background-color: #4e4e4e;}
+
−
 
+
−
  #selectTemplateButton.template-blank {height:22px;font-size: 10pt;font-family: sans-serif;font-weight: 100;letter-spacing: 0.01em;background: #4e4e4e;margin-top: 6px;margin-left: 75px;}
+
−
  #selectTemplateButton.template-selected {line-height: 38px;background-repeat: no-repeat;height: 37px;margin-top: -6px;margin-left: 5px;margin-right: 5px;background-size: contain;background-position: right;}
+
−
 
+
−
</style>
+
−
+
−
  <script>
+
−
 
+
−
  function expandPopupList() {
+
−
  var selectableTemplates = $( ".shown #selectable" );
+
 
 
−
  /*
+
<button class="hamburger links-menu-btn small" type="button">
−
  $('.raw-edit.shown #xprs-class-selector-holder').bind("click",function(){
+
  <span class="hamburger-box">
−
  console.log('shut it down!');
+
  <span class="hamburger-inner"></span>
−
  $(".shown #selectable").css({"height":"0px","overflow":"hidden"});
+
  </span>
−
  $(this).unbind("click");
+
</button>
−
  });
+
−
  */
+
−
 
+
−
  if(selectableTemplates.find('.ui-selected').length == 0){
+
</div>
−
 
+
−
//var selectedVal = selectableTemplates.attr('value');
+
−
//$( "li[value="+selectedVal+"]" ).addClass('ui-selected');  
+
−
 
+
−
  selectableTemplates.selectable({
+
−
  create:function(event, ui){
+
−
  var selectedVal = selectableTemplates.attr('value');
+
−
  $(event.target).children("li[value="+selectedVal+"]").addClass('ui-selected');
+
−
  },
+
−
      stop:function(event, ui){
+
−
          $(event.target).children('.ui-selected').not(':first').removeClass('ui-selected');
+
−
       
+
−
          var selectedTemplateId = $('.ui-selected').attr('value');
+
−
      var selectedTemplateImage = $('.ui-selected').css('background-image');
+
−
     
+
−
          if(selectedTemplateId) {
+
−
          templateSelected(selectedTemplateId);
+
−
        selectableTemplates.attr('value',selectedTemplateId);
+
−
         
+
−
        setTimeout(function(){
+
−
          selectableTemplates.scrollTop(0);
+
−
          selectableTemplates.css({"height":"0px","overflow":"hidden"});
+
−
         
+
−
          var templatedBtn = $(".shown #selectTemplateButton");
+
−
         
+
−
          templatedBtn.css('background-image',selectedTemplateImage);
+
−
          templatedBtn.removeClass('template-blank');
+
−
          templatedBtn.addClass('template-selected');
+
−
         
+
−
  //trick gilad
+
−
  var disp = selectableTemplates[0].style.display;
+
−
  selectableTemplates[0].style.display = 'none';
+
−
  var trick = selectableTemplates[0].offsetHeight;
+
−
  selectableTemplates[0].style.display = disp;
+
−
 
+
−
         
+
−
},500);
+
−
      }
+
−
      }
+
−
  });
+
−
  }
+
−
 
+
−
  if(selectableTemplates.css("height") == "0px") {
+
−
  selectableTemplates.css({"height":"350px","overflow":"scroll","top":"54px"});
+
−
  } else {
+
−
  selectableTemplates.css({"height":"0px","overflow":"hidden"});
+
−
  }
+
−
 
+
−
  //trick gilad
+
−
  var disp = selectableTemplates[0].style.display;
+
−
  selectableTemplates[0].style.display = 'none';
+
−
  var trick = selectableTemplates[0].offsetHeight;
+
−
  selectableTemplates[0].style.display = disp;
+
−
 
+
−
  }
+
−
  </script>
+
−
 
+
−
 
+
−
 
+
−
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
+
<!-- LAYOUT SETTINGS -->
−
</div>
+
<div class="layout-settings" style="display:none;" data-type="menu"
 +
data-MENU_OVERLAY="relative"
 +
data-MENU_SCROLL="false"
 +
data-ALWAYS_MINIFIED="false"
 +
data-MENU_POSITION="none"
 +
data-MENU_ALIGN="left"
 +
data-BACKGROUND_COLOR="rgb(124, 100, 41)"
 +
></div>
 +
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
−
+
<!-- MENUS END -->
 
 
 
 
 
 
 
 
−
<!-- ARTICLE START -->
+
<!-- PROMO START -->
−
<div  id="vbid-59a5b-rsrgkesu"  class="master item-box  page-box style-59a5b-mbbodavg         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-mbbodavg" data-preview-styleid='style-59a5b-mbbodavg' data-preset-type-id="ARTICLE">
+
<div  id="vbid-04d15a56-prooe7yt"  class="master item-box  gallery-box style-04d15a56-7epp0bbe         " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-04d15a56-7epp0bbe" data-preview-styleid='style-04d15a56-7epp0bbe' data-preset-type-id="PROMO">
 
<div id="no-image" class="stripe-background load-high-res " ></div>
 
<div id="no-image" class="stripe-background load-high-res " ></div>
−
<div class="page-wrapper item-wrapper article-wrapper ">
+
<div class="gallery-wrapper item-wrapper promo-wrapper ">
 
 
−
<div class="item-content leaf blocks_layout page content" data-self="vbid-59a5b-rsrgkesu" data-preview-style="style-59a5b-mbbodavg" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="490" data-orig-thumb-width="490" data-vbid="vbid-59a5b-rsrgkesu" data-bgimg="https://lh3.googleusercontent.com/WUsZbuEMWlGHNmfKl7x69b_5v3NDqJcpqvhR-sRaQVtfjW5cuHrs689zwRnfZw8TocqM2OUzT1MH8TFfzEo">
+
<div class="sub container style-04d15a56-7epp0bbe content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-04d15a56-7epp0bbe" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-04d15a56-prooe7yt" data-preset-type-id="PROMO" data-preview-style="style-04d15a56-7epp0bbe" data-style="style-f3095-j0xhjgzynh" data-absolute-path=""  >
−
<div class="helper-div middle" >
+
<!-- ARRANGER SETTINGS -->
−
<!-- <div class="benet" style="min-height:inherit;"></div> -->
+
<div class="arranger-settings" style="display:none;"
−
<div class="text-side ">
+
data-ARRANGER_TYPE="flex"
−
<div class="vertical-aligner">
+
data-ARRANGER_COLS="0"
−
<div class="item-details blocks-preview-content-wrapper  blocks shrinker-parent" style="position:relative;">
+
data-ARRANGER_ITEM_MAX_WIDTH="400"
−
<div class="blocks-preview-content-holder shrinker-content">
+
data-ARRANGER_ITEM_MIN_WIDTH="230"
−
<!--  BY SPECIFIC ORDER -->
+
data-ARRANGER_ITEM_RATIO="1"
−
+
data-ARRANGER_ITEM_SPACING="20"
−
+
data-ARRANGER_ITEMS_PER_PAGE="all"
−
+
data-ARRANGER_ORDER_TYPE="regular"
−
<br class="upper-line-break" />
+
data-AUTO_PLAY="true"
−
<div class="blocks-preview-title-holder removable-parent order-handle">
+
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">
 
 
−
<h2 id="vbid-59a5b-iarpayyb" class="preview-element blocks-preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_TITLE" >Synthetic Biology</h2>
+
 +
<div id="items-holder-wrapper">
 +
<div id="items-holder">
 
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="blocks-preview-subtitle-holder removable-parent order-handle">
 
 
 
−
<h3 id="vbid-59a5b-cnwtml2p" class="preview-element blocks-preview-subtitle magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_SUBTITLE">What it is and How it Played a Role in Our Project</h3>
 
−
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="blocks-preview-body-holder removable-parent order-handle">
 
 
 
−
<div id="vbid-59a5b-ajpshtrv" class="preview-element blocks-preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_BODY">
 
−
<p>Synthetic Biology is the shift from understanding and modifying biology to treating biology as an engineering discipline where basic building blocks are assembled from the ground up into larger engineering systems.</p>
 
−
</div>
 
 
 
−
</div>
+
<div  id="vbid-04d15a56-rgcbfzyd"  class="sub item-box  page-box style-04d15a56-7epp0bbe          " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-04d15a56-7epp0bbe" data-preview-styleid='style-04d15a56-7epp0bbe' data-preset-type-id="UNRESOLVED">
−
<br class="lower-line-break" />
+
−
+
<div class="page-wrapper item-wrapper ">
−
+
−
+
−
+
−
+
−
<br class="upper-line-break" />
+
−
<div id="vbid-59a5b-aqfqzxs3-holder"  class="preview-image-holder blocks-inner-pic-holder removable-parent order-handle" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
+
−
 
+
−
 
+
−
<img  id="vbid-59a5b-aqfqzxs3" class="blocks-inner-pic preview-element  magic-circle-holder  load-high-res shrinkable-img" data-menu-name="HEADER_IMAGE"  src="https://lh3.googleusercontent.com/WUsZbuEMWlGHNmfKl7x69b_5v3NDqJcpqvhR-sRaQVtfjW5cuHrs689zwRnfZw8TocqM2OUzT1MH8TFfzEo=s1600" data-orig-width="490" data-orig-height="490" />
+
−
 
+
−
 
+
−
</div>
+
−
<br class="lower-line-break" />
+
−
+
−
+
−
+
−
+
−
+
−
<br class="upper-line-break" />
+
−
<div id="vbid-59a5b-t2yatroz-holder"  class="preview-image-holder blocks-inner-pic-holder removable-parent order-handle" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER">
+
−
 
+
−
 
+
−
<img  id="vbid-59a5b-t2yatroz" class="blocks-inner-pic preview-element  magic-circle-holder  load-high-res shrinkable-img" data-menu-name="HEADER_IMAGE"  src="https://lh3.googleusercontent.com/15M6pqlQ4Q5S6VcW6kGSa5aD3QFraUN3nLOmCoR02LaM3h9KmTsUahPcHj4UB3QwFrkQjizC7-LfJewBFQ=s1600" data-orig-width="337" data-orig-height="324" />
+
−
 
+
−
 
+
−
</div>
+
−
<br class="lower-line-break" />
+
−
+
−
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- LAYOUT SETTINGS -->
+
−
<div class="layout-settings" style="display:none;" data-type="blocks"></div>
+
−
+
−
</div>
+
−
</div>
+
−
<!-- ARTICLE END -->
+
−
+
−
+
−
+
−
+
−
<!-- FORM START -->
+
−
<div  id="vbid-59a5b-nr06tcoa"  class="master item-box  page-box style-59a5b-up4vqblq    button-effects btn_hover3    stripe_popup_app_hide " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-up4vqblq" data-preview-styleid='style-59a5b-up4vqblq' data-preset-type-id="FORM">
+
−
<div id="no-image" class="stripe-background load-high-res " ></div>
+
−
<div class="page-wrapper item-wrapper form-wrapper ">
+
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-nr06tcoa" data-preview-style="style-59a5b-up4vqblq" data-style="style-e4cfb-6huavktiba" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-nr06tcoa" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-04d15a56-rgcbfzyd" data-preview-style="style-04d15a56-7epp0bbe" data-style="style-f3095-yq39oaomol" data-orig-thumb-height="1073" data-orig-thumb-width="2048" data-vbid="vbid-04d15a56-rgcbfzyd" data-bgimg="https://static.igem.org/mediawiki/2017/c/c3/C2V_Description_Background.jpeg">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 1,404: Line 503:
 
<div class="pic-side">
 
<div class="pic-side">
 
<div class="vertical-aligner">
 
<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="vbid-04d15a56-4md5tn4s-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="" >
+
<div  id="vbid-04d15a56-4md5tn4s" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://static.igem.org/mediawiki/2017/c/c3/C2V_Description_Background.jpeg);"  data-orig-width="2048" data-orig-height="1073" >
 
<!-- VIDEO TEMPLATE -->
 
<!-- VIDEO TEMPLATE -->
 
 
Line 1,442: Line 541:
 
<div class="preview-title-holder removable-parent order-handle">
 
<div class="preview-title-holder removable-parent order-handle">
 
 
−
<h2 id="vbid-59a5b-klosrbzv" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Special promotion!</h2>
+
<h1 id="vbid-04d15a56-x26nl7vy" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >DESCRIPTION OF OUR PROJECT</h1>
 
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="preview-divider-holder removable-parent order-handle">
 
−
<div id="vbid-59a5b-0aognrse" class="preview-element preview-divider magic-circle-holder quick-text-style-menu" data-menu-name="PREVIEW_DIVIDER">
 
−
</div>
 
 
</div>
 
</div>
 
<br class="lower-line-break" />
 
<br class="lower-line-break" />
Line 1,469: Line 555:
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-owbpzihj" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-04d15a56-zlmqmubp" 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(48, 48, 48); font-family: Raleway; line-height: 13.2px; text-transform: uppercase;">GET <span style="font-size:22px;"><strong>25%</strong></span> OFF ALL OUR PACKAGES, LEAVE YOUR DETAILES below AND W'LL SEND YOU A COUPON.</span></p>
+
<p><span id="docs-internal-guid-1b7da29c-fd54-c3a1-2826-3c55b3c31a0c"><span style="font-size: 12pt; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">The goal of this project is to engineer a biological circuit that utilizes </span><span style="font-size: 12pt; color: rgb(0, 0, 0); background-color: transparent; font-style: italic; vertical-align: baseline; white-space: pre-wrap;">E. coli</span><span style="font-size: 12pt; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> plasmid DNA sequences and a green fluorescent protein (GFP) reporter to detect arsenic. The constitutive promoter in our construct produces a regulatory protein ArsR that binds with arsenic ions and triggers visible fluorescence. Our team will demonstrate this circuit using a cell-free lateral flow paper-based system. Ultimately, the purpose of this circuit will be to provide an inexpensive and ubiquitous arsenic sensor for testing environmental samples. </span></span>​</p>
 
</div>
 
</div>
 
 
Line 1,480: Line 566:
 
 
 
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="preview-form order-handle removable-parent">
 
−
<div class="field-holder">
 
−
<input autocomplete="off"  id="vbid-59a5b-04kkq4xu"  name="Name" class="preview-element Field  magic-circle-holder field-text" data-menu-name="PREVIEW_FIELD" placeholder="Name" >
 
−
</div>
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<br class="upper-line-break" />
 
−
<div class="preview-form order-handle removable-parent">
 
−
<div class="field-holder">
 
−
<input autocomplete="off"  id="vbid-59a5b-bwazfscj"  name="Email" class="preview-element Field  magic-circle-holder field-email" data-menu-name="PREVIEW_FIELD" placeholder="Email" >
 
−
</div>
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="preview-item-links order-handle removable-parent" style="display:inline-block;">
 
−
 
−
<a class="removable-parent" href=""  data-link-type="SUBMIT"  data-text='' target="_blank" >
 
−
 
−
<span id="vbid-59a5b-7ptmolat"  class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >GET CODE</span>
 
−
</a>
 
−
</div>
 
 
 
 
 
Line 1,534: Line 584:
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- FORM END -->
+
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- PROMO END -->
 
 
 
 
Line 1,540: Line 605:
 
 
 
<!-- PRICING START -->
 
<!-- PRICING START -->
−
<div  id="vbid-59a5b-m8zdbmie"  class="master item-box  gallery-box style-59a5b-rzwawvht     items-hover-effects item_hover2 items-enter-effects item_enter2    " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="NATIVE_ORDER"  data-styleid="style-59a5b-rzwawvht" data-preview-styleid='style-59a5b-rzwawvht' data-preset-type-id="PRICING">
+
<div  id="vbid-6c9d2635-sv3yd6h4"  class="master item-box  gallery-box style-6c9d2635-eb0lt7ih     items-hover-effects item_hover2 items-enter-effects item_enter2    " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="NATIVE_ORDER"  data-styleid="style-6c9d2635-eb0lt7ih" data-preview-styleid='style-6c9d2635-eb0lt7ih' data-preset-type-id="PRICING">
 
<div id="no-image" class="stripe-background load-high-res " ></div>
 
<div id="no-image" class="stripe-background load-high-res " ></div>
 
<div class="gallery-wrapper item-wrapper pricing-wrapper ">
 
<div class="gallery-wrapper item-wrapper pricing-wrapper ">
 
 
−
<div  class="sub container style-59a5b-rzwawvht content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-59a5b-rzwawvht" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-59a5b-m8zdbmie" data-preset-type-id="PRICING" data-preview-style="style-59a5b-rzwawvht" data-style="style-f2783-7himpqznhz" data-absolute-path="http://edit.www.imcreator.com/viewer" >
+
<div  class="sub container style-6c9d2635-eb0lt7ih content matrix  " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-6c9d2635-eb0lt7ih" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-6c9d2635-sv3yd6h4" data-preset-type-id="PRICING" data-preview-style="style-6c9d2635-eb0lt7ih" data-style="style-f2783-7himpqznhz" data-absolute-path="" >
 
<!-- ARRANGER SETTINGS -->
 
<!-- ARRANGER SETTINGS -->
 
<div class="arranger-settings" style="display:none;"
 
<div class="arranger-settings" style="display:none;"
Line 1,569: Line 634:
 
 
 
 
−
<div  id="vbid-59a5b-ea3ua8y0"  class="sub item-box  page-box style-59a5b-rzwawvht         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-rzwawvht" data-preview-styleid='style-59a5b-rzwawvht' data-preset-type-id="UNRESOLVED">
+
<div  id="vbid-6c9d2635-ybzm333p"  class="sub item-box  page-box style-6c9d2635-eb0lt7ih         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-6c9d2635-eb0lt7ih" data-preview-styleid='style-6c9d2635-eb0lt7ih' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-ea3ua8y0" data-preview-style="style-59a5b-rzwawvht" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-ea3ua8y0" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-6c9d2635-ybzm333p" data-preview-style="style-6c9d2635-eb0lt7ih" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-6c9d2635-ybzm333p" data-bgimg="">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 1,624: Line 689:
 
<div class="preview-title-holder removable-parent order-handle">
 
<div class="preview-title-holder removable-parent order-handle">
 
 
−
<h2 id="vbid-59a5b-bwmehv5m" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #1<br></h2>
+
<h2 id="vbid-6c9d2635-qbra6yji" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #1<br></h2>
 
 
 
</div>
 
</div>
Line 1,640: Line 705:
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-srknqhmh" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-6c9d2635-pvckqd8j" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>Develop tools to work at increasing levels of abstraction and enable facile manufacturing of designs</p>
+
<p><span style="font-size:20px;"><span id="docs-internal-guid-1b7da29c-09db-8e3c-11bc-a8b64c92574a"><span style="font-family: Arial; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">Design and create a synthetic biological circuit containing a reporter protein regulated by arsenic ions.</span></span></span></p>
 
</div>
 
</div>
 
 
Line 1,701: Line 766:
 
 
 
 
−
<div  id="vbid-59a5b-nx6b3n8c"  class="sub item-box  page-box style-59a5b-rzwawvht         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-rzwawvht" data-preview-styleid='style-59a5b-rzwawvht' data-preset-type-id="UNRESOLVED">
+
<div  id="vbid-6c9d2635-k0xsms7i"  class="sub item-box  page-box style-6c9d2635-eb0lt7ih         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-6c9d2635-eb0lt7ih" data-preview-styleid='style-6c9d2635-eb0lt7ih' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-nx6b3n8c" data-preview-style="style-59a5b-rzwawvht" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-nx6b3n8c" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-6c9d2635-k0xsms7i" data-preview-style="style-6c9d2635-eb0lt7ih" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-6c9d2635-k0xsms7i" data-bgimg="">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 1,756: Line 821:
 
<div class="preview-title-holder removable-parent order-handle">
 
<div class="preview-title-holder removable-parent order-handle">
 
 
−
<h2 id="vbid-59a5b-euaeu5ry" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #2<br></h2>
+
<h2 id="vbid-6c9d2635-ul5d7ano" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #2<br></h2>
 
 
 
</div>
 
</div>
Line 1,772: Line 837:
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-cmwfgcba" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-6c9d2635-0atjkqde" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>Leverage expertise from established engineering disciplines</p>
+
<p><span style="font-size:20px;"><span id="docs-internal-guid-1b7da29c-09dc-2147-201d-0fee97b1058e"><span style="font-family: Arial; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">Demonstrate that the circuit can detect arsenic in solution in cells or using cell-free lysates.</span></span></span></p>
 
</div>
 
</div>
 
 
Line 1,833: Line 898:
 
 
 
 
−
<div  id="vbid-59a5b-j56fhdef"  class="sub item-box  page-box style-59a5b-rzwawvht         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-rzwawvht" data-preview-styleid='style-59a5b-rzwawvht' data-preset-type-id="UNRESOLVED">
+
<div  id="vbid-6c9d2635-rzieffte"  class="sub item-box  page-box style-6c9d2635-eb0lt7ih         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-6c9d2635-eb0lt7ih" data-preview-styleid='style-6c9d2635-eb0lt7ih' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-j56fhdef" data-preview-style="style-59a5b-rzwawvht" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-j56fhdef" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-6c9d2635-rzieffte" data-preview-style="style-6c9d2635-eb0lt7ih" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-6c9d2635-rzieffte" data-bgimg="">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 1,888: Line 953:
 
<div class="preview-title-holder removable-parent order-handle">
 
<div class="preview-title-holder removable-parent order-handle">
 
 
−
<h2 id="vbid-59a5b-wvq6arcj" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #3<br></h2>
+
<h2 id="vbid-6c9d2635-lns7saw8" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Goal #3<br></h2>
 
 
 
</div>
 
</div>
Line 1,904: Line 969:
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-u6qvxng5" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-6c9d2635-yxv565h7" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>Ultimately, forward engineer novel solutions to diverse problems</p>
+
<p><span style="font-size:20px;"><span id="docs-internal-guid-1b7da29c-09dd-066b-7acc-ba488d576ad6"><span style="font-family: Arial; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">Determine the conditions needed for cell-free lysates to detect EPA limits for harmful concentrations of arsenic.</span></span></span></p>
 
</div>
 
</div>
 
 
Line 1,979: Line 1,044:
 
 
 
 
−
<!-- FEATURES START -->
+
<!-- TEXT_BLOCK START -->
−
<div  id="vbid-59a5b-oqyvlgqs"  class="master item-box  gallery-box style-59a5b-2upaool4          " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="NATIVE_ORDER"  data-styleid="style-59a5b-2upaool4" data-preview-styleid='style-59a5b-2upaool4' data-preset-type-id="FEATURES">
+
<div  id="vbid-4c38363c-pwfs3s8z"  class="master item-box  gallery-box style-4c38363c-cfykn4og    button-effects btn_hover4      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-4c38363c-cfykn4og" data-preview-styleid='style-4c38363c-cfykn4og' data-preset-type-id="TEXT_BLOCK">
 
<div id="no-image" class="stripe-background load-high-res " ></div>
 
<div id="no-image" class="stripe-background load-high-res " ></div>
−
<div class="gallery-wrapper item-wrapper features-wrapper ">
+
<div class="gallery-wrapper item-wrapper text_block-wrapper ">
 
 
−
<div  class="sub container style-59a5b-2upaool4 content matrix   " data-itemtype="folder" data-creator="" data-itemname="LOADING"  data-itemslug="loading" data-itemstyleid="style-59a5b-2upaool4" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-59a5b-oqyvlgqs" data-preset-type-id="FEATURES" data-preview-style="style-59a5b-2upaool4" data-style="style-f2783-7himpqznhz" data-absolute-path="http://edit.www.imcreator.com/viewer" >
+
<div  class="sub container style-4c38363c-cfykn4og content flex   " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-4c38363c-cfykn4og" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-4c38363c-pwfs3s8z" data-preset-type-id="TEXT_BLOCK" data-preview-style="style-4c38363c-cfykn4og" data-style="style-4e411-j0xhjgzynh" data-absolute-path="" >
 
<!-- ARRANGER SETTINGS -->
 
<!-- ARRANGER SETTINGS -->
 
<div class="arranger-settings" style="display:none;"
 
<div class="arranger-settings" style="display:none;"
−
data-ARRANGER_TYPE="matrix"
+
data-ARRANGER_TYPE="flex"
−
data-ARRANGER_COLS="3"
+
data-ARRANGER_COLS="0"
−
data-ARRANGER_ITEM_MAX_WIDTH="300"
+
data-ARRANGER_ITEM_MAX_WIDTH="400"
−
data-ARRANGER_ITEM_MIN_WIDTH="203.7"
+
data-ARRANGER_ITEM_MIN_WIDTH="230"
−
data-ARRANGER_ITEM_RATIO="0.1"
+
data-ARRANGER_ITEM_RATIO="1"
−
data-ARRANGER_ITEM_SPACING="31"
+
data-ARRANGER_ITEM_SPACING="20"
 
data-ARRANGER_ITEMS_PER_PAGE="all"
 
data-ARRANGER_ITEMS_PER_PAGE="all"
 
data-ARRANGER_ORDER_TYPE="regular"
 
data-ARRANGER_ORDER_TYPE="regular"
−
data-AUTO_PLAY="false"
+
data-AUTO_PLAY="true"
 
data-AUTO_PLAY_DURATION="4"
 
data-AUTO_PLAY_DURATION="4"
−
data-FLEX_ELEMENT_EFFECT=""
+
data-FLEX_ELEMENT_EFFECT="effect-fadein"
 
></div>
 
></div>
 
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 
<div class="layout-settings" style="display:none;" data-type="multi"></div>
 
<div id="children">
 
<div id="children">
 
 
−
 
−
<!-- STRIPE HEADER -->
 
−
<div class="stripe-header-wrapper">
 
−
<div  id="vbid-59a5b-vibnooxk"  class="stripe-header sub item-box page-box style-59a5b-2upaool4      " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-2upaool4" data-preview-styleid='style-59a5b-2upaool4' data-preset-type-id="UNRESOLVED">
 
−
<div class="page-wrapper item-wrapper ">
 
−
<div class="item-content leaf blocks_layout page content" data-self="vbid-59a5b-vibnooxk" data-preview-style="style-59a5b-2upaool4" data-style="style-f2783-7himpqznhz" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-vibnooxk" 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-title-holder removable-parent order-handle">
 
−
 
−
<h2 id="vbid-59a5b-nnx8xrir" class="preview-element blocks-preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_TITLE" >RESOURCES</h2>
 
−
 
−
</div>
 
−
<br class="lower-line-break" />
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</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-wrapper">
Line 2,049: Line 1,074:
 
 
 
 
−
+
<div  id="vbid-4c38363c-4gaxjzpo"  class="sub item-box  page-box style-4c38363c-cfykn4og         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-4c38363c-cfykn4og" data-preview-styleid='style-4c38363c-cfykn4og' data-preset-type-id="UNRESOLVED">
−
+
−
<div  id="vbid-59a5b-lbaodeqk"  class="sub item-box  page-box style-59a5b-2upaool4         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-2upaool4" data-preview-styleid='style-59a5b-2upaool4' data-preset-type-id="UNRESOLVED">
+
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-lbaodeqk" data-preview-style="style-59a5b-2upaool4" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-lbaodeqk" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-4c38363c-4gaxjzpo" data-preview-style="style-4c38363c-cfykn4og" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="640" data-orig-thumb-width="505" data-vbid="vbid-4c38363c-4gaxjzpo" data-bgimg="https://static.igem.org/mediawiki/2017/f/f2/C2V_Description_WhyWeChoseArs.jpg">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 2,061: Line 1,084:
 
<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 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>
−
<div class="helper-div bottom-center" >
+
<div class="helper-div middle-right" >
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<div class="pic-side">
 
<div class="pic-side">
 
<div class="vertical-aligner">
 
<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="vbid-4c38363c-jm6adqzn-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="" >
+
<div  id="vbid-4c38363c-jm6adqzn" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://static.igem.org/mediawiki/2017/f/f2/C2V_Description_WhyWeChoseArs.jpg);"  data-orig-width="505" data-orig-height="640" >
 
<!-- VIDEO TEMPLATE -->
 
<!-- VIDEO TEMPLATE -->
 
 
Line 2,095: Line 1,118:
 
<div class="preview-content-holder shrinker-content">
 
<div class="preview-content-holder shrinker-content">
 
 
 +
<!--  BY SPECIFIC ORDER -->
 
 
−
<!--  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">
 +
 +
<h2 id="vbid-4c38363c-lhrwnuia" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >why we chose arsenic<br></h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
 
 
 
−
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
 
−
 
 
 
−
+
−
 
+
−
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
+
−
 
+
−
 
+
 
 
 
 
−
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
+
 +
<br class="upper-line-break" />
 +
<div class="preview-divider-holder removable-parent order-handle">
 +
<div id="vbid-4c38363c-i5dg9lve" class="preview-element preview-divider magic-circle-holder quick-text-style-menu" data-menu-name="PREVIEW_DIVIDER">
 +
</div>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 
 
 
 
 +
 
<br class="upper-line-break" />
 
<br class="upper-line-break" />
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-g1x4f75k" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu custom  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-4c38363c-ccbscqzl" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu   allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>Throughout this project we worked closely with several local non-profits in the Tacoma urban area. The goal of the project was to design a successful biological circuit utilizing e.coli DNA regulatory sequences and a green fluorescent protein (GFP) reporter as a means to detect Arsenic+.</p>
+
<p><span style="line-height:1em;"><span style="font-size:16px;"><span style="letter-spacing: 1.1px; white-space: pre-wrap;">Arsenic was selected by Cadets2Vets as the first chemical we would attempt to detect using a biological circuit. It is naturally found in the environment, especially in groundwater, and around industrial plants as a byproduct of manufacturing practices.</span>​</span></span></p><p><br></p><p><span style="line-height:1em;"><span style="font-size:16px;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">The detection of arsenic is especially important to team </span></span><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">members in the Puget Sound area, because North Tacoma is a Superfund Site. The ASARCO smelting company smokestack, erected in 1917, was a symbol of economic prosperity and booming business in the developing city of Tacoma. The copper smelting site on Ruston’s shore in Puget Sound brought jobs and wealth to the area. Unfortunately, over the course of its 100 years of operation, the plant had been pumping toxic materials like arsenic and lead directly into the air, where it then settled into the surrounding soil and water of the greater Tacoma area.</span></span></span></span></p><p><br></p><p><span style="line-height:1em;"><span style="font-size:16px;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">The smokestack was demolished in 1985, but there are still toxic levels of heavy metals in the soil over 30 years later. The city of Tacoma takes measures to warn new Tacoma homeowners about how to mitigate any increased levels of exposure to toxic materials in their soil, but must also take more drastic steps to protect users of publicly-owned land.</span><br class="kix-line-break"><br class="kix-line-break"><span style="vertical-align: baseline; white-space: pre-wrap;">The Department of Defense has a strong interest in developing rapid assays to test for environmental risks to protect the health of service members. Troops often deploy to hostile environments and assessing the risks of the environment itself can be challenging. The development of the arsenic circuit represents a new way to use synthetic biology in the military setting. Demonstrating that a biological circuit can be used in this application will lead to an expansion of the technology to test for more substances in the future. </span></span></span></span></p>
 
</div>
 
</div>
 
 
Line 2,127: Line 1,160:
 
<br class="lower-line-break" />
 
<br class="lower-line-break" />
  
−
 
 
 
−
<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>
 
−
 
−
 
 
 
 
 
Line 2,171: Line 1,186:
 
 
 
 
 +
 +
</div>
 +
</div>
 +
 +
 
 
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- TEXT_BLOCK END -->
 +
 +
 
 
−
<div  id="vbid-59a5b-x0t2hoek"  class="sub item-box  page-box style-59a5b-2upaool4         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-2upaool4" data-preview-styleid='style-59a5b-2upaool4' data-preset-type-id="UNRESOLVED">
+
 +
<!-- TEXT_BLOCK START -->
 +
<div  id="vbid-4fa8302c-hudlvhna"  class="master item-box  gallery-box style-4fa8302c-ykkbejos    button-effects btn_hover4      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-4fa8302c-ykkbejos" data-preview-styleid='style-4fa8302c-ykkbejos' 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-4fa8302c-ykkbejos content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-4fa8302c-ykkbejos" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-4fa8302c-hudlvhna" data-preset-type-id="TEXT_BLOCK" data-preview-style="style-4fa8302c-ykkbejos" data-style="style-4e411-j0xhjgzynh" data-absolute-path=""  >
 +
<!-- 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-4fa8302c-wtxhhyba"  class="sub item-box  page-box style-4fa8302c-ykkbejos         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-4fa8302c-ykkbejos" data-preview-styleid='style-4fa8302c-ykkbejos' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-x0t2hoek" data-preview-style="style-59a5b-2upaool4" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-x0t2hoek" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-4fa8302c-wtxhhyba" data-preview-style="style-4fa8302c-ykkbejos" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="3024" data-orig-thumb-width="4032" data-vbid="vbid-4fa8302c-wtxhhyba" data-bgimg="https://static.igem.org/mediawiki/2017/8/87/C2V_Description_ArsLevels.jpg">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 2,183: Line 1,242:
 
<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 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>
−
<div class="helper-div bottom-center" >
+
<div class="helper-div middle-left" >
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<div class="pic-side">
 
<div class="pic-side">
 
<div class="vertical-aligner">
 
<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="vbid-4fa8302c-3bnrnrzv-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="" >
+
<div  id="vbid-4fa8302c-3bnrnrzv" class="inner-pic preview-element  magic-circle-holder  load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://static.igem.org/mediawiki/2017/8/87/C2V_Description_ArsLevels.jpg);"  data-orig-width="4032" data-orig-height="3024" >
 
<!-- VIDEO TEMPLATE -->
 
<!-- VIDEO TEMPLATE -->
 
 
Line 2,217: Line 1,276:
 
<div class="preview-content-holder shrinker-content">
 
<div class="preview-content-holder shrinker-content">
 
 
 +
<!--  BY SPECIFIC ORDER -->
 
 
−
<!--  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">
 +
 +
<h2 id="vbid-4fa8302c-a7hrslal" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >arsenic levels of interest<br></h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
 
 
 
−
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
 
−
 
 
 
−
+
−
 
+
−
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
+
−
 
+
−
 
+
 
 
 
 
−
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
+
 +
<br class="upper-line-break" />
 +
<div class="preview-divider-holder removable-parent order-handle">
 +
<div id="vbid-4fa8302c-9he6h7nj" class="preview-element preview-divider magic-circle-holder quick-text-style-menu" data-menu-name="PREVIEW_DIVIDER">
 +
</div>
 +
</div>
 +
<br class="lower-line-break" />
  
 +
 +
 +
 
 
 
 
 +
 
<br class="upper-line-break" />
 
<br class="upper-line-break" />
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-bgiccodh" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu custom  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-4fa8302c-gttc6art" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu   allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>After the circuit was designed and constructed the next step was to demonstrate the circuit as viable in a cell of Arsenic. To accomplish this goal we worked with Urban Waters, Readiness Acceleration and Innovation Networking (RAIN),and Charles Wright Academy.</p>
+
<p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">The maximum contaminant level for arsenic that federal and state agencies use as guideline to test the arsenic levels in drinking water was established by the EPA. Initially it was set to 50 micrograms/liter or 50 ppb. However, drinking water that contains 50 ppb arsenic for prolonged periods of time may cause bladder or lung cancer and other chronic conditions.</span></span></span></span><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"></span></span></span></span><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"> </span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"></span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">In 2001, the EPA reduced the maximum contaminant level of arsenic to 10 micrograms/ liter or 10 ppb</span><span style="vertical-align: super; white-space: pre-wrap;">1</span><span style="vertical-align: baseline; white-space: pre-wrap;">. Nevertheless, according to data gathered between the years of 1993 and 2007, arsenic contamination of the waters in Washington state persisted</span><span style="vertical-align: super; white-space: pre-wrap;">2</span><span style="vertical-align: baseline; white-space: pre-wrap;">.</span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"></span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">Probes in the waters of western part of Washington state, </span></span></span></span><span style="font-size: 16px; letter-spacing: 1.1px; white-space: pre-wrap; background-color: rgb(255, 255, 255);">near the southern part of the state by the Columbia River, and also north near Everett</span><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"> have detected higher concentrations of arsenic, close to 50 ppb. </span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;"></span></span></span></span><br></p><p><span style="font-size:16px;"><span style="line-height:1em;"><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">Developing an inexpensive paper-based circuit to detect the concentration of arsenic in the water in the region will greatly influence our knowledge and awareness of the quality of the water are consuming.</span></span><span style="letter-spacing: 1.1px;"><span style="vertical-align: baseline; white-space: pre-wrap;">We hope to develop our assay to detect arsenic within the EPA limit.</span></span></span></span></p>
 
</div>
 
</div>
 
 
Line 2,249: Line 1,318:
 
<br class="lower-line-break" />
 
<br class="lower-line-break" />
  
−
 
 
 
−
<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>
 
−
 
−
 
 
 
 
 
Line 2,293: Line 1,344:
 
 
 
 
 +
 +
</div>
 +
</div>
 +
 +
 
 
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- TEXT_BLOCK END -->
 +
 +
 
 
−
<div  id="vbid-59a5b-vwoniwg7"  class="sub item-box  page-box style-59a5b-2upaool4         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-59a5b-2upaool4" data-preview-styleid='style-59a5b-2upaool4' data-preset-type-id="UNRESOLVED">
+
 +
<!-- TEXT_BLOCK START -->
 +
<div  id="vbid-8f863eb8-qqcb9mt2"  class="master item-box  gallery-box style-8f863eb8-6rkb49z5    button-effects btn_hover3      " data-holder-type="gallery"" data-holder-type="gallery"  data-child-type="STYLE"  data-styleid="style-8f863eb8-6rkb49z5" data-preview-styleid='style-8f863eb8-6rkb49z5' 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-8f863eb8-6rkb49z5 content flex  " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy"  data-itemslug="loading-copy" data-itemstyleid="style-8f863eb8-6rkb49z5" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-8f863eb8-qqcb9mt2" data-preset-type-id="TEXT_BLOCK" data-preview-style="style-8f863eb8-6rkb49z5" data-style="style-4e411-j0xhjgzynh" data-absolute-path=""  >
 +
<!-- 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-8f863eb8-3icuax6a"  class="sub item-box  page-box style-8f863eb8-6rkb49z5         " data-holder-type="page"" data-holder-type="page"  data-child-type="STYLE"  data-styleid="style-8f863eb8-6rkb49z5" data-preview-styleid='style-8f863eb8-6rkb49z5' data-preset-type-id="UNRESOLVED">
 
 
 
<div class="page-wrapper item-wrapper ">
 
<div class="page-wrapper item-wrapper ">
 
 
−
<div class="item-content leaf multi_layout page content -container" data-self="vbid-59a5b-vwoniwg7" data-preview-style="style-59a5b-2upaool4" data-style="style-f2783-oogpxtqvka" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-59a5b-vwoniwg7" data-bgimg="">
+
<div class="item-content leaf multi_layout page content -container" data-self="vbid-8f863eb8-3icuax6a" data-preview-style="style-8f863eb8-6rkb49z5" data-style="style-4e411-yq39oaomol" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-8f863eb8-3icuax6a" data-bgimg="">
 
<div  class="multi-container preview image-cover" >
 
<div  class="multi-container preview image-cover" >
 
<div class="Picture item-preview">
 
<div class="Picture item-preview">
Line 2,305: Line 1,400:
 
<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 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>
−
<div class="helper-div bottom-center" >
+
<div class="helper-div middle-center" >
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<!-- <div class="benet" style="min-height:inherit;"></div> -->
 
<div class="pic-side">
 
<div class="pic-side">
Line 2,339: Line 1,434:
 
<div class="preview-content-holder shrinker-content">
 
<div class="preview-content-holder shrinker-content">
 
 
 +
<!--  BY SPECIFIC ORDER -->
 
 
−
<!--  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">
 +
 +
<h2 id="vbid-8f863eb8-7tigyyyk" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu  allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Sources</h2>
 +
 +
</div>
 +
<br class="lower-line-break" />
  
−
 
 
 
−
<div class="element-placeholder" data-elementtype='TITLE' style="display:none;"></div>
 
−
 
 
 
−
+
−
 
+
−
<div class="element-placeholder" data-elementtype='SUBTITLE' style="display:none;"></div>
+
−
 
+
−
 
+
−
+
−
+
−
<div class="element-placeholder" data-elementtype='DIVIDER' style="display:none;"></div>
+
−
 
+
 
 
 
 
 +
 
<br class="upper-line-break" />
 
<br class="upper-line-break" />
 
<div class="preview-body-holder removable-parent order-handle">
 
<div class="preview-body-holder removable-parent order-handle">
 
 
−
<div id="vbid-59a5b-8t7kd8ik" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu custom  allow-mobile-hide" data-menu-name="PREVIEW_BODY">
+
<div id="vbid-8f863eb8-rouzmtxs" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu   allow-mobile-hide" data-menu-name="PREVIEW_BODY">
−
<p>By utilizing community involvement we hope to both increase pre-collegiate interest in STEM related fields as well as increase the communal understanding of the environment and provide a inexpensive and effective tool for the detection of potentially toxic metals.</p>
+
<p></p><ol><li><span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">“Drinking Water Arsenic Rule History”, EPA.gov. https://www.epa.gov/dwreginfo/drinking-water-arsenic-rule-history. Web. Sept 06, 2017.</span></span><br></li><li><span><span id="docs-internal-guid-1b7da29c-fdbd-fb12-e772-bbf347097214"><span style="font-size: 12pt; font-family: Arial; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">“Arsenic Detection in Washington State Public Water Supplies”, doh.wa.gov. http://www.doh.wa.gov/CommunityandEnvironment/DrinkingWater/Contaminants/ArsenicinDrinkingWater/MapofArsenicDetections. Web. Sept 06, 2017.</span></span></span></li></ol>
 
</div>
 
</div>
 
 
Line 2,371: Line 1,463:
 
<br class="lower-line-break" />
 
<br class="lower-line-break" />
  
−
 
 
 
−
<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>
 
−
 
−
 
 
 
 
 
Line 2,426: Line 1,496:
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- FEATURES END -->
+
<!-- TEXT_BLOCK END -->
 
 
 
 
Line 2,502: Line 1,572:
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- SOCIAL TEMPLATE -->
+
<!-- SOCIAL TEMPLATE -->
 
 
 
<div class="preview-social-wrapper removable-parent"  >
 
<div class="preview-social-wrapper removable-parent"  >
−
<div id="vbid-59a5b-xmkwjkjw" class="preview-element preview-social-holder magic-circle-holder" data-menu-name="PREVIEW_SOCIAL" data-theme="1" >
+
<div id="vbid-59a5b-xmkwjkjw" class="preview-element preview-social-holder magic-circle-holder" data-menu-name="PREVIEW_SOCIAL" data-theme="7" >
 
 
−
<div id="FACEBOOK" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="FACEBOOK" data-img-url="//edit.www.imcreator.com/images/socialmedia/1facebook.png">
+
<div id="FACEBOOK" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="FACEBOOK" data-img-url="https://static.igem.org/mediawiki/2017/a/a4/FacebookImage.png">
−
<a class='social-link-url' href="http://www.facebook.com/" target='_blank'><img class='preview-link-img ' src="//edit.www.imcreator.com/images/socialmedia/1facebook.png" ></a>
+
<a class='social-link-url' href="https://www.facebook.com/RAINIncubator" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/a/a4/FacebookImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="TWITTER" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="TWITTER" data-img-url="//edit.www.imcreator.com/images/socialmedia/1twitter.png">
+
<div id="TWITTER" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="TWITTER" data-img-url="https://static.igem.org/mediawiki/2017/5/59/TwitterImage.png">
−
<a class='social-link-url' href="http://www.twitter.com/" target='_blank'><img class='preview-link-img ' src="//edit.www.imcreator.com/images/socialmedia/1twitter.png" ></a>
+
<a class='social-link-url' href="https://twitter.com/RAINincubator" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/5/59/TwitterImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="INSTAGRAM" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="INSTAGRAM" data-img-url="//edit.www.imcreator.com/images/socialmedia/1instagram.png">
+
<div id="INSTAGRAM" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="INSTAGRAM" data-img-url="https://static.igem.org/mediawiki/2017/8/86/InstagramImage.png">
−
<a class='social-link-url' href="http://www.instagram.com" target='_blank'><img class='preview-link-img ' src="//edit.www.imcreator.com/images/socialmedia/1instagram.png" ></a>
+
<a class='social-link-url' href="https://www.linkedin.com/in/rain-network" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/8/86/InstagramImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="YOUTUBE" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="YOUTUBE" data-img-url="//edit.www.imcreator.com/images/socialmedia/1youtube.png">
+
<div id="YOUTUBE" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="YOUTUBE" data-img-url="https://static.igem.org/mediawiki/2017/3/34/YoutubeImage.png">
−
<a class='social-link-url' href="http://www.youtube.com" target='_blank'><img class='preview-link-img ' src="//edit.www.imcreator.com/images/socialmedia/1youtube.png" ></a>
+
<a class='social-link-url' href="https://www.youtube.com/channel/UCuVc4cKxuUzpjZfywBgoT9w" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/3/34/YoutubeImage.png" ></a>
 
</div>
 
</div>
 
 
−
<div id="GOOGLE_PLUS" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="GOOGLE_PLUS" data-img-url="//edit.www.imcreator.com/images/socialmedia/1googleplus.png">
+
<div id="GOOGLE_PLUS" class='link-entry' data-menu-name="PREVIEW_SOCIAL" style='display:inline-block;' data-title="GOOGLE_PLUS" data-img-url="https://static.igem.org/mediawiki/2017/f/fa/GooglePlusImage.png">
−
<a class='social-link-url' href="http://www.plus.google.com/" target='_blank'><img class='preview-link-img ' src="//edit.www.imcreator.com/images/socialmedia/1googleplus.png" ></a>
+
<a class='social-link-url' href="https://plus.google.com/u/0/+RainincubatorOrg" target='_blank'><img class='preview-link-img ' src="https://static.igem.org/mediawiki/2017/f/fa/GooglePlusImage.png" ></a>
 
</div>
 
</div>
 
 
 
</div>  
 
</div>  
 
</div>
 
</div>
 +
  
 
<!-- RAW TEMPLATE -->
 
<!-- RAW TEMPLATE -->
−
+
 
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
 
<div class="element-placeholder" data-elementtype='RAW' style="display:none;"></div>
  
Line 2,570: Line 1,641:
 
</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://static.igem.org/mediawiki/2017/d/db/Arrow1.png" 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://static.igem.org/mediawiki/2017/9/9e/XImage1.png" 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://2017.igem.org/File:Thing5.png" 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" >
+
<img src="https://2017.igem.org/File:Thing4.png" class="lightbox-arrow lightbox-right clickable top-layer" >
 
</div>
 
</div>
  
 
</div>
 
</div>
 
 
−
<script src="//edit.www.imcreator.com/js/lightbox.js?v=1.4.0p1"  type="text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/lightbox?action=raw&ctype=text/javascript"></script>
−
<script src="//edit.www.imcreator.com/js/spimeengine.js?v=1.4.0p1"  type="text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Cadets2Vets/js/spimeengine?action=raw&ctype=text/javascript"></script>
 
 
 
 
Line 2,592: Line 1,663:
  
 
 
−
<div id="user-pref" style="display:none;" data-lang="en"></div>
 
−
<div style="display:none;" id="lightbox-menus-holder">
 
−
 
−
<div  class="login-dialog-wrapper white_content delay-anim" style="text-align:center;">
 
−
 
−
<div class="login dialog-holder">
 
−
<div  class="login-title"><span class="im-text form-type  t-t">Login</span></div>
 
−
<form id="login-form">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="name" type="text" placeholder="nickname/email" data-placeholder="nickname/email" /><br/>
 
−
<input name="password" type="password" placeholder="password" data-placeholder="password" autocomplete="off" /><br/>
 
−
<input id="login-btn" class="clickable" type="button" class="input-btn" value="LOGIN">
 
−
<div id="goto-register" class="clickable t-t">Create a new account</div>
 
−
<div id="forgot-password" class="clickable t-t">Forgot Password?</div>
 
−
</form>
 
−
</div>
 
−
 
−
<div class="register dialog-holder" style="display:none;">
 
−
<div  class="login-title"><span class="im-text form-type  t-t">Login</span></div>
 
−
<form id="register-form" class="hide-phone">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="email" type="text" placeholder="email" data-placeholder="email"  /><br/>
 
−
 
−
<input name="name" type="text" placeholder="nickname" data-placeholder="nickname" /><br/>
 
−
<input name="password" type="password"  placeholder="password" data-placeholder="password" autocomplete="off" /><br/>
 
−
 
−
<input id="terms" type="checkbox" checked="checked" disabled /><span class="form-label"><a href="http://www.imcreator.com/terms-of-service" target="_blank" class="terms-link  t-t">Terms and Conditions</a></span><br/>
 
−
<input id="register-btn" class="clickable" type="button" class="input-btn" value="JOIN">
 
−
<div id="goto-login" class="clickable t-t">Already a member?</div>
 
−
</form>
 
−
</div>
 
−
 
−
<div class="forgot-pass dialog-holder" style="display:none;">
 
−
<div  class="login-title"><span class="im-text form-type t-t">Login</span></div>
 
−
<form id="forgot-pass-form">
 
−
<img id="user-gravatar" src="https://www.gravatar.com/avatar/?d=mm" /><br/>
 
−
<input name="email" type="text" placeholder="email" data-placeholder="email" /><br/>
 
−
<input id="forgot-pass-btn" class="clickable" type="button" class="input-btn" value="SEND">
 
−
<div id="goto-login" class="clickable t-t">Back</div>
 
−
</form>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="fade" class="black_overlay fadein-noscript" style="display:none;"></div>
 
−
 
−
 
−
</html>
 
−
<html>
 
−
<script>
 
−
 
−
// This is the jquery part of your template. 
 
−
// Try not modify any of this code too much since it makes your menu work.
 
−
$(document).ready(function() {
 
−
$("#HQ_page").attr('id','');
 
−
// call the functions that control the menu
 
−
menu_functionality();
 
−
hide_show_menu();
 
−
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 
−
function menu_functionality() {
 
−
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
 
−
$(".menu_button").click(function(){
 
−
// add or remove the class "open" , this class holds the "-"
 
−
$(this).children().toggleClass("open");
 
−
 
−
// show or hide the submenu
 
−
$(this).next('.submenu_wrapper').fadeToggle(400);
 
−
});
 
−
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
 
−
$("#display_menu_control").click(function(){
 
−
$('#menu_content').fadeToggle(400);
 
−
});
 
−
// call the current page highlight function
 
−
highlight_current_page();
 
−
}
 
−
// call the highlight current page function to show it on the menu with a different background color
 
−
function highlight_current_page() {
 
−
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 
−
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 
−
// now that the current_page class has been added to a menu item, make the submenu fade in
 
−
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 
−
 
−
// change the +/- symbol of the corresponding menu button
 
−
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 
−
}
 
−
// allow button on the black menu bar to show/hide the side menu
 
−
function hide_show_menu() {
 
−
 
−
// in case you preview mode is selected, the menu is hidden for better visibility
 
−
if (window.location.href.indexOf("submit") >= 0) {
 
−
$(".igem_2017_menu_wrapper").hide();
 
−
}
 
−
// if the black menu bar has been loaded
 
−
  if (document.getElementById('bars_item')) {
 
−
// when the "bars_item" has been clicked
 
−
$("#bars_item").click(function() {
 
−
$("#sideMenu").hide();
 
−
// show/hide the menu wrapper
 
−
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
−
});
 
−
  }
 
−
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
−
else {
 
−
    setTimeout(hide_show_menu, 15);
 
−
}
 
−
}
 
−
});
 
−
</script>
 
−
<style>
 
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
−
/* Clear the default wiki settings */
 
−
#home_logo, #sideMenu { display:none; }
 
−
#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; }
 
−
/**************************************************************** MENU ***************************************************************/
 
−
/* Wrapper for the menu */
 
−
.igem_2017_menu_wrapper {
 
−
width: 15%;
 
−
height:100vh;
 
−
position:fixed;
 
−
right:0%;
 
−
padding:0px;
 
−
float:right;
 
−
border-left: 1px solid #383838;
 
−
background-color:#7c6429;
 
−
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;
 
−
}
 
−
/* styling for the images in the menu */
 
−
.igem_2017_menu_wrapper img {
 
−
width: 100%;
 
−
}
 
−
/* styling for the menu buttons */
 
−
.igem_2017_menu_wrapper .menu_button {
 
−
width: 100%;
 
−
padding: 10px 0px 10px 15px;
 
−
float:left;
 
−
border-bottom: 1px solid #383838;
 
−
font-size: 12px;
 
−
font-weight: bold;
 
−
color: #ffffff;
 
−
cursor: pointer;
 
−
}
 
−
.igem_2017_menu_wrapper .menu_bottom_padding {
 
−
width: 100%;
 
−
height: 30px;
 
−
float:left;
 
−
}
 
−
.menu_button.direct_to_page {
 
−
padding-left: 36px;
 
−
}
 
−
.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 {
 
−
content: "-" !important; 
 
−
}
 
−
 
−
/* 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 {
 
−
background-color: #3399ff;
 
−
text-decoration: none;
 
−
color:#ffffff;
 
−
}
 
−
/* styling for the menu button when it is the current page */
 
−
.current_page {
 
−
background-color:#7fc1f7  !important;
 
−
color:#ffffff !important;
 
−
}
 
−
/* styling for the submenu buttons */
 
−
.igem_2017_menu_wrapper .submenu_button {
 
−
width: 100%;
 
−
padding: 10px 0px 10px 34px;
 
−
float:left;
 
−
background-color:#7c6429;
 
−
border-bottom: 1px solid #383838;
 
−
font-size: 12px;
 
−
color: #ffffff;
 
−
cursor: pointer;
 
−
}
 
−
/* wrapper for the submenu items, they are hidden by default*/
 
−
.igem_2017_menu_wrapper .submenu_wrapper {
 
−
display:none;
 
−
}
 
−
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
−
.igem_2017_menu_wrapper #display_menu_control {
 
−
display:none;
 
−
text-align:center;
 
−
}
 
−
 
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
−
/* Wrapper for the content */
 
−
.igem_2017_content_wrapper {
 
−
width: 81%;
 
−
margin: 2%;
 
−
display:block;
 
−
float:left;
 
−
background-color:white;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
/********************************* HTML STYLING  *********************************/
 
−
/* styling for the titles h1 h2 */
 
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
−
padding:5px 15px;
 
−
border-bottom: 0px;
 
−
color: #3399ff;
 
−
}
 
−
/* styling for the titles  h3 h4 h5 h6*/
 
−
.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 */
 
−
.igem_2017_content_wrapper p {
 
−
padding: 0px 15px;
 
−
font-size: 13px;
 
−
}
 
−
/* Links */
 
−
.igem_2017_content_wrapper a {
 
−
font-weight: bold;
 
−
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 */
 
−
.igem_2017_content_wrapper a:hover {
 
−
text-decoration:none;
 
−
color:#000000;
 
−
}
 
−
/* non numbered lists */
 
−
.igem_2017_content_wrapper ul {
 
−
padding:0px 20px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
/* numbered lists */
 
−
.igem_2017_content_wrapper ol {
 
−
padding:0px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
/* Table */
 
−
.igem_2017_content_wrapper table {
 
−
width: 97%;
 
−
margin:15px 10px;
 
−
border: 1px solid #383838;
 
−
border-collapse: collapse;
 
−
}
 
−
/* table cells */
 
−
.igem_2017_content_wrapper  td {
 
−
padding: 10px;
 
−
vertical-align: text-top;
 
−
border: 1px solid #383838;
 
−
border-collapse: collapse;
 
−
}
 
−
/* table headers */
 
−
.igem_2017_content_wrapper th {
 
−
padding: 10px;
 
−
vertical-align: text-top;
 
−
border: 1px solid #383838;
 
−
border-collapse: collapse;
 
−
background-color:#7c6429;
 
−
}
 
−
/**********************************LAYOUT CLASSES **********************************/
 
−
/* general class for column divs */
 
−
.igem_2017_content_wrapper .column  {
 
−
padding: 10px 0px;
 
−
float:left;
 
−
}
 
−
/* class for a full width column */
 
−
.column .full_size {
 
−
width:100%;
 
−
}
 
−
/* styling for images in a full width column*/
 
−
.column.full_size img {
 
−
width:97%;
 
−
padding: 10px 15px;
 
−
}
 
−
/* class for a half width column */
 
−
.column.half_size {
 
−
width: 50%;
 
−
}
 
−
/* styling for images in a half width column*/
 
−
.column.half_size img {
 
−
width: 94.5%;
 
−
padding: 10px 15px;
 
−
}
 
−
/********************************* SUPPORT CLASSES ********************************/
 
−
/* class that clears content below*/
 
−
.igem_2017_content_wrapper .clear {
 
−
clear:both;
 
−
}
 
−
 
−
/* adds extra spacing when clearing content */
 
−
.igem_2017_content_wrapper  .clear.extra_space {
 
−
height: 30px;
 
−
}
 
−
/* highlight class, makes content slightly smaller */
 
−
.igem_2017_content_wrapper .highlight {
 
−
margin: 0px 15px;
 
−
padding: 15px 0px;
 
−
}
 
−
/* highlight class, adds a gray background */
 
−
.igem_2017_content_wrapper .highlight.gray {
 
−
background-color: #7c6429;
 
−
}
 
−
/* highlight with decoration blue line on top */
 
−
.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;
 
−
}
 
−
/* button class */
 
−
.igem_2017_content_wrapper .button{
 
−
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 */
 
−
.igem_2017_content_wrapper .button:hover{
 
−
background-color: #3399ff;
 
−
    color: #000000;
 
−
}
 
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
−
/* IF THE SCREEN IS LESS THAN 1200PX */
 
−
@media only screen and (max-width: 1200px) {
 
−
#content {width:100%; }
 
−
.igem_2017_menu_wrapper {width:15%; right:0;}
 
−
.highlight {padding:10px 0px;}
 
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 
−
#menu_content { display:block;}
 
−
.menu_button.direct_to_page {padding-left: 17px;}
 
−
}
 
−
/* 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%;}
 
−
.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; }
 
−
}
 
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
 
−
.judges-will-not-evaluate {
 
−
    width: 96.6%;
 
−
  margin: 5px 15px;
 
−
  display: block;
 
−
border: 4px solid #3399ff;
 
−
    font-weight: bold;
 
−
}
 
−
</style>
 
−
 
−
<div class="igem_2017_menu_wrapper" >
 
−
 
−
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
−
<div class="menu_button" id="display_menu_control">
 
−
MENU 
 
−
</div>
 
−
<div id="menu_content">
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets">
 
−
<div class="menu_button direct_to_page">
 
−
HOME
 
−
</div>
 
−
</a>
 
−
<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:Cadets2Vets/Team">
 
−
<div class="submenu_button" id="Team_page">
 
−
Team
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Collaborations">
 
−
<div class="submenu_button"  id="Collaborations_page">
 
−
Collaborations
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> PROJECT
 
−
</div>
 
−
 
−
<!-- project submenu -->
 
−
<div class="submenu_wrapper">
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Description">
 
−
<div class="submenu_button"  id="Description_page">
 
−
Description
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Design">
 
−
<div class="submenu_button"  id="Design_page">
 
−
Design
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Experiments">
 
−
<div class="submenu_button"  id="Experiments_page">
 
−
Experiments
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Notebook">
 
−
<div class="submenu_button"  id="Notebook_page">
 
−
Notebook
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/InterLab">
 
−
<div class="submenu_button"  id="InterLab_page">
 
−
InterLab
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Contribution">
 
−
<div class="submenu_button"  id="Contribution_page">
 
−
Contribution
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Model">
 
−
<div class="submenu_button"  id="Model_page">
 
−
Model
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Results">
 
−
<div class="submenu_button"  id="Results_page">
 
−
Results
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Demonstrate">
 
−
<div class="submenu_button"  id="Demonstrate_page">
 
−
Demonstrate
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Improve">
 
−
<div class="submenu_button"  id="Improve_page">
 
−
Improve
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Attributions">
 
−
<div class="submenu_button"  id="Attributions_page">
 
−
Attributions
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> PARTS
 
−
</div>
 
−
 
−
<!-- parts submenu -->
 
−
<div class="submenu_wrapper">
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Parts">
 
−
<div class="submenu_button"  id="Parts_page">
 
−
Parts
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Basic_Part">
 
−
<div class="submenu_button"  id="Basic_Part_page">
 
−
Basic Parts
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Composite_Part">
 
−
<div class="submenu_button"  id="Composite_Part_page">
 
−
Composite Parts
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Part_Collection">
 
−
<div class="submenu_button"  id="Part_Collection_page">
 
−
Part Collection
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Safety">
 
−
<div class="menu_button direct_to_page">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
<div class="menu_button" >
 
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
−
</div>
 
−
 
−
<!-- human practices submenu -->
 
−
<div class="submenu_wrapper">
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/HP/Silver">
 
−
<div class="submenu_button"  id="Silver_page">
 
−
Silver HP
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/HP/Gold_Integrated">
 
−
<div class="submenu_button" id="Gold_Integrated_page">
 
−
Integrated and Gold
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Engagement">
 
−
<div class="submenu_button"  id="Engagement_page">
 
−
Public Engagement
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> AWARDS
 
−
</div>
 
−
 
−
<!-- awards submenu -->
 
−
<div class="submenu_wrapper">
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Applied_Design">
 
−
<div class="submenu_button"  id="Applied_Design_page">
 
−
Applied Design
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Entrepreneurship">
 
−
<div class="submenu_button"  id="Entrepreneurship_page">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Hardware">
 
−
<div class="submenu_button"  id="Hardware_page">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Measurement">
 
−
<div class="submenu_button"  id="Measurement_page">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Model">
 
−
<div class="submenu_button"  id="Model_page">
 
−
Model
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Plant">
 
−
<div class="submenu_button"  id="Plant_page">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
<a href="https://2017.igem.org/Team:Cadets2Vets/Software">
 
−
<div class="submenu_button"  id="Software_page">
 
−
Software
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<a href="https://igem.org/2017_Judging_Form?team=Cadets2Vets">
 
−
<div class="menu_button direct_to_page">
 
−
JUDGING FORM
 
−
</div>
 
−
</a>
 
−
<div class="menu_bottom_padding" >
 
−
</div>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>

Latest revision as of 16:05, 1 November 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
Notebook Overview
June Notebook
July Notebook
August Notebook
September Notebook
October Notebook
InterLab
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Hardware
Environmental Project
JUDGING FORM


Description - Home


DESCRIPTION OF OUR PROJECT



The goal of this project is to engineer a biological circuit that utilizes E. coli plasmid DNA sequences and a green fluorescent protein (GFP) reporter to detect arsenic. The constitutive promoter in our construct produces a regulatory protein ArsR that binds with arsenic ions and triggers visible fluorescence. Our team will demonstrate this circuit using a cell-free lateral flow paper-based system. Ultimately, the purpose of this circuit will be to provide an inexpensive and ubiquitous arsenic sensor for testing environmental samples. ​



Goal #1



Design and create a synthetic biological circuit containing a reporter protein regulated by arsenic ions.



Goal #2



Demonstrate that the circuit can detect arsenic in solution in cells or using cell-free lysates.



Goal #3



Determine the conditions needed for cell-free lysates to detect EPA limits for harmful concentrations of arsenic.



why we chose arsenic





Arsenic was selected by Cadets2Vets as the first chemical we would attempt to detect using a biological circuit. It is naturally found in the environment, especially in groundwater, and around industrial plants as a byproduct of manufacturing practices.​


The detection of arsenic is especially important to team members in the Puget Sound area, because North Tacoma is a Superfund Site. The ASARCO smelting company smokestack, erected in 1917, was a symbol of economic prosperity and booming business in the developing city of Tacoma. The copper smelting site on Ruston’s shore in Puget Sound brought jobs and wealth to the area. Unfortunately, over the course of its 100 years of operation, the plant had been pumping toxic materials like arsenic and lead directly into the air, where it then settled into the surrounding soil and water of the greater Tacoma area.


The smokestack was demolished in 1985, but there are still toxic levels of heavy metals in the soil over 30 years later. The city of Tacoma takes measures to warn new Tacoma homeowners about how to mitigate any increased levels of exposure to toxic materials in their soil, but must also take more drastic steps to protect users of publicly-owned land.

The Department of Defense has a strong interest in developing rapid assays to test for environmental risks to protect the health of service members. Troops often deploy to hostile environments and assessing the risks of the environment itself can be challenging. The development of the arsenic circuit represents a new way to use synthetic biology in the military setting. Demonstrating that a biological circuit can be used in this application will lead to an expansion of the technology to test for more substances in the future.



arsenic levels of interest





The maximum contaminant level for arsenic that federal and state agencies use as guideline to test the arsenic levels in drinking water was established by the EPA. Initially it was set to 50 micrograms/liter or 50 ppb. However, drinking water that contains 50 ppb arsenic for prolonged periods of time may cause bladder or lung cancer and other chronic conditions.


In 2001, the EPA reduced the maximum contaminant level of arsenic to 10 micrograms/ liter or 10 ppb1. Nevertheless, according to data gathered between the years of 1993 and 2007, arsenic contamination of the waters in Washington state persisted2.


Probes in the waters of western part of Washington state, near the southern part of the state by the Columbia River, and also north near Everett have detected higher concentrations of arsenic, close to 50 ppb.


Developing an inexpensive paper-based circuit to detect the concentration of arsenic in the water in the region will greatly influence our knowledge and awareness of the quality of the water are consuming.We hope to develop our assay to detect arsenic within the EPA limit.



Sources



  1. “Drinking Water Arsenic Rule History”, EPA.gov. https://www.epa.gov/dwreginfo/drinking-water-arsenic-rule-history. Web. Sept 06, 2017.
  2. “Arsenic Detection in Washington State Public Water Supplies”, doh.wa.gov. http://www.doh.wa.gov/CommunityandEnvironment/DrinkingWater/Contaminants/ArsenicinDrinkingWater/MapofArsenicDetections. Web. Sept 06, 2017.

Follow us on Social Media!


2304 Jefferson Ave, Tacoma, WA 98402