Loading menubar.....

Difference between revisions of "Team:newcastle/workshop/alicegoddard/css/bootstrapmincss"

(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="descr...")
 
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html lang="en" dir="ltr" class="client-js"><head>
−
<html lang="en">
+
<meta charset="UTF-8">
 +
<title>Team:UC San Diego - 2018.igem.org</title>
 +
<meta name="generator" content="MediaWiki 1.24.1">
 +
<link rel="shortcut icon" href="/favicon.ico">
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2018.igem.org (en)">
 +
<link rel="EditURI" type="application/rsd+xml" href="http://2018.igem.org/wiki/api.php?action=rsd">
 +
<link rel="alternate" hreflang="x-default" href="/Team:UC_San_Diego">
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/">
 +
<link rel="alternate" type="application/atom+xml" title="2018.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom">
 +
<link rel="stylesheet" href="http://2018.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*">
 +
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 +
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="">
 +
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 +
/* cache key: 2018_igem_org:resourceloader:filter:minify-css:7:4954c207eac863ca01279ce65317a567 */</style>
 +
<script src="http://2018.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script><script src="/wiki/load.php?debug=false&amp;lang=en&amp;modules=jquery%2Cmediawiki&amp;only=scripts&amp;skin=igem&amp;version=20171129T172238Z"></script>
 +
<script>if(window.mw){
 +
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:UC_San_Diego","wgTitle":"Team:UC San Diego","wgCurRevisionId":480748,"wgRevisionId":480748,"wgArticleId":10238,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"AGoddard9","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:UC_San_Diego","wgUserId":7288,"wgUserEditCount":0,"wgUserRegistration":1560266527000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
 +
}</script><script>if(window.mw){
 +
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
 +
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"7bcbde1cc2fb041028eb0f05e2786b39+\\","patrolToken":"711df3dd358b83aca22665c2988c2369+\\","watchToken":"fa99cf29a4aad813bcb8f1c7adfb2605+\\"});},{},{});
 +
/* cache key: 2018_igem_org:resourceloader:filter:minify-js:7:8a4c11e3159a89f55fb7e4e0276939a8 */
 +
}</script>
 +
<script>if(window.mw){
 +
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 +
}</script><script src="/wiki/load.php?debug=false&amp;lang=en&amp;modules=jquery.accessKeyLabel%2Cclient%2CmwExtension%7Cmediawiki.legacy.ajax%2Cwikibits%7Cmediawiki.notify%2Cutil%7Cmediawiki.page.startup&amp;skin=igem&amp;version=20190323T114544Z&amp;*"></script>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_UC_San_Diego skin-igem action-view">
  
−
<head>
+
        <script type="text/javascript" src="/common/tablesorter/jquery.tablesorter.min.js"></script>
 +
        <link rel="stylesheet" type="text/css" href="/common/tablesorter/themes/groupparts/style.css">
 +
        <link rel="stylesheet" type="text/css" href="/common/table_styles.css">
  
−
  <meta charset="utf-8">
+
        <script type="text/javascript" src="/wiki/skins/Igem/resources/2018_skin.js"></script>
−
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
−
  <meta name="description" content="">
+
−
  <meta name="author" content="">
+
  
−
  <title>Full Width Pics - Start Bootstrap Template</title>
 
  
−
  <!-- Bootstrap core CSS -->
+
    <div id="globalWrapper">
−
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
        <div id="top_menu_under" class="noprint"></div>
 +
        <div id="top_menu_14" class="noprint"><div id="top_menu_inside">
  
−
  <!-- Custom styles for this template -->
+
<ul>
−
  <link href="css/full-width-pics.css" rel="stylesheet">
+
<li class="has_submenu"><a href="" style="color:white">iGEM</a><div class="submenu">
 +
                  <div id="igem_submenu" class="intro"><div class="section1" style="float:left;cursor:default;font-style: normal;width:200px;"><img src="/wiki/skins/Igem/images/IGEM_white_letters.png" style="width:150px;"><br><div style="padding:15px 15px;">The International<br>Genetically<br>Engineered<br>Machine Competition</div></div><div class="section" style="float-left; width:250px;"><div class="h1">Quick Links</div><a href="http://igem.org">igem.org</a><br><a href="http://2018.igem.org">2018.igem.org</a><br><a href="http://2017.igem.org">2017.igem.org</a><br><a href="http://2016.igem.org">2016.igem.org</a><br><a href="http://2015.igem.org">2015.igem.org</a><br><a href="http://2014.igem.org">2014.igem.org</a><br><a href="http://parts.igem.org">parts.igem.org</a><br><a href="http://igem.org/Previous_iGEM_Competitions">Previous iGEM Competitions</a><br></div><div class="section" style="float:left;"><div class="h1">About iGEM</div><a href="http://igem.org/About">iGEM</a><br><a href="http://parts.igem.org/Help:Synthetic_Biology">Synthetic Biology</a><br><a href="http://parts.igem.org/Help:Philosophy">Our Philosophy</a><br><a href="http://parts.igem.org/Help:Parts">Parts</a><br><a href="http://parts.igem.org/Help:Plasmid_Backbones">Plasmid Backbones</a><br><a href="http://igem.org/Labs">iGEM Labs</a><br></div><div class="section" style="float:left; width:250px;"><div class="h1">Contacts</div>hq <span style="font-style:italic">at</span> igem <span style="font-style:italic">dot</span> org<br><br>+ 617.500.3106<br><br>One Kendall Square<br>Suite B6104<br>Cambridge, MA 02139<br>USA<br><a href="http://igem.org/Contact">Contact</a><br></div></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">wiki tools</a><div class="submenu">
 +
                  <div id="wiki_tools_submenu" class="intro"><div class="section" style="float:left;"><div class="h1">Wiki Tools</div><a href="/Team:UC_San_Diego">View</a><br><a href="/wiki/index.php?title=Team:UC_San_Diego&amp;action=edit">View source</a><br><a href="/wiki/index.php?title=Team:UC_San_Diego&amp;action=history">History</a><br><a href="/wiki/index.php?title=Team:UC_San_Diego&amp;action=watch&amp;token=67405e57a6a022b3c05b396377a5c328%252B%255C">Watch</a><br><a href="/Team:UC_San_Diego">Page</a><br><a href="/wiki/index.php?title=Talk:Team:UC_San_Diego&amp;action=edit&amp;redlink=1">Discussion</a><br></div><div class="section" style="float-left;"><div class="h1">Upload Tools</div><a href="/Special:Upload">Upload files</a><br><a href="/Special:SpecialPages">Special pages</a><br></div><div class="section" style="float:left"><div class="h1">Other</div><a href="/Special:Recentchanges">Recent changes</a><br><a href="/Special:SpecialPages">Special pages</a><br></div><div class="section1" style="float:right;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc; width:250px;">These tools let you edit this page, see the page history, recent changes, upload files, and more.
 +
    Starting in 2014, team wiki pages and images may only be modified by members of that team.
 +
<div style="display:block;width:100%;font-family:arial;font-style:normal;font-size:13px">
 +
    <a style="float:right" href="http://2014.igem.org/Uploading_Files">For more information...</a></div></div><div style="clear:both"></div><div style="border-top: 2px solid gray;margin-top:10px;padding: 10px 5px;font-style:normal;width:100%">
 +
          The contents of this web site are available under the
 +
          Creative Commons Attribution Copyright license.<a style="float:right" href="http://mediawiki.org"><img src="/wiki/skins/Igem/images/poweredby_mediawiki.png"></a></div></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">search</a><div class="submenu" style="display: none;">
 +
                  <div id="search_submenu" class="intro"><div class="section" style="float:left;"><div class="h1">Search Tools</div><div class="section" style="float:left;width:600px;font-size:18px;line-height:30px;"><input id="search_text" type="text" value="" style="font-size:14px;width:500px;margin-bottom:10px;"><div class="google" style="font-size:14px;line-height:22px;">  Click below to search using Google:<br><span id="igem18_search">2018.igem.org</span><br><span id="igem17_search">2017.igem.org</span><br><span id="igem16_search">2016.igem.org</span><br><span id="igem15_search">2015.igem.org</span><br><span id="igem14_search">2014.igem.org</span><br><span id="igem_search">igem.org</span><br><span id="registry_search">iGEM Registry</span><br><span id="scholar_search">Google Scholar</span><br><span id="web_search">The Web</span></div><div id="page_go">Go to this page (or create it)</div></div></div><div class="section" style=""></div><div class="section1" style="float:right;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc;width:250px;"><div>We use a Google site search rather than the built in Mediawiki search tool.</div> </div><div style="clear:both ></div><div class=" section'=""></div>
 +
<script>
 +
    var search_text = jQuery('#search_text');
 +
    jQuery('#registry_search').click( function(){
 +
        var url = search_text.val() + ' site:parts.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem18_search').click( function(){
 +
        var url = search_text.val() + ' site:2018.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem17_search').click( function(){
 +
        var url = search_text.val() + ' site:2017.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem16_search').click( function(){
 +
        var url = search_text.val() + ' site:2016.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem15_search').click( function(){
 +
        var url = search_text.val() + ' site:2015.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem14_search').click( function(){
 +
        var url = search_text.val() + ' site:2014.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem_search').click( function(){
 +
        var url = search_text.val() + ' site:igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#scholar_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://scholar.google.com/scholar?q=' + url);
 +
    } )
 +
    jQuery('#web_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
  
−
</head>
+
    jQuery('#subpart_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_subparts.cgi?q=' + url);
 +
    } )
 +
    jQuery('#uses_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_uses.cgi?q=' + url);
 +
    } )
 +
    jQuery('#1000_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_1000.cgi?q=' + url);
 +
    } )
 +
    jQuery('#text_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_text.cgi?q=' + url);
 +
    } )
 +
    jQuery('#page_go').click( function(){
 +
        var url = search_text.val();
 +
        url = url.replace(' ','_');
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://2018.igem.org/wiki/index.php?title=' + url);
 +
    } )
 +
    </script></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">team UC</a><div class="submenu" style="display: none;">
 +
                  <div id="team_submenu" class="intro">The team submenu is not available at this time.</div>
 +
              </div></li>
 +
</ul>
 +
<div id="user_item" class="has_submenu">
 +
<style>
 +
#nlogin_iframe {
 +
      display: block;
 +
      position:relative;
 +
      width: 900px;
 +
      height: 160px;
 +
      border: none;
 +
      font-family:  ariel, sans-serif;
 +
      text-align:  center;
 +
      color:        white;
 +
      background-color: transparent;
 +
      margin-top:  10px;
 +
}
 +
</style>
 +
<script>
 +
function open_login_iframe() {
 +
    jQuery('#user_item .submenu').remove();
 +
    jQuery('#user_item').append("<DIV class='submenu' style='display:block'></DIV>");
 +
    jQuery('#user_item .submenu').append("<DIV id='nlogin_div'>Login to the iGEM Web Sites<a onClick='close_login_iframe()' class='close' style='color:white;float:right;' >Close</a></div>");
 +
    jQuery('#user_item .submenu').append("<iframe id='nlogin_iframe' src='https://igem.org/Login2' frameborder=0></iframe>");
 +
    jQuery('#user_item .submenu').append("<DIV class='link_text'><a style='color:rgb(140,190,255)'href='http://igem.org/Account_Apply'>Apply for a new account</a></div>");
 +
    jQuery('#user_item .submenu').append("<DIV style='padding-top:10px;color:#ddd;font-family:arial;font-weight:100;font-size:14px;'>You must have cookies enabled to log in to iGEM.</div>");
 +
    return;
 +
}
 +
function close_login_iframe(){
 +
  jQuery('#user_item .submenu').empty();
 +
  jQuery('#user_item .submenu').append("<DIV style='padding:10px 200px'>Reloading page...</DIV>");
 +
  location.reload();
 +
}
 +
function open_logout_iframe() {
 +
    jQuery('#user_item').unbind('mouseenter mouseleave');
 +
    jQuery('#user_item .submenu').empty();
 +
    jQuery('#user_item .submenu').append("<DIV id='login_div' >Logout from the iGEM Web Sites<a onClick='close_logout_iframe()' class='close' style='color:white;float:right;'>Close</a></div>");
 +
    jQuery('#user_item .submenu').append("<iframe id='nlogin_iframe' src='http://igem.org/Logout' frameborder=0></iframe>");
 +
    return;
 +
}
 +
function close_logout_iframe(){
 +
  jQuery('#user_item .submenu').empty();
 +
  jQuery('#user_item .submenu').append("<DIV style='padding:10px 200px'>Reloading page...</DIV>");
 +
  location.reload();
 +
}
 +
</script><style>
 +
.link_text{
 +
  position: relative; 
 +
  top: -20px;
 +
  color:  rgb(140,190,255);
 +
  font-style:  italic;
 +
  font-family: arial;
 +
  font-weight: 200;
 +
  font-size:  15px;
 +
  padding:    0px 20px 20px 38px;
 +
 
 +
  cursor:      pointer;
 +
  text-decoration: none;
 +
  border: none;
 +
  background-color: transparent;
 +
}
 +
.link_text a:visited {
 +
  color: rgb(140,190, 255) !important;
 +
  text-decoration: none    !important;
 +
}
 +
.link_text a:hover {
 +
  color: rgb(200,255, 255) !important;
 +
  text-decoration: none    !important;
 +
}
 +
</style>agoddard9<div class="submenu intro"><div class="section you_are_logged_in" style="float: left;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc; width:220px;">You are logged into the iGEM Registry and Wikis.</div><div class="section" style="float: right;text-decoration:none;cursor:pointer;"><div class="h1"><a onclick="open_logout_iframe()" style="color:orange">Log out</a></div></div><div class="section" style="float: right;width:350px;color: white;"><div class="h1">User Links</div><a href="http://igem.org/User_Information">AGoddard9's account</a><br><a href="/User:AGoddard9">AGoddard9's home page on the Registry</a><br><a href="http://igem.org/User:AGoddard9">AGoddard9's home page on igem.org</a><br><hr><a href="http://igem.org/Manage_Notifications">Manage Notifications</a><br></div></div><script>
 +
if ( ( wgUserName !== undefined ) && ! wgUserName ) {
 +
jQuery('#user_item').css('color','red');
 +
var logged_in = jQuery('#user_item .you_are_logged_in');
 +
logged_in.text( 'Your session on the wiki has terminated. Please log out and then log in again. ');
 +
logged_in.css('color','red');
 +
}
 +
</script></div>
 +
          <script>jQuery('#user_item').load('/top_menu_14/user_reply.cgi',{t: 'Team:UC San Diego'});</script></div>
 +
<script>
 +
  jQuery('#igem_submenu').load('/top_menu_14/igem_reply.cgi',{t: 'Team:UC San Diego', a: 'View+%2FTeam%3AUC_San_Diego++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dwatch%26token%3D67405e57a6a022b3c05b396377a5c328%252B%255C++Page+%2FTeam%3AUC_San_Diego++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUC_San_Diego%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#wiki_tools_submenu').load('/top_menu_14/wiki_tools_reply.cgi',{t: 'Team:UC San Diego', a: 'View+%2FTeam%3AUC_San_Diego++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dwatch%26token%3D67405e57a6a022b3c05b396377a5c328%252B%255C++Page+%2FTeam%3AUC_San_Diego++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUC_San_Diego%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#search_submenu').load('/top_menu_14/search_reply.cgi',{t: 'Team:UC San Diego', a: 'View+%2FTeam%3AUC_San_Diego++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dwatch%26token%3D67405e57a6a022b3c05b396377a5c328%252B%255C++Page+%2FTeam%3AUC_San_Diego++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUC_San_Diego%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#team_submenu').load('/top_menu_14/team_reply.cgi',{t: 'Team:UC San Diego', a: 'View+%2FTeam%3AUC_San_Diego++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dwatch%26token%3D67405e57a6a022b3c05b396377a5c328%252B%255C++Page+%2FTeam%3AUC_San_Diego++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUC_San_Diego%26action%3Dedit%26redlink%3D1++'});
 +
</script><script>
 +
jQuery('#top_menu_14 .has_submenu').hover(
 +
    function() {
 +
        jQuery(this).find('.submenu').show();
 +
    },
 +
    function() {
 +
        jQuery(this).find('.submenu').clearQueue();
 +
        jQuery(this).find('.submenu').hide();
 +
        jQuery(this).find('.submenu').clearQueue();
 +
        jQuery(this).find('.submenu').hide();
 +
    }
 +
);
 +
</script></div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('http://2018.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3AUC%20San%20Diego",
 +
a:"View+%2FTeam%3AUC_San_Diego++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUC_San_Diego%26action%3Dwatch%26token%3D67405e57a6a022b3c05b396377a5c328%252B%255C++Page+%2FTeam%3AUC_San_Diego++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUC_San_Diego%26action%3Dedit%26redlink%3D1++" });
 +
</script>
  
−
<body>
+
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
 +
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
  
−
  <!-- Navigation -->
+
            <div id="top_title">
−
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+
                <div class="logo_2018">
−
    <div class="container">
+
                    <a href="http://2018.igem.org">
−
      <a class="navbar-brand" href="#">Start Bootstrap</a>
+
                    <img src="http://2018.igem.org/wiki/images/8/8b/HQ_page_logo.jpg" width="100px">
−
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
                    </a>
−
        <span class="navbar-toggler-icon"></span>
+
                </div>
−
      </button>
+
 
−
      <div class="collapse navbar-collapse" id="navbarResponsive">
+
        <h1 id="firstHeading" class="firstHeading">
−
        <ul class="navbar-nav ml-auto">
+
            <span dir="auto">Team:UC San Diego</span>
−
          <li class="nav-item active">
+
        </h1>
−
            <a class="nav-link" href="#">Home
+
            </div>
−
              <span class="sr-only">(current)</span>
+
 
−
            </a>
+
            <div id="HQ_page">
−
          </li>
+
                <div id="bodyContent">
−
          <li class="nav-item">
+
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
−
            <a class="nav-link" href="#">About</a>
+
<script>
−
          </li>
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
           <li class="nav-item">
+
/**
−
            <a class="nav-link" href="#">Services</a>
+
$(document).ready(function() {
−
          </li>
+
 
−
           <li class="nav-item">
+
$("#HQ_page").attr('id','');
−
            <a class="nav-link" href="#">Contact</a>
+
 
−
          </li>
+
 
−
         </ul>
+
//highlight current page on the menu
 +
highlight_current_page_menu();
 +
 
 +
//accessing submenus
 +
$(".menu_item").click(function(){
 +
$(".submenu_control_icon", this).toggleClass("open");
 +
$(this).next(".submenu").fadeToggle(400);
 +
});
 +
 
 +
//mobile menu access
 +
$(".igem_2018_team_mobile_bar").click(function(){
 +
$(this).next().toggleClass("displaying_menu");
 +
});
 +
 
 +
});
 +
 
 +
 
 +
function highlight_current_page_menu() {
 +
 
 +
var page_url="http://2018.igem.org/";
 +
page_url = page_url + wgPageName;
 +
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
 
 +
//if the page is in a submenu, open the submenu and make the appropiate changes
 +
if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
 
 +
$(".current_page").parent().parent().fadeToggle(400);
 +
$(".current_page").parent().parent().prev().addClass("current_page");
 +
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
 
 +
}
 +
}
 +
 
 +
**/
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 +
 
 +
 
 +
<style>
 +
@font-face {
 +
    font-family: sofia;
 +
    src: url(http://2018.igem.org/wiki/images/7/7b/T--UC_San_Diego--fontreg.otf);
 +
}
 +
@font-face {
 +
    font-family: sofia;
 +
    src: url(http://2018.igem.org/wiki/images/4/48/T--UC_San_Diego--fontullight.otf);
 +
    font-weight: 100;
 +
}
 +
@font-face {
 +
    font-family: sofia;
 +
    src: url(http://2018.igem.org/wiki/images/f/fe/T--UC_San_Diego--fontexlight.otf);
 +
    font-weight: 200;
 +
}
 +
@font-face {
 +
    font-family: sofia;
 +
    src: url(http://2018.igem.org/wiki/images/7/72/T--UC_San_Diego--fontlight.otf);
 +
    font-weight: 300;
 +
}
 +
@font-face {
 +
    font-family: sofia;
 +
    src: url(http://2018.igem.org/wiki/images/3/33/T--UC_San_Diego--fontmed.otf);
 +
    font-weight: 500;
 +
}
 +
@font-face {
 +
    font-family: avenir;
 +
    src: url(http://2018.igem.org/wiki/images/2/24/T--UC_San_Diego--fontbodylight.ttf);
 +
    font-weight: 300;
 +
}
 +
@font-face {
 +
    font-family: avenir;
 +
    src: url(http://2018.igem.org/wiki/images/9/98/T--UC_San_Diego--fontbody.ttf);
 +
}
 +
body {width=100vw; background:#fff; font-family: avenir;}
 +
#wrapper {
 +
padding:20vw;
 +
padding-top:12vh;
 +
padding-bottom:6vh;
 +
box-sizing:border-box;
 +
position:fixed;
 +
top:0;
 +
left:0;
 +
width:100vw;
 +
height:100%;
 +
overflow-y:scroll;
 +
float:left;
 +
}
 +
.half{
 +
width:50% !important;
 +
float:left !important;
 +
min-height:200px;
 +
padding:32px;
 +
box-sizing:border-box;
 +
}
 +
.myhalf {
 +
width:60% !important;
 +
float:left !important;
 +
min-height:200px;
 +
padding:32px;
 +
box-sizing:border-box;
 +
}
 +
.yourhalf {
 +
width:40% !important;
 +
float:left !important;
 +
min-height:200px;
 +
padding:32px;
 +
box-sizing:border-box;
 +
}
 +
.third{
 +
width:33% !important;
 +
float:left !important;
 +
min-height:200px;
 +
padding:32px;
 +
box-sizing:border-box;
 +
}
 +
.full {
 +
width:100%;
 +
float:left;
 +
padding:32px;
 +
box-sizing:border-box;
 +
}
 +
.landingIconMain {
 +
width:80vw;
 +
padding:0;
 +
margin-left:-10vw;
 +
}
 +
#myProgress {
 +
  position:relative;
 +
  margin-top:-14vh;
 +
margin-bottom:8vh;
 +
  width: 70%;
 +
  background-color: #fff;
 +
  z-index:2;
 +
}
 +
#myBar {
 +
  position:relative;
 +
  width: .1%;
 +
  height: 20px;
 +
  border-radius:10px;
 +
  background: linear-gradient(to right, #9275D0, #58AFDD);
 +
  z-index:3;
 +
}
 +
h1 {
 +
  font-size:38px;
 +
line-height:56px;
 +
  padding-top:96px;
 +
  padding-bottom:8px !important;
 +
font-family: sofia;
 +
font-weight: 100 !important;
 +
}
 +
h2 {
 +
  font-size:32px;
 +
line-height:38px;
 +
  padding-top:42px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300 !important;
 +
}
 +
h3{
 +
  font-size:22px;
 +
line-height:26px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
}
 +
h4{
 +
  font-size:18px;
 +
line-height:22px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
}
 +
p {
 +
font-size:16px !important;
 +
text-align: left !important;
 +
font-family: avenir !important;
 +
font-weight:300 !important;
 +
}
 +
li {
 +
text-align: left;
 +
font-family: avenir !important;
 +
font-weight:300 !important;
 +
line-height: 18px;
 +
}
 +
#navbar {
 +
      position: fixed;
 +
      z-index: 9999;
 +
      top: 0;
 +
      left: 0;
 +
      width: 100%;
 +
      height: 112px;
 +
      box-sizing: border-box;
 +
      padding-right: 64px;
 +
padding-top:56px;
 +
      background: #fff;
 +
      box-shadow: 5px 10px 18px #eee;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
    }
 +
 
 +
    #navlogo {
 +
      position: relative;
 +
      float: left;
 +
      height: 48px;
 +
margin-top:-12px;
 +
      padding-left: 32px;
 +
    }
 +
    .navlink {
 +
      position: relative;
 +
      float: right;
 +
      height: 32px;
 +
      font-size: 20px;
 +
      color: #000;
 +
      padding-right: 32px;
 +
    }
 +
 
 +
    .navlink:after {
 +
      content: "";
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 80%;
 +
      left: 0;
 +
      height: 2px;
 +
      width: 38px;
 +
      background: #9275D0;
 +
      transition: all ease .3s;
 +
    }
 +
 
 +
    .navlink:hover:after {
 +
      opacity: 1;
 +
    }
 +
 
 +
    .firstnav:after {
 +
      content: "";
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 80%;
 +
      left: 0;
 +
      height: 2px;
 +
      width: 38px;
 +
      background: #9275D0;
 +
      transition: all ease .3s;
 +
    }
 +
 
 +
    .navlink:hover~.firstnav:after {
 +
      opacity: 0;
 +
    }
 +
 
 +
    .navlink:hover>.navdrop {
 +
      display: block;
 +
    }
 +
 
 +
    .navdrop {
 +
      box-shadow: 5px 10px 18px #eee;
 +
      border-radius: 4px;
 +
      position: absolute;
 +
      display: none;
 +
      top: 100%;
 +
      left: 0;
 +
      background: #fff;
 +
      transition: all ease .3s;
 +
    }
 +
 
 +
    .subnavlink {
 +
      border-radius: 4px;
 +
      font-size: 12px;
 +
      background: #fff;
 +
      color: #222;
 +
      padding: 8px;
 +
      box-sizing: border-box;
 +
      transition: all ease .3s;
 +
    }
 +
 
 +
    .subnavlink:hover {
 +
      background: #58AFDD;
 +
      color: #fff;
 +
    }
 +
a {
 +
color:inherit;
 +
text-decoration:none;
 +
}
 +
a:hover {
 +
color:inherit;
 +
text-decoration:none;
 +
}
 +
a:active{
 +
color:inherit;
 +
text-decoration:none;
 +
}
 +
a:visited{
 +
color:inherit;
 +
text-decoration:none;
 +
}
 +
a:link{
 +
color:inherit;
 +
text-decoration:none;
 +
}
 +
 
 +
.igem_2018_team_content {width:100%; background:#fff;}
 +
.logo_2018 {
 +
display: none !important;
 +
}
 +
.landingIcon {
 +
width:100px;
 +
margin-top:16px;
 +
float:left;
 +
}
 +
.landingLogo {
 +
width:20%;
 +
margin-top:32px;
 +
margin-right:2%;
 +
float:left;
 +
}
 +
.landingScheme {
 +
width:100%;
 +
display:block;
 +
}
 +
.landingBox {
 +
width:100%;
 +
}
 +
.lBoxInfo{
 +
width: calc(100% - 100px);
 +
min-height:124px;
 +
box-sizing:border-box;
 +
padding-left:12px;
 +
text-align: left;
 +
float:left;
 +
}
 +
.designImg {
 +
width:100%;
 +
display:block;
 +
}
 +
.hcIconMain {
 +
width:256px;
 +
}
 +
.protocolIcon {
 +
width:256px;
 +
}
 +
.accord {
 +
width:90%;
 +
margin-left:5%;
 +
margin-bottom:32px;
 +
}
 +
.accordTitle {
 +
cursor: pointer;
 +
width: 100%;
 +
padding:12px;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
font-size:22px;
 +
color:#fff;
 +
line-height:26px;
 +
background: linear-gradient(to right, #9275D0, #58AFDD);
 +
border-radius:6px;
 +
}
 +
.accordContent{
 +
padding:12px;
 +
}
 +
.hide {display:none;}
 +
.entreIconMain{
 +
width:256px;
 +
}
 +
.entreIcon{
 +
width:100px;
 +
}
 +
.entreImg{
 +
width:100%;
 +
}
 +
.silverIconMain {
 +
width:256px;
 +
}
 +
.eduIconMain {
 +
width:256px;
 +
}
 +
.plasmid {
 +
width:100%;
 +
}
 +
.eduIcon {
 +
cursor:pointer;
 +
width: 24%;
 +
display:inline-block;
 +
}
 +
.eduBox {
 +
display:block;
 +
}
 +
.interImg {
 +
width:100%;
 +
margin-tom:5%;
 +
margin-bottom:5%;
 +
}
 +
.interviewBox {
 +
width:100%;
 +
}
 +
.interviewImg {
 +
width:200px;
 +
margin-top:15%;
 +
float:left;
 +
}
 +
.interviewInfo {
 +
width: calc(100% - 200px);
 +
box-sizing:border-box;
 +
padding-left:12px;
 +
text-align: left;
 +
float:left;
 +
margin-bottom:42px;
 +
}
 +
.eBoxInfo {
 +
font-size:16px !important;
 +
line-height: 22px !important;
 +
text-align: left;
 +
font-family: avenir !important;
 +
font-weight:300 !important;
 +
}
 +
.teamImg{
 +
width:256px;
 +
border-radius:6px;
 +
margin-bottom:24px;
 +
margin-top:24px;
 +
}
 +
.name {
 +
font-size:18px;
 +
line-height:22px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
}
 +
.position {
 +
font-size:18px;
 +
line-height:22px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 500  !important;
 +
}
 +
.major {
 +
font-size:18px;
 +
line-height:22px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
}
 +
.year {
 +
font-size:18px;
 +
line-height:22px;
 +
padding-top:16px;
 +
  padding-bottom:8px !important;
 +
font-family:sofia;
 +
font-weight: 300  !important;
 +
}
 +
.card {
 +
box-shadow: 5px 10px 18px #888888;
 +
float:left;
 +
}
 +
.landingQuote {
 +
width:100%;
 +
font-size:28px;
 +
line-height:36px;
 +
font-family:sofia;
 +
font-weight:200;
 +
}
 +
</style>
 +
 
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  </p><div id="navbar">
 +
    <div id="navlogo"><a href="http://2018.igem.org/Team:UC_San_Diego"><img style="height:100%;" src="http://2018.igem.org/wiki/images/2/2a/T--UC_San_Diego--nav.png"></a></div>
 +
   
 +
    <div class="navlink">People
 +
      <div class="navdrop">
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Team">Our Team</a></div>
 +
           <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Collaborations">Collaborations</a></div>
 +
       
 +
       
 +
           <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Attributions">Attributions and Sponsors</a></div>
 +
          
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
   </nav>
+
    <div class="navlink">Application
 +
      <div class="navdrop">
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Design">Product Design</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Entrepreneurship">Entrepreneurship</a></div>
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Database">Database</a></div>       
 +
      </div>
 +
    </div>
 +
<div class="navlink">Human Practices
 +
      <div class="navdrop">
 +
       
 +
        <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Human_Practices_Silver">Human Practices Silver</a></div>
 +
       
 +
       
 +
        <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Human_Practices">Integrated Human Practices</a></div>
 +
       
 +
       
 +
        <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Public_Engagement">Education and Public Engagement</a></div>
 +
       
 +
      </div>
 +
    </div>
 +
    <div class="navlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Model">Modeling</a>    </div>
 +
    <div class="navlink firstnav">Our Project
 +
      <div class="navdrop">
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Design_Philosophy">Our Design Philosophy</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Description">Description</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Applied_Design">Design</a></div>
 +
        <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/HC">Hepatocellular Carcinoma</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Notebook">Protocols and Notebook</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Results">Parts and Results</a></div>
 +
       
 +
       
 +
          <div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Medal">Medal Criteria</a></div>
 +
<div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/InterLab">InterLab</a></div>
 +
<div class="subnavlink"><a href="http://2018.igem.org/Team:UC_San_Diego/Safety">Safety</a></div>
 +
     
 +
      </div>
 +
    </div>
 +
   </div>
  
−
  <!-- Header - set the background image for the header in the line below -->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  <header class="py-5 bg-image-full" style="background-image: url('https://unsplash.it/1900/1080?image=1076');">
+
<!--- Content of the page  --->
−
    <img class="img-fluid d-block mx-auto" src="http://placehold.it/200x200&text=Logo" alt="">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  </header>
+
  
−
  <!-- Content section -->
+
<div class="igem_2018_team_content">
−
  <section class="py-5">
+
<div class="igem_2018_team_column_wrapper">
−
    <div class="container">
+
−
      <h1>Section Heading</h1>
+
−
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
−
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
+
−
    </div>
+
−
  </section>
+
  
−
   <!-- Image Section - set the background image for the header in the line below -->
+
    
−
  <section class="py-5 bg-image-full" style="background-image: url('https://unsplash.it/1900/1080?image=1081');">
+
    <style>
−
     <!-- Put anything you want here! There is just a spacer below for demo purposes! -->
+
button {
−
     <div style="height: 200px;"></div>
+
margin-left:32px;
−
  </section>
+
margin-top:8px;
 +
margin-bottom:16px;
 +
background-color: #fff;
 +
    background: linear-gradient(to bottom right, #9275D0, #58AFDD);
 +
     color: #fff;
 +
    border:0px solid #fff;
 +
border-radius:6px;
 +
    cursor: pointer;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
     font-size: 14px;
 +
font-family:sofia;
 +
font-weight:300;
 +
  width: 196px;
 +
  height:32px;
 +
}
 +
button:focus {
 +
    outline-width: 0;
 +
  }
 +
</style>
 +
    <script>
 +
      window.onload = move;
  
−
   <!-- Content section -->
+
      function move() {
−
  <section class="py-5">
+
        var elem = document.getElementById("myBar");
−
    <div class="container">
+
        var width = 1;
−
      <h1>Section Heading</h1>
+
        var id = setInterval(frame, 10);
−
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
        function frame() {
−
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
+
          if (width >= 100) {
−
    </div>
+
            clearInterval(id);
−
  </section>
+
          } else {
 +
            width++;
 +
            elem.style.width = width + '%';
 +
          }
 +
        }
 +
      }
 +
    </script>
 +
    
 +
 
 +
    <div id="wrapper">
 +
      <div class="section" id="sec1">
 +
        <center>
 +
          <img class="landingIconMain" style="" src="http://2018.igem.org/wiki/images/9/97/T--UC_San_Diego--landinglogo.png">
 +
          <div id="myProgress">
 +
            <div id="myBar" style="width: 100%;"></div>
 +
          </div>
 +
          <h2 style="margin-top:16vh !important; margin-bottom:8vh !important;">Using Synthetic Biology to Enhance Liquid Biopsy</h2>
 +
        </center>
 +
      </div>
 +
      <div class="section card" id="sec2">
 +
        <div class="full">
 +
          <h2 style="padding-top:0px !important;">Challenges in Cancer Diagnostics Today</h2>
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/a/a1/T--UC_San_Diego--nee.png" alt="needle" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>Invasiveness</h3>
 +
              <p>Traditional tissue biopsies are often extremely invasive and can lead to further complications, including incorrect diagnoses or spreading the cancer.</p>
 +
            </div>
 +
          </div>
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/0/09/T--UC_San_Diego--power.png" alt="graph" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>Lack of Accuracy</h3>
 +
              <p>The predictive value of many imaging algorithms and morphology-based technologies is often too low.</p>
 +
            </div>
 +
          </div>
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/5/52/T--UC_San_Diego--viala.png" alt="vial" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>Chemical Treatment</h3>
 +
              <p>Treatment of samples with chemicals such as sodium bisulfite impacts the results by lowering accuracy and inducing random breaks in DNA fragments.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="section" id="sec3">
 +
        <div class="full">
 +
          <h2 style="margin-bottom:-64px !important; padding-bottom:0;">Thinking About Cancer Differently</h2>
 +
        </div>
 +
       
 +
        <div class="half">
 +
          <h3>A New Approach</h3>
 +
          <p>Instead of thinking about cancer as a disease based on alterations to the genetic code that are perpetuated through the central dogma, our team sought to identify a more consistent diagnostic metric. For that, we turned to promoter methylation as an epigenetic determinant of cancer.</p>
 +
        </div>
 +
<div class="half">
 +
          <img src="http://2018.igem.org/wiki/images/e/eb/T--UC_San_Diego--dnamod.png" alt="dnaMod" class="landingScheme" style="width:60% ; margin-left:20%;">
 +
        </div>
 +
       </div>
 +
      <div class="section card" id="sec4">
 +
        <div class="full">
 +
          <h2 style="padding-top:0px !important; margin-bottom:-64px !important;">Introducing a Simple and Convenient System</h2>
 +
        </div>
 +
        <div class="half">
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/6/63/T--UC_San_Diego--ai.png" alt="ai" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>Unlock the Power of AI</h3>
 +
              <p>Using our unique algorithm, we’ve determined the key indicators of cancer that serve as early detection signals.</p>
 +
            </div>
 +
          </div>
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/8/85/T--UC_San_Diego--cloud.png" alt="cloud" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>Use the Power of the Cloud</h3>
 +
              <p>Use technology to improve your healthcare experience. Use our app to get quick results and share that data with your doctor and loved ones.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="half">
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/3/3f/T--UC_San_Diego--drop.png" alt="drop" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>With Just a Drop of Blood</h3>
 +
              <p>We’ve developed a noninvasive blood test that you can perform on a single microfluidic platform. To leverage all the information encoded in a single drop of blood.</p>
 +
            </div>
 +
          </div>
 +
          <div class="landingBox">
 +
            <img src="http://2018.igem.org/wiki/images/3/37/T--UC_San_Diego--dnad.png" alt="dna" class="landingIcon">
 +
            <div class="lBoxInfo">
 +
              <h3>With the Power of Proteins</h3>
 +
              <p>Compared to other liquid biopsy tests, our team is using a novel protein-based method to detect specific markers in your blood.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
   
 +
      </div>
 +
<div class="section" style="padding:8%; margin-top:8vh !important; margin-bottom:8vh !important;">
 +
  <div class="full">
  
−
  <!-- Footer -->
+
          <span class="landingQuote"><br><br>“The Epinoma team clearly believes the ability to detect and assess a person’s cancer must continue to be improved. Their focus on epigenetics coupled with machine learning represents a <b>novel approach in cancer diagnostics</b> and may yield important advances for patient care. I commend the team for going well beyond a basic <b>focus on technology development</b> to understanding their stakeholders' needs and crafting their patient-centric vision accordingly. If they achieve this vision, Epinoma could have a meaningful impact on the patient care journey, from early screening to post-therapy response. Epinoma's long-term potential is enhanced by their push to develop a <b>complementary digital health platform</b>, which will be crucial in establishing broad based commercial adoption, direct patient engagement, and a point-of-care opportunity down the road. I am truly impressed with what they have accomplished thus far in their young careers."<br><br></span>
−
  <footer class="py-5 bg-dark">
+
        </div>
−
    <div class="container">
+
</div>
−
      <p class="m-0 text-center text-white">Copyright &copy; Your Website 2019</p>
+
      <div class="section card" id="sec5">
 +
<div class="full">
 +
        <div class="landingCard">
 +
          <h3>Data Driven</h3>
 +
          <p>The foundation of our approach lies in our idea to use unsupervised machine learning to analyze massive sets of data from The Cancer Genome Atlas and other clinical datasets. From this, we use special methods to find optimal gene panels for biomarker analysis. Want to get even more insight into our methodology? </p>
 +
          <button><a href="http://2018.igem.org/Team:UC_San_Diego/Model">See our Algorithm</a></button> <!-- link to ML-->
 +
        </div>
 +
        <div class="landingCard">
 +
          <h3>Expert Insight</h3>
 +
          <p>From the beginning of our idea’s conception, we have always had a vision of setting an extremely high standard, with our practices and our design. To this end, we have consulted over 20 experts across a variety of domains, including healthcare, public health policy, micro-fluidics, and social entrepreneurship. </p>
 +
          <button><a href="http://2018.igem.org/Team:UC_San_Diego/Human_Practices">Follow our Journey</a></button> <!-- link to IHP-->
 +
        </div>
 +
        <div class="landingCard">
 +
          <h3>Precision Designed</h3>
 +
          <p>Our Epinoma device uses a novel, capillary flow microfluidic platform that integrates your blood sample with state-of-the-art design of a smartphone-enabled apparatus that helps give you results. In addition to traditional CAD prototyping, we did extensive modeling of kinetics and dynamics to streamline our device’s design. </p>
 +
          <button><a href="http://2018.igem.org/Team:UC_San_Diego/Design">Check Out our Engineering</a></button> <!-- link to Product Design-->
 +
        </div>
 +
</div>
 +
      </div>
 +
      <div class="section" id="sec6">
 +
        <div class="full">
 +
          <h2>Thank You to Our Sponsors!</h2>
 +
 
 +
<img src="http://2018.igem.org/wiki/images/2/22/T--UC_San_Diego--sgi.png" alt="dna" class="landingLogo">
 +
<img src="http://2018.igem.org/wiki/images/d/de/T--UC_San_Diego--idtapp.png" alt="dna" class="landingLogo">
 +
<img src="http://2018.igem.org/wiki/images/0/08/T--UC_San_Diego--ucsd.png" alt="dna" class="landingLogo">
 +
<img src="http://2018.igem.org/wiki/images/9/90/T--UC_San_Diego--ccmi.png" alt="dna" class="landingLogo">
 +
<img src="http://2018.igem.org/wiki/images/2/20/T--UC_San_Diego--snapgene.png" alt="dna" class="landingLogo" style="width:10%;">
 +
 
 +
 
 +
        </div>
 +
      </div>
 
     </div>
 
     </div>
−
    <!-- /.container -->
+
    
−
   </footer>
+
  
−
  <!-- Bootstrap core JavaScript -->
+
<p></p>
−
  <script src="vendor/jquery/jquery.min.js"></script>
+
<!--  
−
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
NewPP limit report
 +
CPU time usage: 0.005 seconds
 +
Real time usage: 0.005 seconds
 +
Preprocessor visited node count: 9/1000000
 +
Preprocessor generated node count: 42/1000000
 +
Post‐expand include size: 41/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
  
−
</body>
+
<!-- Saved in parser cache with key 2018_igem_org:pcache:idhash:10238-0!*!*!*!*!*!* and timestamp 20190611120144 and revision id 480748
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 
 +
        </div>
 +
    </div>
  
−
</html>
+
</div></div></body></html>

Revision as of 17:45, 11 June 2019

Team:UC San Diego - 2018.igem.org

  • iGEM

    The International
    Genetically
    Engineered
    Machine Competition
    Quick Links
    igem.org
    2018.igem.org
    2017.igem.org
    2016.igem.org
    2015.igem.org
    2014.igem.org
    parts.igem.org
    Previous iGEM Competitions
    About iGEM
    iGEM
    Synthetic Biology
    Our Philosophy
    Parts
    Plasmid Backbones
    iGEM Labs
    Contacts
    hq at igem dot org

    + 617.500.3106

    One Kendall Square
    Suite B6104
    Cambridge, MA 02139
    USA
    Contact
  • wiki tools
    Wiki Tools
    View
    View source
    History
    Watch
    Page
    Discussion
    Upload Tools
    Upload files
    Special pages
    Other
    Recent changes
    Special pages
    These tools let you edit this page, see the page history, recent changes, upload files, and more. Starting in 2014, team wiki pages and images may only be modified by members of that team.
    The contents of this web site are available under the Creative Commons Attribution Copyright license.
  • search
  • team UC
agoddard9
You are logged into the iGEM Registry and Wikis.
Log out
User Links
AGoddard9's account
AGoddard9's home page on the Registry
AGoddard9's home page on igem.org
Manage Notifications

Team:UC San Diego

Using Synthetic Biology to Enhance Liquid Biopsy

Challenges in Cancer Diagnostics Today

needle

Invasiveness

Traditional tissue biopsies are often extremely invasive and can lead to further complications, including incorrect diagnoses or spreading the cancer.

graph

Lack of Accuracy

The predictive value of many imaging algorithms and morphology-based technologies is often too low.

vial

Chemical Treatment

Treatment of samples with chemicals such as sodium bisulfite impacts the results by lowering accuracy and inducing random breaks in DNA fragments.

Thinking About Cancer Differently

A New Approach

Instead of thinking about cancer as a disease based on alterations to the genetic code that are perpetuated through the central dogma, our team sought to identify a more consistent diagnostic metric. For that, we turned to promoter methylation as an epigenetic determinant of cancer.

dnaMod

Introducing a Simple and Convenient System

ai

Unlock the Power of AI

Using our unique algorithm, we’ve determined the key indicators of cancer that serve as early detection signals.

cloud

Use the Power of the Cloud

Use technology to improve your healthcare experience. Use our app to get quick results and share that data with your doctor and loved ones.

drop

With Just a Drop of Blood

We’ve developed a noninvasive blood test that you can perform on a single microfluidic platform. To leverage all the information encoded in a single drop of blood.

dna

With the Power of Proteins

Compared to other liquid biopsy tests, our team is using a novel protein-based method to detect specific markers in your blood.



“The Epinoma team clearly believes the ability to detect and assess a person’s cancer must continue to be improved. Their focus on epigenetics coupled with machine learning represents a novel approach in cancer diagnostics and may yield important advances for patient care. I commend the team for going well beyond a basic focus on technology development to understanding their stakeholders' needs and crafting their patient-centric vision accordingly. If they achieve this vision, Epinoma could have a meaningful impact on the patient care journey, from early screening to post-therapy response. Epinoma's long-term potential is enhanced by their push to develop a complementary digital health platform, which will be crucial in establishing broad based commercial adoption, direct patient engagement, and a point-of-care opportunity down the road. I am truly impressed with what they have accomplished thus far in their young careers."

Data Driven

The foundation of our approach lies in our idea to use unsupervised machine learning to analyze massive sets of data from The Cancer Genome Atlas and other clinical datasets. From this, we use special methods to find optimal gene panels for biomarker analysis. Want to get even more insight into our methodology?

Expert Insight

From the beginning of our idea’s conception, we have always had a vision of setting an extremely high standard, with our practices and our design. To this end, we have consulted over 20 experts across a variety of domains, including healthcare, public health policy, micro-fluidics, and social entrepreneurship.

Precision Designed

Our Epinoma device uses a novel, capillary flow microfluidic platform that integrates your blood sample with state-of-the-art design of a smartphone-enabled apparatus that helps give you results. In addition to traditional CAD prototyping, we did extensive modeling of kinetics and dynamics to streamline our device’s design.

Thank You to Our Sponsors!