Difference between revisions of "Team:HZAU-China/Collaborations"

(Prototype team page)
 
 
(33 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{HZAU-China}}
+
{{HZAU-China/Bootstrap}}
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 +
    <link href="bootstrap.min.css" rel="stylesheet">
 +
    <!-- 导航栏CSS -->
 +
    <style type="text/css">
 +
        #sideMenu,
 +
        #top_title,
 +
        #team_submenu {
 +
            display: none;
 +
        }
  
 +
        #HQ_page p {
 +
            margin: 0 !important;
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        #content {
−
<h3>★  ALERT! </h3>
+
            padding: 0px;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
            width: 100%;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
            margin-top: 0px;
−
</div>
+
            margin-left: 0px;
 +
        }
  
 +
        #bodyContent h1,
 +
        #bodyContent h2,
 +
        #bodyContent h3,
 +
        #bodyContent h4,
 +
        #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
  
−
<div class="clear"></div>
+
        #team_name {
 +
            display: none
 +
        }
  
 +
        .global_wrapper {
 +
            padding: 0px 0px 0px 0px;
 +
        }
  
−
<div class="column full_size">
+
        #top_menu_14 {
−
<h1>Collaborations</h1>
+
            height: 16px;
 +
        }
  
−
<p>
+
        * {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
            margin: 0;
−
</p>
+
            padding: 0;
 +
            list-style: none;
 +
            list-style-type: none;
 +
            text-decoration: none !important;
 +
        }
  
−
<h3>Silver Medal Criterion #2</h3>
+
        body {
−
<p>
+
            margin: 0;
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
            padding: 0;
−
</p>
+
            background-color: #F3F3F3;
−
</div>
+
            font-size: 16px;
 +
            font-family: Arial, Verdana, Sans-serif;
 +
            letter-spacing: 0;
 +
            color: #FFFFFF;
 +
        }
  
−
<div class="column two_thirds_size">
+
        .daohang {
 +
            background-color: #323643;
 +
            position: relative;
 +
            color: #ffffff;
 +
            height: 64px;
 +
            top: -2px;
 +
        }
  
−
<h4> Which other teams can we work with? </h4>
+
        .logo-daohang {
−
<p>
+
            height: 64px;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
            left: 10%;
−
</p>
+
            float: left;
 +
            position: relative;
 +
        }
  
−
<p>
+
        .daohang a {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
            display: block;
−
</p>
+
            text-decoration: none;
 +
        }
  
−
</div>
+
        .daohang .shade {
 +
            position: absolute;
 +
            width: 100%;
 +
            height: 160px;
 +
            top: 64px;
 +
            left: 0;
 +
            z-index: 1;
 +
            background-color: #EEEEEE;
 +
            box-shadow: 0 5px 15px #CCCCCC;
 +
            display: none;
 +
            border-bottom: #ffffff solid 1px;
 +
            border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
 +
        }
  
 +
        .daohang .caidan {
 +
            position: absolute;
 +
            top: 0;
 +
            right: 10%;
 +
            margin: 0;
 +
            z-index: 2;
 +
            padding: 0;
 +
            list-style: none;
 +
            width: 730px;
 +
            float: right;
 +
            overflow: hidden;
 +
            height: 64px;
 +
        }
  
 +
        .daohang .caidan>li {
 +
            padding: 0;
 +
            float: left;
 +
            margin: 0;
 +
            text-align: center;
 +
            height: 224px;
 +
        }
  
−
<div class="column third_size">
+
        .daohang .shortName {
−
<p>
+
            width: 110px;
−
Here are some suggestions for projects you could work on with other teams:
+
        }
−
</p>
+
  
−
<ul>
+
        .daohang .longName {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
            width: 170px;
−
<li> Characterize another team's part </li>
+
        }
−
<li> Debug a construct </li>
+
−
<li> Model or simulate another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
        .daohang .nav_head {
 +
            height: 64px;
 +
            line-height: 64px;
 +
            color: #ffffff;
 +
            font-size: 16px !important;
 +
        }
 +
 +
        .daohang .xsjPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
 +
        }
 +
 +
        .daohang .xjtPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 +
        }
 +
 +
        .daohang a:hover span {
 +
            transform: rotateY(180deg);
 +
            -webkit-transform: rotateY(180deg);
 +
            -moz-transform: rotateY(180deg);
 +
            -o-transform: rotateY(180deg);
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;
 +
            -webkit-transition: all 0.5s ease-in-out;
 +
            -moz-transition: all 0.5s ease-in-out;
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
 +
        .daohang .item {
 +
            font-size: 16px;
 +
            height: 40px;
 +
            line-height: 40px;
 +
            color: #333333;
 +
            position: relative;
 +
        }
 +
 +
        .daohang .caidan:hover {
 +
            height: 264px;
 +
            transition: height 0.3s;
 +
        }
 +
 +
        .daohang .caidan:hover+.shade {
 +
            display: block;
 +
        }
 +
 +
        .daohang .caidan>li.hiLight:hover {
 +
            background-color: #ffffff;
 +
        }
 +
 +
        .daohang .caidan>li:hover .nav_head {
 +
            background-color: #EA0D04;
 +
        }
 +
 +
        .daohang .caidan>li:hover .item {}
 +
 +
 +
        .daohang .shortName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 +
        .daohang .shortName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 80px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #f51720;
 +
        }
 +
 +
        .daohang .longName .item:before {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #CCCCCC;
 +
        }
 +
 +
        .daohang .longName .item:hover:after {
 +
            content: '';
 +
            display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #f51720;
 +
        }
 +
 +
        @media screen and (max-width: 1200px) {
 +
            .logo-daohang {
 +
                left: 3%;
 +
            }
 +
 +
            .daohangyi {
 +
                font-size: 12px;
 +
            }
 +
        }
 +
 +
        @media screen and (max-width: 880px) {
 +
 +
            .daohang .caidan {
 +
                right: 0;
 +
                width: 100%;
 +
            }
 +
 +
            .logo-daohang {
 +
                display: none;
 +
            }
 +
 +
            .daohang .shortName {
 +
                width: 15vw;
 +
            }
 +
 +
            .daohang .longName {
 +
                width: 25vw;
 +
            }
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
        }
 +
    </style>
 +
    <!-- 内容CSS -->
 +
    <style class="text/css">
 +
        .clearfix:after {
 +
            content: ".";
 +
            display: block;
 +
            height: 0;
 +
            clear: both;
 +
            visibility: hidden;
 +
 +
        }
 +
 +
        .neirong {
 +
            width: 100%;
 +
            height: auto;
 +
            background-color: #F3F3F3;
 +
        }
 +
 +
        .zhengwen {
 +
            width: 80%;
 +
            /* height: auto; */
 +
            margin: 20px 40px 0 0;
 +
            /* right: 2%; */
 +
            /* top: 90px; */
 +
            padding: 50px 3%;
 +
            float: right;
 +
            /* position: relative; */
 +
            background-color: #FFF;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border: 2px solid black; */
 +
            /* border-radius: 3px; */
 +
            /* overflow: hidden; */
 +
            /* display: block; */
 +
            /* font-family: Arial, Verdana, Sans-serif; */
 +
        }
 +
 +
        .cebian {
 +
            width: 200px;
 +
            /* height: 80vh; */
 +
            float: left;
 +
            /* left: 1vw; */
 +
            top: 150px;
 +
            position: fixed;
 +
            box-shadow: 0 1px 3px #676767;
 +
            /* border:2px solid black */
 +
            /* background-color: #323643 */
 +
        }
 +
 +
        .zhengwen p{
 +
            text-align: justify !important;
 +
            font-family:  'Times New Roman',Helvetica,'Open Sans',  Arial, sans-serif !important;
 +
            color: #3B3B3B;
 +
            font-size: 26px !important;
 +
            padding-right: 20px;
 +
        }
 +
 +
        .daimg {
 +
            width: 100%;
 +
            height: auto;
 +
            margin: 20px 0;
 +
            box-shadow: 0 1px 3px #676767;
 +
        }
 +
 +
        .h1 {
 +
            line-height: 55px;
 +
            font-weight: bold;
 +
            height:auto;
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 40px;
 +
            color: #3B3B3B;
 +
            border-bottom: 2px solid #676767;
 +
            margin-bottom: 20px;
 +
        }
 +
 +
        .h2 {
 +
            height: 40px;
 +
            line-height: 40px;
 +
            font-weight: bold;
 +
            height:auto;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 30px;
 +
            color: #484848;
 +
            /* margin-bottom: 20px; */
 +
        }
 +
 +
        .h3 {
 +
            height: 30px;
 +
            line-height: 30px;
 +
            font-weight: bold;
 +
            height:auto;
 +
            /* font-weight: bold; */
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 24px;
 +
            color: #484848;
 +
            /* margin-bottom: 20px; */
 +
        }
 +
       
 +
        table {
 +
            color: #3B3B3B;
 +
        }
 +
 +
        .zhengwen .tuandui_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 520px;
 +
            overflow: hidden;
 +
        }
 +
 +
        .tuandui_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 +
        .zhengwen .laoshi_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 430px;
 +
        }
 +
 +
        .laoshi_list>li {
 +
            padding: 0;
 +
            width: 20%;
 +
            float: left;
 +
            position: relative;
 +
            margin: 0 2.4%;
 +
            text-align: center;
 +
        }
 +
 +
        .duiyuan {
 +
            margin: 20px 0;
 +
            /* border: 1px solid red; */
 +
        }
 +
 +
        .laoshi {
 +
            margin: 20px 0;
 +
        }
 +
 +
        .duiyuan img {
 +
            width: 100%;
 +
            height: auto;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 +
        .laoshi img {
 +
            width: 100%;
 +
            height: 50vh;
 +
            border-top: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
        }
 +
 +
        .duiyuan .xingming {
 +
            width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            font-size: 16px;
 +
            color: white;
 +
            box-shadow: 0 1px 3px #CCCCCC;
 +
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 +
            font-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
        }
 +
 +
        .laoshi .xingming {
 +
            width: 100%;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            background-color: #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            font-size: 16px;
 +
            color: white;
 +
            box-shadow: 0 1px 3px #CCCCCC;
 +
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 +
            font-size: 24px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
        }
 +
 +
        .duiyuan .jieshao {
 +
            width: 100%;
 +
            height: 200px;
 +
            background-color: #f6eee0;
 +
            border-bottom: 3px solid #323643;
 +
            border-left: 3px solid #323643;
 +
            border-right: 3px solid #323643;
 +
            /* border-bottom-left-radius: 5px;
 +
            border-bottom-right-radius: 5px; */
 +
        }
 +
 +
        .duiyuan .jieshao .saohua {
 +
            padding: 10px 4px 0px 4px !important;
 +
            color: black;
 +
            font-family: Arial;
 +
            font-style: italic;
 +
            font-size: 15px !important;
 +
            list-style-type: none;
 +
            text-align: justify;
 +
            line-height: 18px;
 +
        }
 +
    </style>
 +
    <!-- 滚动菜单栏CSS -->
 +
    <style>
 +
        #float01 {}
 +
 +
        #float02 {}
 +
 +
        div.floatCtro {
 +
            width: 100%;
 +
            /* height: auto; */
 +
            margin: 0;
 +
            position: relative;
 +
            background: #fff;
 +
 +
        }
 +
 +
        .daohangyi {
 +
            display: block;
 +
            width: 100%;
 +
            /* height: auto; */
 +
            /* text-align: left !important; */
 +
            color: #ffffff !important;
 +
            font-size: 16px;
 +
            padding:0;
 +
            background-color: #323643;
 +
            border-bottom: 1px solid black;
 +
            padding:0 3%;
 +
            text-decoration: none !important;
 +
        }
 +
 +
        div.floatCtro .daohanger {
 +
            width: 100%;
 +
            text-align: left !important;
 +
            height: auto;
 +
            line-height: 25px;
 +
            font-family: Arial;
 +
            font-size: 14px !important;
 +
            color: #676767;
 +
            margin: 0;
 +
            padding:10px 8%;
 +
            cursor: pointer;
 +
            background: #fff;
 +
        }
 +
 +
        div.floatCtro a {
 +
            display: inline-block;
 +
            display: none;
 +
            width: 100%;
 +
            height: 40px;
 +
            padding:10px 8%;
 +
            /* margin: 10px 0 0 0; */
 +
            background: #FFF;
 +
            color: #000 !important;
 +
            vertical-align: middle;
 +
            cursor: pointer;
 +
        }
 +
 +
        div.floatCtro a span {
 +
            display: block;
 +
            height: auto;
 +
            text-align: left !important;
 +
            line-height: 18px;
 +
            font-family: Arial;
 +
            font-size: 16px;
 +
        }
 +
 +
        div.floatCtro a:hover {
 +
            /* background: #76b39d; */
 +
            color: #EA0D04 !important;
 +
            zoom: 1;
 +
        }
 +
 +
        /* .cebian a:hover {
 +
            color: #f6eee0 !important;
 +
        } */
 +
 +
        div.floatCtro .daohanger:hover {
 +
            /* background: #76b39d; */
 +
            color: #1fa67a;
 +
            text-decoration: underline !important;
 +
        }
 +
 +
        div.floatCtro .daohanger.cur {
 +
            /* background: #1fa67a; */
 +
            color: #1fa67a;
 +
        }
 +
 +
        .biaoti {
 +
            display: inline-block;
 +
            margin: 8px 0;
 +
            /* width: 50%; */
 +
            /* margin-left: 6%; */
 +
            /* text-align: center; */
 +
            text-decoration: none !important;
 +
        }
 +
 +
        .daohangyi img {
 +
            display: inline-block;
 +
            width: 12px;
 +
            height: 12px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
 +
        }
 +
        .cebian div:hover img{
 +
            transform: rotateY(180deg);           
 +
            -webkit-transform: rotateY(180deg);           
 +
            -moz-transform: rotateY(180deg);           
 +
            -o-transform: rotateY(180deg);           
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;           
 +
            -webkit-transition: all 0.5s ease-in-out;           
 +
            -moz-transition: all 0.5s ease-in-out;           
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
        .cebian a:hover img{
 +
            transform: rotate(360deg);           
 +
            -webkit-transform: rotate(360deg);           
 +
            -moz-transform: rotate(360deg);           
 +
            -o-transform: rotate(360deg);           
 +
            -ms-transform: rotate(360deg);
 +
            transition: all 0.5s ease-in-out;           
 +
            -webkit-transition: all 0.5s ease-in-out;           
 +
            -moz-transition: all 0.5s ease-in-out;           
 +
            -o-transition: all 0.5s ease-in-out;
 +
        }
 +
 +
        @media screen and (max-width: 1200px) {           
 +
         
 +
            .cebian {
 +
            width: 15%;
 +
            }
 +
 +
            .zhengwen {
 +
            margin: 20px 20px 0 0;
 +
 +
            .daohangyi {
 +
                font-size: 14px;
 +
            }
 +
            .daohangyi img {
 +
                display: none;
 +
            } 
 +
        }
 +
 +
        @media screen and (max-width: 900px) {
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            } 
 +
           
 +
            .laoshi img {
 +
                height: 30vh;
 +
            }
 +
        }
 +
    </style>
 +
 +
 +
</head>
 +
 +
<body>
 +
    <!-- 导航栏 -->
 +
    <nav class="daohang">
 +
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
 +
                class="logo-daohang"></a>
 +
        <ul class="caidan">
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
 +
                    <span>Project</span>
 +
                    <span class="xsjPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Wetlab</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
 +
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Drylab</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
 +
            </li>
 +
            <li class="hiLight longName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Human&nbsp;Practices</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>About Us</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
 +
            </li>
 +
            <li class="hiLight shortName">
 +
                <a class="nav_head" href="#">
 +
                    <span>Parts</span>
 +
                    <span class="xjtPic"></span>
 +
                </a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
 +
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
 +
            </li>
 +
        </ul>
 +
        <div class="shade"></div>
 +
    </nav>
 +
    <!-- 内容 -->
 +
    <div class="neirong clearfix">
 +
        <!-- 正文 -->
 +
        <div class="zhengwen">
 +
            <div id="float01" class="cur">
 +
                <div class="h1">Collaboration with WHU-China
 +
                    and SDU-CHINA</div>
 +
                <p>Optogenetic tool has broad prospects on synthetic biology, and the CcaS-CcaR system, which is
 +
                    developed from <i>cyanobacteria</i> has made obvious achievements, thus more and more teams are
 +
                    willing to
 +
                    use this system in their own projects. In the past two years, we have spent a great deal of time
 +
                    using it in our projects and accumulated a lot of experience (see more information in our previous
 +
                    wikis). This year, we collaborated with WHU-China and SDU-CHINA who use this system in their projects and
 +
                    sharing the experience how we regulated the expression of CcaS and CcaR protein to control this
 +
                    optogenetic tool and what we achieved.
 +
                </p>
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 60%; margin: 30px auto">
 +
                            <a href="https://2018.igem.org/Team:WHU-China/Collaborations"><img src="https://static.igem.org/mediawiki/2018/9/9a/T--WHU-China--wiki-Collabration_whu.png"
 +
                                    width=100% alt=""></a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 60%; margin: 30px auto">
 +
                            <a href="https://2018.igem.org/Team:SDU-CHINA/Collaborations"><img src="https://static.igem.org/mediawiki/2018/c/c5/T--HZAU-China--SDU.png"
 +
                                    width=100% alt=""></a>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
            <div id="float02">
 +
                <div class="h1">Experience sharing with Worldshaper-Wuhan</div>
 +
                <p>We cooperated with the high school team, Worldshaper-Wuhan. We shared some information about our
 +
                    project and had several
 +
                    discussions then determined to have an experiment about the lncRNA IL7-AS in multiple cell lines.
 +
                    LncRNA IL7-AS is a newly discovered lncRNA, which might be a potential diagnostic biomarker and
 +
                    therapeutic target for renal cell carcinoma. Through this experiment, firstly, we want to know if
 +
                    the IL7-AS has tissue specificity to distinguish between cancer cells and healthy cells or not.
 +
                    Secondly, we want to explore its applicability for which this biomarker can be widely utilized to
 +
                    detect tumours. The Worldshaper-Wuhan team successfully demonstrated that IL7-AS has specificity and
 +
                    universality. There were significant expression differences among 293T (the healthy cell), 769-P
 +
                    (the adenocarcinoma cell) and 786-O (the adenocarcinoma cell) cell lines. The expression in 769-P
 +
                    and 786-O were higher than that of 293T, showing specificity and universality of IL7-AS. Through our
 +
                    team's suggestions and Worldshaper-Wuhan's experiment, their project improved and we also got a new
 +
                    biomarker
 +
                    and therapeutic target for future projects.
 +
                </p>
 +
                <div style="width: 20%; margin: 30px auto">
 +
                    <a href="https://2018.igem.org/Team:Worldshaper-Wuhan/Collaborations"><img src="https://static.igem.org/mediawiki/2018/b/b6/T--HZAU-China--WSWH.png"
 +
                            width=100% alt=""></a>
 +
                </div>
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767; ">
 +
                            <img src="https://static.igem.org/mediawiki/2018/0/02/T--HZAU-China--WSWH1.png" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767;">
 +
                            <img src="https://static.igem.org/mediawiki/2018/9/97/T--HZAU-China--WSWH2.png" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767;">
 +
                            <img src="https://static.igem.org/mediawiki/2018/3/35/T--HZAU-China--WSWH3.png" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
 +
            </div>
 +
            <div id="float03">
 +
                <div class="h1">Help from NAU-CHINA</div>
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; padding: 0 20px;">
 +
                            <p>After the information we got from meetings and public investigation, we thought it’s
 +
                                necessary to
 +
                                enhance the targeting of engineered <i>Salmonella</i> we used, we designed a fuse
 +
                                protein which
 +
                                called OmpA-RGD to achieve
 +
                                this goal. RGD is a well-studied tumor homing tripeptide that specifically binds to
 +
                                alpha v beta 3
 +
                                (αvβ3) integrin, which is widely overexpressed on cancer cells. So there’s a cell line
 +
                                called
 +
                                MDA-MB-231 surface displaying αvβ3 needed for our further targeting and safety
 +
                                experiments, with
 +
                                the great help of NAU-CHINA , we had channels to get this cell line from Shanghai
 +
                                Institute of
 +
                                Biochemistry and Cell Biology.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 80%; margin: 30px auto; ">
 +
                            <a href="https://2018.igem.org/Team:NAU-CHINA/Collaborations"><img src="https://static.igem.org/mediawiki/2018/8/88/T--HZAU-China--NAU.png"
 +
                                    width=100% alt=""></a>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
                <div class="h1">Collaboration with HUST-China</div>
 +
                <p>When we submitted our parts, we got the help of HUST-China. HUST-China
 +
                    helped us freeze the plasmid into dry powder in 96 well plate format, label our plate with our team name and
 +
                    submission number, and eventually send it by express to the agency in China. We are extremely grateful for their help.
 +
                </p>
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; box-shadow: 0 1px 3px #676767; background-color: #333333; ">
 +
                            <a href="https://2018.igem.org/Team:HUST-China/Collaborations"><img src="https://static.igem.org/mediawiki/2018/6/6e/T--HZAU-China--HUST1.jpg"
 +
                                    width=100% alt=""></a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767; ">
 +
                            <img src="https://static.igem.org/mediawiki/2018/0/06/T--HZAU-China--HUST.jpg" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
 +
                </div>
 +
 +
                <div class="h1">EurAisan Meetup</div>
 +
                <p>We also took part in the iGEM EurAisan Meetup, where we shared our ideas and learned a lot. At the
 +
                    meeting, we had friendly communications with many iGEMers and gained a lot of advice during this
 +
                    meetup. They suggested more possible delivery vehicles to our project and a more logical poster
 +
                    design. We took part in a quiz competition and were awarded the prize for best collaboration quiz
 +
                    with our buddy team SFLS_Shenzhen. After the meetup, we're still talking on WeChat.
 +
                </p>
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767; ">
 +
                            <img src="https://static.igem.org/mediawiki/2018/8/82/T--HZAU-China--OUYA1.jpg" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767;">
 +
                            <img src="https://static.igem.org/mediawiki/2018/a/ac/T--HZAU-China--OUYA2.jpg" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
                <div class="h1">CCiC meeting</div>
 +
                <p>In August, we participated in the biggest iGEMer communication conference in China——Conference of
 +
                    China iGEMer Community (CCiC). During this meeting, we communicated with teams tracking on therapy and reflected more about our project. For further collaboration，we met the captain of WHU-China and
 +
                    talked about the experience of our optogenetic tool.</p>
 +
 +
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767; ">
 +
                            <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--CCiC1.jpg" width=100% alt="">
 +
                        </div>
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767;">
 +
                            <img src="https://static.igem.org/mediawiki/2018/4/47/T--HZAU-China--CCiC2.jpg" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
 +
                        <div style="width: 100%; margin: 30px auto; border:8px solid #E0CCAE; box-shadow: 0 1px 3px #676767;">
 +
                            <img src="https://static.igem.org/mediawiki/2018/3/32/T--HZAU-China--CCiC3.jpg" width=100% alt="">
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
 +
 +
 +
 +
 +
 +
            </div>
 +
        </div>
 +
        <!-- 侧边 -->
 +
        <div class="cebian">
 +
            <!-- 滚动菜单栏 -->
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Team">
 +
                <span class="biaoti">Team</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions">
 +
                <span class="biaoti">Attributions</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
 +
            </a>
 +
            <div class="daohangyi">
 +
                <span class="biaoti">Collaborations</span>
 +
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span>
 +
            </div>
 +
            <div class="floatCtro">
 +
                <!-- <p class="daohanger">Project Support</p>
 +
                <p class="daohanger">Experience Sharing</p>
 +
                <p class="daohanger">neirongsan</p> -->
 +
                <a>
 +
                    <span>Back&nbsp;to&nbsp;Top</span>
 +
                </a>
 +
            </div>
 +
            <div class="daohangyi" style="height:20px">
 +
            </div>
 +
            <!-- 滚动菜单栏 -->
 +
        </div>
 +
    </div>
 +
 +
    <!-- 滚动菜单栏jQuery -->
 +
    <script src="jquery.js" type="text/javascript"></script>
 +
    <script>
 +
        $(function () {
 +
            var AllHet = $(window).height();
 +
            var mainHet = $('.floatCtro').height();
 +
            var fixedTop = (AllHet - mainHet) / 2
 +
            //  $('div.floatCtro').css({top:fixedTop+'px'});
 +
            $('div.floatCtro p').click(function () {
 +
                var ind = $('div.floatCtro p').index(this) + 1;
 +
                var topVal = $('#float0' + ind).offset().top;
 +
                $('body,html').animate({ scrollTop: topVal }, 1000)
 +
            })
 +
            $('div.floatCtro a').click(function () {
 +
                $('body,html').animate({ scrollTop: 0 }, 1000)
 +
            })
 +
            $(window).scroll(scrolls)
 +
            scrolls()
 +
            function scrolls() {
 +
                var f1, f2, f3, bck;
 +
                var fixRight = $('div.floatCtro p');
 +
                var blackTop = $('div.floatCtro a')
 +
                var sTop = $(window).scrollTop();
 +
                fl = $('#float01').offset().top;
 +
                f2 = $('#float02').offset().top;
 +
                f3 = $('#float03').offset().top;
 +
 +
                if (sTop <= f2 - 100) {
 +
                    blackTop.fadeOut(300).css('display', 'none')
 +
                }
 +
                else {
 +
                    blackTop.fadeIn(300).css('display', 'block')
 +
                }
 +
 +
                if (sTop >= fl) {
 +
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f2 - 100) {
 +
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f3 - 100) {
 +
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
 +
            }
 +
        })
 +
    </script>
 +
    <!-- 滚动菜单栏jQuery -->
 +
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 20:37, 17 October 2018

Collaboration with WHU-China and SDU-CHINA

Optogenetic tool has broad prospects on synthetic biology, and the CcaS-CcaR system, which is developed from cyanobacteria has made obvious achievements, thus more and more teams are willing to use this system in their own projects. In the past two years, we have spent a great deal of time using it in our projects and accumulated a lot of experience (see more information in our previous wikis). This year, we collaborated with WHU-China and SDU-CHINA who use this system in their projects and sharing the experience how we regulated the expression of CcaS and CcaR protein to control this optogenetic tool and what we achieved.

Experience sharing with Worldshaper-Wuhan

We cooperated with the high school team, Worldshaper-Wuhan. We shared some information about our project and had several discussions then determined to have an experiment about the lncRNA IL7-AS in multiple cell lines. LncRNA IL7-AS is a newly discovered lncRNA, which might be a potential diagnostic biomarker and therapeutic target for renal cell carcinoma. Through this experiment, firstly, we want to know if the IL7-AS has tissue specificity to distinguish between cancer cells and healthy cells or not. Secondly, we want to explore its applicability for which this biomarker can be widely utilized to detect tumours. The Worldshaper-Wuhan team successfully demonstrated that IL7-AS has specificity and universality. There were significant expression differences among 293T (the healthy cell), 769-P (the adenocarcinoma cell) and 786-O (the adenocarcinoma cell) cell lines. The expression in 769-P and 786-O were higher than that of 293T, showing specificity and universality of IL7-AS. Through our team's suggestions and Worldshaper-Wuhan's experiment, their project improved and we also got a new biomarker and therapeutic target for future projects.

Help from NAU-CHINA

After the information we got from meetings and public investigation, we thought it’s necessary to enhance the targeting of engineered Salmonella we used, we designed a fuse protein which called OmpA-RGD to achieve this goal. RGD is a well-studied tumor homing tripeptide that specifically binds to alpha v beta 3 (αvβ3) integrin, which is widely overexpressed on cancer cells. So there’s a cell line called MDA-MB-231 surface displaying αvβ3 needed for our further targeting and safety experiments, with the great help of NAU-CHINA , we had channels to get this cell line from Shanghai Institute of Biochemistry and Cell Biology.

Collaboration with HUST-China

When we submitted our parts, we got the help of HUST-China. HUST-China helped us freeze the plasmid into dry powder in 96 well plate format, label our plate with our team name and submission number, and eventually send it by express to the agency in China. We are extremely grateful for their help.

EurAisan Meetup

We also took part in the iGEM EurAisan Meetup, where we shared our ideas and learned a lot. At the meeting, we had friendly communications with many iGEMers and gained a lot of advice during this meetup. They suggested more possible delivery vehicles to our project and a more logical poster design. We took part in a quiz competition and were awarded the prize for best collaboration quiz with our buddy team SFLS_Shenzhen. After the meetup, we're still talking on WeChat.

CCiC meeting

In August, we participated in the biggest iGEMer communication conference in China——Conference of China iGEMer Community (CCiC). During this meeting, we communicated with teams tracking on therapy and reflected more about our project. For further collaboration，we met the captain of WHU-China and talked about the experience of our optogenetic tool.

Team Attributions
Collaborations
Back to Top