Difference between revisions of "Team:Tokyo Tech"

 
(92 intermediate revisions by 9 users not shown)
Line 1: Line 1:
−
{{Tokyo Tech}}
+
{{Tokyo_Tech}}
−
<!--  before change
+
 
−
{{Team:Tokyo Tech/template2016}}
+
<html>
−
-->
+
−
<html lang="en" dir="ltr" class="client-nojs">
+
 
<head>
 
<head>
−
<meta charset="UTF-8" />
 
−
<title>Team:Tokyo_Tech - 2016.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="2016.igem.org (en)" />
 
−
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
 
−
<link rel="alternate" hreflang="x-default" href="/Team:Tokyo_Tech" />
 
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
−
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
−
<link rel="stylesheet" href="https://2016.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: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
 
−
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
 
−
<script>if(window.mw){
 
−
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Tokyo_Tech","wgTitle":"Team:Tokyo_Tech","wgCurRevisionId":21437,"wgRevisionId":21437,"wgArticleId":1013,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Hajime Fujita","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:Tokyo_Tech","wgUserId":389,"wgUserEditCount":7,"wgUserRegistration":1465949942000,"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":"33a0caedf3ebee329a64b71c6e725d4d+\\","patrolToken":"4c4d7a7544c284d10170f7e42887bb47+\\","watchToken":"946ab4b63f5968e318dc5537143c3ae7+\\"});},{},{});
 
−
/* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:aff707d8b5349b299c1e307cc91c1738 */
 
−
}</script>
 
−
<script>if(window.mw){
 
−
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 
−
}</script>
 
  
−
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
−
</head>
+
−
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Tokyo_Tech skin-igem action-view">
+
  
−
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
<script type="text/javascript">
−
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
−
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
  
−
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
+
</script>
−
 
+
−
 
+
−
    <div id='globalWrapper'>
+
−
        <div id='top_menu_under' class='noprint'></div>
+
−
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
−
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
−
    {  t:"Team%3ATokyo%20Tech",
+
−
a:"View+%2FTeam%3ATokyo_Tech++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dwatch%26token%3Dc32ec6cc2d0b811a3a60eb54e277a76d%252B%255C++Page+%2FTeam%3ATokyo_Tech++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ATokyo_Tech%26action%3Dedit%26redlink%3D1++" });
+
−
</script>
+
−
 
+
−
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
+
  
 
<style type="text/css">
 
<style type="text/css">
 
<!--
 
<!--
−
#content{
+
 
−
        position: relative;
+
p.resizeimage {
−
        z-index: 1;
+
position: relative;
 +
width: 90%;
 +
  max-width: 1100px;
 +
  min-width: 240px;
 +
  margin: 0 auto;
 
}
 
}
−
--></style>
+
p.resizeimage img { width: 100%; }
  
−
<div class="mw-body" role="main">
 
−
    <a id="top"></a>
 
−
 
−
            <div id="top_title">
 
−
                <div class="logo_2016">
 
−
                    <a href="https://2016.igem.org">
 
−
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
 
−
                    </a>
 
−
                </div>
 
−
<center>
 
−
        <h1 id="firstHeading" class="firstHeading">
 
−
            <span dir="auto">Team:Tokyo_Tech</span>
 
−
        </h1>
 
−
</center>
 
−
            </div>
 
−
 
−
            <div id="HQ_page">
 
−
                <div id="bodyContent">
 
−
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 
−
 
−
<style>
 
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
−
#sideMenu, #top_title {display:none;}
+
  #sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px; z-index: 1; postion: relative;}
+
       
−
body {background-color: #052d5d; }
+
        #content{
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
        width: 100%;
−
        div { position: relative;}
+
        margin: 0px;
 +
        padding: 0;
 +
    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    background-attachment: fixed;
 +
}
 +
#globalWrapper, #content{
 +
    background-color: transparent;
 +
    border: 0px;
 +
    }
 +
/*********************************/DEFAULT WIKI SETTINGS  ********************************/
  
−
/********************************* MENU ********************************/
 
−
/* Wrapper for the menu */
 
−
.menu_wrapper {
 
−
width:150px;
 
−
height:100vh;
 
−
position:fixed;
 
−
padding:0px;
 
−
float:left;
 
−
background-color:#f2f2f2;
 
−
text-align:left;
 
−
}
 
  
−
/* styling for the menu items */
 
−
.menu_item {
 
−
width:100%;
 
−
margin:-2px 0px 0px -20px;
 
−
padding: 10px 10px; 
 
−
border-bottom: 1px solid #d3d3d3;
 
−
font-weight:bold;
 
−
color:#000000;
 
−
cursor: pointer;
 
−
}
 
  
−
/* when hovering on a menu item */
 
−
.menu_item:hover {
 
−
color:#000000;
 
−
background-color: #72c9b6;
 
−
}
 
  
−
/* decoration icon for the menu buttons*/
+
/****************** this page setting ********************/
−
.icon {
+
p#home_sponsors{
−
float:right; 
+
    text-align: center;
−
font-size:16px;  
+
}
−
font-weight:bold;  
+
p#home_sponsors img{
−
}
+
    height: 150px;
−
+
}
−
/* this is the icon for when the content is collapsed */
+
p#main_contents p.normal_text{
−
.plus::before {
+
font-size: 18px;
−
content: "+";  
+
text-indent: 18px;
−
}
+
text-align: center;
−
/* this is the icon for when the content is expanded */
+
// padding: 18px;
−
.less::before {
+
    font-family: 'Century', serif;
−
content: "–";  
+
−
}
+
  
−
/* styling for the ul that creates the buttons */
+
}
−
ul.menu_items {
+
−
width:100%;
+
−
margin-left:0px;
+
−
padding:0px;
+
−
list-style: none;
+
−
}
+
  
−
/* styling for the li that are the menu items */
+
/*body{
−
.menu_items li {  
+
    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
−
width:90%;  
+
    background-repeat: no-repeat;
−
margin-top:-2px;  
+
    background-position: center center;
−
padding: 15px 0px 15px 15px ;  
+
    background-size: cover;
−
display:block;
+
    background-attachment: fixed;
−
border-bottom: 1px solid #d3d3d3;
+
}
−
text-align:left;  
+
#globalWrapper, #content{
−
font-weight:bold;
+
    background: transparent;
−
text-decoration:none;  
+
}
−
color:#000000;  
+
#content{
−
list-style-type:none;  
+
//    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
−
cursor:pointer;  
+
    margin: 0 auto;
−
-webkit-transition: all 0.4s ease;  
+
}*/
−
-moz-transition: all 0.4s ease;  
+
/**********************************************************************/
−
-ms-transition: all 0.4s ease;  
+
#main_contents{
−
-o-transition: all 0.4s ease; transition: all 0.4s ease;
+
    margin: 0 auto;
−
}
+
    width: 90%;
 +
    min-width: 880px;
 +
    max-width: 1100px;
 +
}
 +
.container{
 +
    margin: 5px auto;
 +
    background: #ffffff;
 +
    border: 1px solid #583612;
 +
}
 +
.container_top h1{
 +
margin-top: 1px;
 +
font-size: 36px;
 +
}
 +
.container_header{
 +
    background: #ffffff;
 +
    text-align: center;
 +
}
 +
.container_header span{
 +
    border-bottom: 2px solid #583612;
 +
}
 +
.container_contents{
 +
line-height: 1.5em;
 +
width: 800px;
 +
margin: 0 auto;
 +
padding-bottom: 10px;
 +
}
 +
#main_contents p.normal_text{
 +
font-size: 18px;
 +
text-indent: 18px;
 +
text-align: justify;
 +
// padding: 18px;
 +
    font-family: 'Century', serif;
 +
}
  
−
.menu_item a {
+
/************************* Show/Hide setting ***************************/
−
width: 100%;
+
.on{
−
margin-left: -20px;
+
display: block;
−
padding: 11px 90px 12px 20px;
+
-webkit-transiton: all 0.6s ease;
−
text-decoration: none;
+
transition: all 0.6s ease;
−
color:black;
+
}
−
}
+
.off{
 +
display: none;
 +
-webkit-transiton: all 0.6s ease;
 +
transition: all 0.6s ease;
 +
}
  
−
/* When hovering on a menu item */
+
/************************* This page setting ******************************/
−
.menu_items li:hover {
+
−
background-color:#72c9b6;
+
−
color: #000000;
+
−
}
+
  
−
/* styling for the submenus */
 
−
.submenu {
 
−
width:100%;
 
−
display: none; 
 
−
font-weight:bold;
 
−
cursor:pointer;
 
  
−
}
 
  
−
/* moving the margin for the submenu ul list */
+
}
−
ul.submenu {
+
−
width: 100%;
+
−
margin: 10px 0px -11px 0px;
+
−
list-style: none;
+
−
}
+
  
−
/*styling for the submenu buttons */
+
--></style>
−
.submenu li {
+
−
width: 100%;
+
−
margin-left: 10px;
+
−
margin-bottom: 0px;
+
−
}
+
−
 
+
−
 
+
−
/* hover state for the submenu buttons */
+
−
.submenu li a {
+
−
width: 100%;
+
−
padding: 5px 10px;
+
−
display: inline-block;
+
−
border-bottom: 1px solid #d3d3d3;
+
−
background-color:white;
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.submenu li a:hover  {
+
−
background-color:#000000;
+
−
color: #72c9b6;
+
−
}
+
−
 
+
−
 
+
−
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
+
−
.collapsable_menu_control {
+
−
width:100%;
+
−
padding: 15px 0px;
+
−
display:none;
+
−
background-color:#000000;
+
−
text-align:center; 
+
−
font-weight:bold;
+
−
color:#72c9b6;
+
−
cursor:pointer;
+
−
-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;
+
−
}
+
−
 
+
−
/* when hovering on that button */
+
−
.collapsable_menu_control:hover {
+
−
background-color: #72c9b6;
+
−
color:#000000; 
+
−
}
+
−
 
+
−
/********************************* CONTENT OF THE PAGE ********************************/
+
−
 
+
−
/* Wrapper for the content */
+
−
.content_wrapper {
+
−
/* margin-left:150px; */
+
−
width:800px;
+
−
padding:10px 10px;
+
−
/*float:left;*/
+
−
                background-color:white;
+
−
display: block;
+
−
  margin-left: auto;
+
−
  margin-right: auto;
+
−
                z-index: 1;
+
−
                position: relative;
+
−
}
+
−
 
+
−
#content{
+
−
                position: relative;
+
−
                width: 100%;
+
−
height: 100%;
+
−
                margin: -1;
+
−
                padding: 0;
+
−
background-color:#6ece7a;
+
−
//                background-color: #052d5d;
+
−
                z-index: 1;
+
−
        }
+
−
 
+
−
/*LAYOUT */
+
−
.column  {
+
−
padding: 10px 0px;
+
−
background-color:white;
+
−
}
+
−
 
+
−
.full_size {
+
−
width:100%;
+
−
}
+
−
 
+
−
.full_size img {
+
−
padding: 10px 15px;
+
−
width:96.5%;
+
−
}
+
−
 
+
−
.half_size {
+
−
width: 50%;
+
−
}
+
−
.half_size img {
+
−
padding: 10px 15px;
+
−
width: 93%;
+
−
}
+
−
 
+
−
 
+
−
.clear {
+
−
clear:both;
+
−
}
+
−
 
+
−
.highlight {
+
−
width: 90%;
+
−
margin: auto;
+
−
padding: 15px 5px;
+
−
background-color: #f2f2f2;
+
−
}
+
−
 
+
−
 
+
−
/*STYLING */
+
−
 
+
−
/* styling for the titles */
+
−
.content_wrapper h1, .content_wrapper h2 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color:#0d9a25;
+
−
 
+
−
}
+
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
−
 
+
−
 
+
−
/* font and text */
+
−
.content_wrapper p {
+
−
padding:0px 15px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Links */
+
−
.content_wrapper a {
+
−
font-weight: bold;
+
−
text-decoration-color:#1f407a;
+
−
color: #1f407a;
+
−
-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 */
+
−
.content_wrapper a:hover {
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
 
+
−
/* non numbered lists */
+
−
.content_wrapper ul {
+
−
padding:0px 20px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* numbered lists */
+
−
.content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Table */
+
−
.content_wrapper table {
+
−
width: 97%;
+
−
margin:15px 10px;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.content_wrapper  td {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.content_wrapper th {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
background-color:#f2f2f2;
+
−
}
+
−
 
+
−
        #text_wrapper{
+
−
                position: relative;
+
−
                z-index: 10;
+
−
        }
+
−
 
+
−
/* Button class */
+
−
.button_click {
+
−
margin: 10px auto;
+
−
padding: 15px; width:12%; 
+
−
text-align:center;
+
−
font-weight:bold;
+
−
background-color: #72c9b6;
+
−
cursor:pointer; 
+
−
-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;
+
−
}
+
−
 
+
−
/* button class on hover */
+
−
.button_click:hover { 
+
−
background-color:#000000;
+
−
color:#72c9b6;
+
−
}
+
−
 
+
−
/********************************* RESPONSIVE STYLING ********************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
−
 
+
−
@media only screen and (max-width: 1000px) {
+
−
 
+
−
#content {width:100%; }
+
−
.menu_wrapper {width:15%;}
+
−
.content_wrapper {margin-left: 10%; margin-right: 10%; width:auto;}
+
−
.menu_item {display:block;}
+
−
.icon {display:none;}
+
−
.highlight {padding:10px 0px;}
+
−
}
+
−
 
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 680PX */
+
−
 
+
−
@media only screen and (max-width: 680px) {
+
−
.collapsable_menu_control { display:block;}
+
−
.menu_item {display:none;}
+
−
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
−
.content_wrapper { margin-left: 10%; margin-right: 10%; width:auto; }
+
−
.column.half_size {width:100%; }
+
−
.column img { width: 100%; padding: 5px 0px;}
+
−
.icon {display:block;}
+
−
.highlight {padding:15px 5px;}
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
−
 
+
−
 
+
−
<!-- This tells the browser that your page is responsive -->
+
−
 
+
−
<head>
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
 
</head>
 
</head>
 +
<body>
  
  
 +
 +
 +
 +
<br>
 +
<br> 　　　　
 +
                <div id="ID" class="container">
 +
        <div id="ID_header" class="container_header">
 +
<h2><span>Our story</span></h2>
 +
</div><!-- /_header -->
  
 +
<div id="ID_contents" class="container_contents">
 +
        <p class="normal_text">In this iGEM competition, iGEM 2016 team Tokyo_Tech planned to tell the public about synthetic biology, <span style="font-style : italic">Escherichia coli</span>
 +
, and bacterial Toxin &#8208; Antitoxin system (TA system), as well as enjoyed our activity for iGEM. We participated in the school festival (a poster session), gave classes to high school students, and collected feedback from the public as Human Practices. As a consequence of these activities, we noticed that, through the familiar story in everyone’s childhood, the public more easily gets interested in unfamiliar things such as TA system. Therefore, we decided to employ Snow White as the topic of our project this year.<span style="font-style : italic">E.coli</span> was used to recreate the Snow White story, and based on the simulation, the Snow White story with the prospective of the real beauty was also evaluated. Moreover, in order to respond further to the feedback that we received, the software was developed which enables selective protein production. <p class="caption" style="font-size: 16px;"><a href ="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices" align="center"> (See the Human Practices page) </a>
 +
</p></div>
  
−
<!--
+
<br><br>
−
<div class="menu_wrapper" >
+
        </p>
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="collapsable_menu_control"> MENU ▤ </div>
+
−
 
+
−
<ul id="accordion" class="accordion">
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech">HOME </a> </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> TEAM
+
−
<ul class="submenu">
+
−
<li> <a href=" https://2016.igem.org/Team:Tokyo_Tech/Team"> Team  </a> </li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">★  Collaborations </a> </li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Description"> ★  Description </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Design"> ★ Design </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Experiments"> Experiments </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Proof"> ★ Proof of Concept </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Demonstrate"> ★ Demonstrate </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Results"> Results </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Notebook"> Notebook </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> PARTS 
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Basic_Part"> ★ Basic Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Composite_Part"> ★ Composite Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Part_Collection"> ★ Part Collection </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech/Safety"> SAFETY </a> </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech/Attributions">★  ATTRIBUTIONS </a></li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices"> Human Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/HP/Silver">★ Silver </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/HP/Gold">★ Gold </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Integrated_Practices"> ★ Integrated Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Engagement">★ Engagement </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> AWARDS
+
−
<ul class="submenu">
+
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Hardware"> ★ Hardware </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Software">★ Software </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Measurement">★  Measurement </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Model">★ Model </a></li>
+
−
 
+
−
                    </ul>
+
−
                </li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
-->
+
−
 
+
−
 
+
−
<div id="text_wrapper" class="content_wrapper">
+
−
 
+
−
<center>
+
−
 
+
−
<h1>Tokyo_Tech</h1>
+
−
 
+
−
</center>
+
−
 
+
−
<h4 id="page_name">  </h4>
+
−
 
+
−
 
+
  
 +
        <div id="ID_header" class="container_header">
 +
<h2><span>Sponsors</span></h2>
 +
</div><!-- /_header -->
  
  
  
 +
<p align="center" class="" id="home_sponsors"><img src="https://static.igem.org/mediawiki/2016/c/c7/Tokyo_Tech_kurame_logo.gif" ><img src="https://static.igem.org/mediawiki/2016/c/c2/Tokyo_Tech_Saitama.JPG
 +
"> <br /><img src="https://static.igem.org/mediawiki/2016/9/93/Tokyo_Tech_Fund.jpg" ><img src="https://static.igem.org/mediawiki/2016/4/47/Tokyo_Tech_JASSO.gif
 +
"> <br /><img src="https://static.igem.org/mediawiki/2016/0/07/Tokyo_Tech_Promega.jpg
 +
"><img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png
 +
"><br /><img src="https://static.igem.org/mediawiki/2016/a/a2/Tokyo_Tech_IDT.png" /></p><!-- /home_sponsors -->
  
 +
</div>
 +
</div></div>
  
  
 
<script>
 
<script>
 +
window.onload = function(){
 +
 +
var width = document.body.clientWidth;
  
−
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
+
var menu = document.getElementsByClassName('logo_sponsors')[0];
  
−
$(document).ready(function() {
+
var menuMarginTop = width * 3 / 5 + 150;
−
 
+
−
$("#HQ_page").attr('id','');
+
−
+
−
 
+
−
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
+
−
$("#team_name").html( wgPageName );
+
−
}
+
−
 
+
−
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
+
−
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
+
−
}
+
−
 
+
−
else {
+
−
// this adds the team's name as an h1
+
−
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
+
−
 
+
−
// this adds the page's title as an h4
+
−
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
$('#accordion').find('.menu_item').click(function(){
+
−
 
+
−
//Expand or collapse this panel
+
−
submenu = $(this).find('.submenu');
+
−
submenu.toggle();
+
−
 
+
−
icon = $(this).find('.icon');
+
−
 
+
−
if ( !$( submenu ).is(':visible') ) {
+
−
icon.removeClass("less").addClass("plus");
+
−
}
+
−
else {
+
−
icon.removeClass("plus").addClass("less");
+
−
}
+
−
 
+
−
//Hide the other panels
+
−
$(".submenu").not(submenu).hide();
+
−
$(".icon").not(icon).removeClass("less").addClass("plus");
+
−
});
+
−
 
+
−
 
+
−
$(".collapsable_menu_control").click(function() {
+
−
$(".menu_item").toggle();
+
−
});
+
−
 
+
−
$( window ).resize(function() {
+
−
$(".menu_item").show();
+
−
});
+
−
 
+
−
 
+
−
});
+
  
  
 +
menu.style.marginTop = menuMarginTop + 'px';
  
 +
}
  
 
</script>
 
</script>
−
 
+
</body>
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size" >
+
−
<div id="ProjectDiscriptionTitle" align="center">
+
−
<h2> Project Description</h2>
+
−
</div><!-- /ProjectDiscriptionTitle -->
+
−
<p>Our Team Tokyo_Tech is currently working on the following four projects:</p>
+
−
<p>Ⅰ. Representing fashion show and Othello with the interaction among <span style="font-style: italic;">E. coli</span>.
+
−
</p>
+
−
<p>Ⅱ. Engineering the <span style="font-style: italic;">E. coli</span> which can secrete and absorb protein.
+
−
</p>
+
−
<p>Ⅲ. Engineering the <span style="font-style: italic;">E. coli</span> which can increase the efficiency to allocate phosphorus fertilizer and synthesize a variety of plant hormones.
+
−
</p>
+
−
<p>Ⅳ. Representing the famous fairy tale, Snow White with the interaction among <span style="font-style: italic;">E. coli</span>.
+
−
</p>
+
−
<p>Ⅰ. We have developed the mechanism about coating the surface of <span style="font-style: italic;">E. coli</span> , and run the fashion show of <span style="font-style: italic;">E. coli</span> with various kinds of fluorescence. It is expected that the development of proteins which bind with specific antibody or cell targeted would be applied to determining the location of the target, establishing the system to control the motion of the target and also microbe sensor for the specific substance. This system will be applied in various fields such as Biology and Medicine. In our opinion, the control of multiple motions among <span style="font-style: italic;">E. coli</span> will be used as a device of microbe sensor by combinating <span style="font-style: italic;">E. coli</span> and hardware.
+
−
</p>
+
−
<p>Ⅱ. We aim to develop the system of <span style="font-style: italic;">E. coli</span> which can secrete a large amount of target protein.  because in order to synthesize and collect target protein, we have to break down the whole <span style="font-style: italic;">E. coli</span>, It‘s a time-consuming process to get the purified target protein. However, if the system secreting the target protein efficiently can be established, we’ll be able to produce the target protein without killing <span style="font-style: italic;">E. coli</span> and reduce the cost of production.
+
−
</p>
+
−
<p>Ⅲ. We are trying to produce phosphoric acid from phosphate in <span style="font-style: italic;">E. coli</span> which is hardly soluble and not absorbed by plants. Through this process，it will be able to increase the efficiency of phosphorus fertilizer’s allocation and to alleviate the depletion of phosphate rock. In addition, we aim to grow vegetables in a short term by synthesizing plant hormone by <span style="font-style: italic;">E. coli</span>.
+
−
</p>
+
−
<p>Ⅳ.  We plan to apply AHL-degrading enzyme and toxin used for representing Snow White by <span style="font-style: italic;">E. coli</span> in the practice. AHL-degrading enzyme can be applied to preventing the generation of biofilm. In our opinion, the death of malignant cells can be induced by inducing the expression of toxin gene. According to the mathematical modeling about competition and balance of bacteria, we are still studying about the analysis of the competition among bacteria populations <span style="font-style: italic;">in vivo</span>, river and soil.
+
−
</p>
+
−
</div>
+
−
 
+
−
<p align="center">E = mc^2</p>
+
−
 
+
−
</p>
+
−
<!--
+
−
NewPP limit report
+
−
CPU time usage: 0.006 seconds
+
−
Real time usage: 0.006 seconds
+
−
Preprocessor visited node count: 9/1000000
+
−
Preprocessor generated node count: 44/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
+
−
-->
+
−
 
+
−
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:1013-0!*!*!*!*!*!* and timestamp 20160626103829 and revision id 21437
+
−
-->
+
−
</div>             <div class="visualClear"></div>
+
−
            </div>
+
−
    </div>
+
−
 
+
−
        </div>
+
−
 
+
−
        <!-- Side Menubar -->
+
−
        <div id="sideMenu">
+
−
            <a href="https://2016.igem.org">
+
−
                <div id="home_logo" >
+
−
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
+
−
                </div>
+
−
            </a>
+
−
 
+
−
            <div style="clear:both; height:5px;"></div>
+
−
 
+
−
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
+
−
        </div>
+
−
 
+
−
        <!-- Pop_Why Div is definded here -->
+
−
        <div class="pop_why_cover"></div>
+
−
 
+
−
        <div class="pop_why_box" >
+
−
            <div class="pop_close">× </div>
+
−
            <div class="pop_why_content"><h3> Loading ... </h3></div>
+
−
        </div>
+
−
 
+
−
    </div>
+
 
</html>
 
</html>
 +
{{Team:Tokyo_Tech/template2016}}
 +
{{Tokyo_Tech/Footer}}

Latest revision as of 05:47, 30 November 2016



　　　　

Our story

In this iGEM competition, iGEM 2016 team Tokyo_Tech planned to tell the public about synthetic biology, Escherichia coli , and bacterial Toxin ‐ Antitoxin system (TA system), as well as enjoyed our activity for iGEM. We participated in the school festival (a poster session), gave classes to high school students, and collected feedback from the public as Human Practices. As a consequence of these activities, we noticed that, through the familiar story in everyone’s childhood, the public more easily gets interested in unfamiliar things such as TA system. Therefore, we decided to employ Snow White as the topic of our project this year.E.coli was used to recreate the Snow White story, and based on the simulation, the Snow White story with the prospective of the real beauty was also evaluated. Moreover, in order to respond further to the feedback that we received, the software was developed which enables selective protein production.

(See the Human Practices page)



Sponsors