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

Line 316: Line 316:
  
 
         .cebian {
 
         .cebian {
−
             width: 180px;
+
             width: 200px;
 
             /* height: 80vh; */
 
             /* height: 80vh; */
 
             float: left;
 
             float: left;
Line 346: Line 346:
 
             line-height: 80px;
 
             line-height: 80px;
 
             font-weight: bold;
 
             font-weight: bold;
 +
            height:auto;
 
             font-family: 'Product Sans', sans-serif;
 
             font-family: 'Product Sans', sans-serif;
 
             font-size: 40px;
 
             font-size: 40px;
Line 357: Line 358:
 
             line-height: 40px;
 
             line-height: 40px;
 
             font-weight: bold;
 
             font-weight: bold;
 +
            height:auto;
 
             /* font-weight: bold; */
 
             /* font-weight: bold; */
 
             font-family: 'Product Sans', sans-serif;  
 
             font-family: 'Product Sans', sans-serif;  
Line 368: Line 370:
 
             line-height: 30px;
 
             line-height: 30px;
 
             font-weight: bold;
 
             font-weight: bold;
 +
            height:auto;
 
             /* font-weight: bold; */
 
             /* font-weight: bold; */
 
             font-family: 'Product Sans', sans-serif;
 
             font-family: 'Product Sans', sans-serif;
Line 373: Line 376:
 
             color: #484848;
 
             color: #484848;
 
             /* margin-bottom: 20px; */
 
             /* margin-bottom: 20px; */
 +
        }
 +
       
 +
        table {
 +
            color: #3B3B3B;
 
         }
 
         }
  
Line 487: Line 494:
 
     <!-- 滚动菜单栏CSS -->
 
     <!-- 滚动菜单栏CSS -->
 
     <style>
 
     <style>
−
        #float01 {}
+
            #float01 {}
−
 
+
   
−
        #float02 {}
+
            #float02 {}
−
 
+
   
−
        #float03 {}
+
            div.floatCtro {
−
 
+
                width: 100%;
−
        div.floatCtro {
+
                /* height: auto; */
−
            width: 100%;
+
                margin: 0;
−
            height: 60px;
+
                position: relative;
−
            margin: 0;
+
                background: #fff;
−
            position: relative;
+
   
−
            background: #fff;
+
             }
−
 
+
   
−
        }
+
−
 
+
−
        .daohangyi {
+
−
            display: block;
+
−
            width: 100%;
+
−
            height: 40px;
+
−
            color: #ffffff !important;
+
−
            font-size: 16px;
+
−
            background-color: #323643;
+
−
            border-bottom: 1px solid black;
+
−
            /* border-radius: 5px; */
+
−
            text-decoration: none !important;
+
−
        }
+
−
 
+
−
        div.floatCtro .daohanger {
+
−
            width: 100%;
+
−
            text-align: justify !important;
+
−
            height: 45px;
+
−
            line-height: 45px;
+
−
            font-family: Arial;
+
−
            font-size: 16px !important;
+
−
            color: #676767;
+
−
            margin: 0;
+
−
            padding-left: 8%;
+
−
            cursor: pointer;
+
−
            background: #fff;
+
−
        }
+
−
 
+
−
        div.floatCtro a {
+
−
             display: inline-block;
+
−
            display: none;
+
−
            width: 100%;
+
−
            height: 40px;
+
−
            /* margin: 10px 0 0 0; */
+
−
            background: #FFF;
+
−
            color: #000 !important;
+
−
            vertical-align: middle;
+
−
            cursor: pointer;
+
−
        }
+
−
 
+
−
        div.floatCtro a span {
+
−
            display: block;
+
−
            height: 44px;
+
−
            line-height: 44px;
+
−
            font-family: Arial;
+
−
            font-size: 16px;
+
−
            padding-left: 8%;
+
−
        }
+
−
 
+
−
        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 {
+
−
            line-height: 40px;
+
−
            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: 1000px) {           
+
−
         
+
 
             .daohangyi {
 
             .daohangyi {
−
                 font-size: 14px;
+
                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 {
−
        @media screen and (max-width: 880px) {
+
                width: 100%;
−
 
+
                text-align: left !important;
−
             .daohangyi img {
+
                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;
 
                 display: none;
−
            } 
+
                width: 100%;
−
           
+
                height: 40px;
−
            .laoshi img {
+
                padding:10px 8%;
−
                 height: 30vh;
+
                 /* margin: 10px 0 0 0; */
 +
                background: #FFF;
 +
                color: #000 !important;
 +
                vertical-align: middle;
 +
                cursor: pointer;
 
             }
 
             }
−
        }
+
   
−
     </style>
+
            div.floatCtro a span {
 +
                display: block;
 +
                height: auto;
 +
                text-align: left !important;
 +
                line-height: 20px;
 +
                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 {
 +
                line-height: 40px;
 +
                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>
  
  

Revision as of 13:28, 16 October 2018

Collaboration with WHU-China and SDU-CHINA

Optogenetic tools have 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 project on sharing the experience how we regulate the expression of CcaS and CcaR protein to control this optogenetic tools and what we achieved

Experience sharing with Worldshaper

As a dynamic high school team, Worldshaper demonstrates great enthusiasm in this competition. They visited our laboratory and we shared them our experience of iGEM competition in the past years with relaxed discussion, including preparations before competition, some experimental techniques, notes of standardization and guiding them to do multiple cell lines

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 OmpA-RGD protein 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.

Team Attributions
Collaborations
Back to Top