Difference between revisions of "Team:BGIC-Union/Collaborations"

Line 1: Line 1:
−
<div id= “catalog” >
+
 
 +
<html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 
 +
 
 +
    <title>Team：BGIC-Union/Practices-Design</title>
 +
 
 +
  <head>
 +
 
 +
 
 +
  <!-- Bootstrap core CSS -->
 +
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<!-- animate -->
 +
<link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
  <!-- carousel -->
 +
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
  <!-- light -->
 +
<style type="text/css">
 +
/* fixed line holder */
 +
.timelineLight .timeline_line {c
 +
margin-top:50px;
 +
margin-bottom:10px;
 +
width:900px;
 +
}
 +
.timelineLight
 +
{color: #fff;
 +
background: #ffe4e1;}
 +
/* full (including months that are not shown) line holder */
 +
.timelineLight .t_line_holder {
 +
height:80px;
 +
background:url('https://static.igem.org/mediawiki/2017/3/35/Line.jpg') repeat-x 0px 39px;
 +
}
 +
 
 +
/* 2 months are stored in one view */
 +
.timelineLight .t_line_view {
 +
height:20px;
 +
width:900px;
 +
}
 +
 
 +
/* holder for year number */
 +
.timelineLight h3.t_line_year {
 +
margin:0;
 +
color:#545454;
 +
}
 +
 
 +
/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
 +
.timelineLight .t_line_m {
 +
margin-top:35px;
 +
height:10px;
 +
border-left:1px solid #545454;
 +
border-right:1px solid #545454;
 +
width:448px;
 +
}
 +
 
 +
/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
 +
.timelineLight .t_line_m.right {
 +
left:449px;
 +
width:449px;
 +
}
 +
 
 +
/* month caption */
 +
.timelineLight h4.t_line_month {
 +
margin:-30px 0 0;
 +
color:#545454;
 +
}
 +
 
 +
/* used in responsive layout when only one month is shown (it is span containing year) */
 +
.t_line_month_year {
 +
display:none;
 +
}
 +
 
 +
/* node on the timeline */
 +
.timelineLight a.t_line_node {
 +
text-decoration:none;
 +
padding:38px 0 4px;
 +
height:10px;
 +
font-size:12px;
 +
top:-25px;
 +
background:url('https://static.igem.org/mediawiki/2017/2/2a/Dot.png') no-repeat center 24px;
 +
color:#141817;
 +
}
 +
.timelineLight a.t_line_node:hover {
 +
background:url('https://static.igem.org/mediawiki/2017/6/65/Dot-rollover.png') no-repeat center 24px;
 +
}
 +
.timelineLight a.t_line_node.active {
 +
background:url('https://static.igem.org/mediawiki/2017/d/d7/Dot-selected.png') no-repeat center 24px;
 +
}
 +
 
 +
/* node description */
 +
.timelineLight .t_node_desc {
 +
background: rgba(26,134,172,0.9);
 +
top:0;
 +
color:#fff;
 +
padding:1px 5px;
 +
}
 +
 
 +
/* descriptions on right side go from right to left */
 +
.timelineLight .t_node_desc.pos_right {
 +
right:0;
 +
}
 +
 
 +
/* line arrow left */
 +
.timelineLight #t_line_left {
 +
cursor:pointer;
 +
left:-30px;
 +
top:30px;
 +
width:14px;
 +
height:19px;
 +
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left top;
 +
}
 +
 
 +
.timelineLight #t_line_left:hover {
 +
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left bottom;
 +
}
 +
 
 +
/* line arrow right */
 +
.timelineLight #t_line_right {
 +
cursor:pointer;
 +
right:-30px;
 +
top:30px;
 +
width:14px;
 +
height:19px;
 +
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right top;
 +
}
 +
 
 +
.timelineLight #t_line_right:hover {
 +
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right bottom;
 +
}
 +
.timelineLight {
 +
display:none;
 +
}
 +
 
 +
/* items container */
 +
.timelineLight .timeline_items {
 +
padding:10px 0;
 +
}
 +
 
 +
/* single item (margines set from javascript) */
 +
.timelineLight .item {
 +
height:380px;
 +
text-align:center;
 +
 +
color: #fff;
 +
background: #f7dae7;
 +
 +
-moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 +
-webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 +
box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 +
width:200px;
 +
}
 +
 
 +
/* ----- content - non-plugin elements ----- */
 +
.timelineLight .item img {
 +
margin-top:0;
 +
width:200px;
 +
}
 +
 
 +
.timelineLight .item span{
 +
display:block;
 +
margin:0px 20px 10px;
 +
height:150px;
 +
}
 +
.timelineLight .item .read_more {
 +
padding:2px 8px 2px 10px;
 +
font-family:Comic Sans MS;
 +
font-size:20px;
 +
float:right;
 +
color:#ffffff;
 +
background: rgba(0,0,0,0.35);
 +
cursor:pointer;
 +
}
 +
.timelineLight .item .read_more:hover {
 +
background:rgb(26,134,172);
 +
}
 +
/* ----------------------------------------- */
 +
 
 +
/* item details (margines set from javascript) */
 +
.timelineLight .item_open {
 +
height:380px;
 +
background:url('../images/timeline/light/background.jpg') repeat;
 +
position:relative;
 +
color:#545454;
 +
z-index:2;
 +
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 +
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 +
box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 +
width:490px;
 +
 +
}
 +
 
 +
/* item details content wrapper (used for animation - shuld have same width as .item_open) */
 +
.timelineLight .item_open_cwrapper {
 +
width:490px;
 +
}
 +
 
 +
/* ----- content - non-plugin elements ----- */
 +
.timelineLight .timeline_open_content {
 +
padding:20px;
 +
}
 +
 
 +
.timelineLight .item_open h2 {
 +
margin-top:10px;
 +
padding-top:0;
 +
font-size:28px;
 +
}
 +
.timelineLight .item_open .t_close {
 +
position:absolute;
 +
top:10px;
 +
right:10px;
 +
padding:2px 8px 2px 10px;
 +
font-family: Comic Sans MS;
 +
font-size:20px;
 +
color:#ffffff;
 +
background: rgba(0,0,0,0.25);
 +
cursor:pointer;
 +
}
 +
.timelineLight .item_open .t_close:hover {
 +
background:rgb(26,134,172);
 +
}
 +
/* ----------------------------------------- */
 +
 
 +
/* left/right controles */
 +
.timelineLight .t_controles {
 +
margin:10px auto;
 +
text-align:center;
 +
}
 +
.timelineLight .t_left,
 +
.timelineLight .t_right {
 +
display:inline-block;
 +
height:50px;
 +
width:29px;
 +
margin:10px;
 +
cursor:pointer;
 +
}
 +
.timelineLight .t_left, 
 +
.timelineLight .t_left:hover:active {
 +
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left top;
 +
}
 +
.timelineLight .t_left:hover {
 +
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left bottom;
 +
}
 +
 
 +
.timelineLight .t_right,
 +
.timelineLight .t_right:hover:active{
 +
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right top;
 +
}
 +
 
 +
.timelineLight .t_right:hover {
 +
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right bottom;
 +
}
 +
 
 +
/* -----------------------------------------------------------------------*/
 +
/* ------------------------------ RESPONSIVE -----------------------------*/
 +
/* -----------------------------------------------------------------------*/
 +
 
 +
 
 +
 
 +
/* --- 768px --- */
 +
@media screen and (max-width:980px) {
 +
 +
.timelineLight .timeline_line {
 +
width:680px;
 +
}
 +
 +
.timelineLight .t_line_view {
 +
width:680px;
 +
}
 +
 +
.timelineLight .t_line_m {
 +
width: 338px;
 +
}
 +
.timelineLight .t_line_m.right {
 +
left: 339px;
 +
width: 339px;
 +
}
 +
}
 +
 
 +
 
 +
/* --- 610px --- */
 +
@media screen and (max-width:767px) {
 +
 +
.timelineLight .timeline_line {
 +
width:530px;
 +
}
 +
 +
.timelineLight .t_line_view {
 +
width:1060px;
 +
}
 +
 +
.timelineLight .t_line_m {
 +
width: 528px;
 +
}
 +
.timelineLight .t_line_m.right {
 +
left: 530px;
 +
width: 528px;
 +
}
 +
.timelineLight .t_line_year {
 +
opacity:0;
 +
filter:alpha(opacity=0)
 +
}
 +
.timelineLight .t_line_month_year {
 +
display:inline;
 +
}
 +
 +
.timelineLight .t_line_node span {
 +
 +
}
 +
.timelineLight .t_node_desc {
 +
font-size:8px;
 +
}
 +
.timelineLight .t_node_desc.pos_right {
 +
right:auto;
 +
left:0;
 +
}
 +
}
 +
 
 +
 
 +
/* --- 300px --- */
 +
@media screen and (max-width:
 +
 
 +
) {
 +
.timelineLight .timeline_line {
 +
width:240px;
 +
}
 +
 +
.timelineLight .t_line_view {
 +
width:480px;
 +
}
 +
 +
.timelineLight .t_line_m {
 +
width: 238px;
 +
}
 +
.timelineLight .t_line_m.right {
 +
left: 240px;
 +
width: 238px;
 +
}
 +
 +
.timelineLight .item_open {
 +
width:280px;
 +
height:390px;
 +
}
 +
.timelineLight .item_open_cwrapper {
 +
width:280px;
 +
}
 +
}
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
  <!-- main -->
 +
  <style type="text/css">
 +
 
 +
 
 +
#top_title,#sideMenu { display: none !important; }
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
           
 +
        }
 +
 
 +
#bodyContent
 +
{
 +
margin-top：0px !important;
 +
}
 +
 
 +
 
 +
#content{
 +
  background-color: #FFe4e1; !important;
 +
}
 +
 
 +
 
 +
.mainstyle
 +
{
 +
font-family: Comic Sans MS;
 +
}
 +
html, body {
 +
    margin: 0 ;
 +
    padding: 0 ;
 +
}
 +
body {
 +
  background-color: #ffa07a;
 +
 
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color: #555;
 +
    ；
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-overflow-scrolling: touch;
 +
}
 +
 
 +
/* Titles */
 +
h1, h2, h3, h4, h5, h6 {
 +
font-family: Comic Sans MS;
 +
    font-weight: 700;
 +
    color: #333;
 +
}
 +
 
 +
h1 {
 +
font-size: 35px;
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
p {
 +
    line-height: 28px;
 +
    margin-bottom: 25px;
 +
    font-size: 16px;
 +
font-family: Comic Sans MS;
 +
}
 +
 
 +
.centered {
 +
    text-align: center;
 +
}
 +
 
 +
/* Links */
 +
a {
 +
    color: #20B2AA;
 +
    word-wrap: break-word;
 +
 
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
a:hover,
 +
a:focus {
 +
    color: #7b7b7b;
 +
    text-decoration: none;
 +
    outline: 0;
 +
}
 +
 
 +
a:before,
 +
a:after {
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
hr {
 +
    display: block;
 +
    height: 1px;
 +
    border: 0;
 +
    border-top: 1px solid #ccc;
 +
    margin: 1em 0;
 +
    padding: 0;
 +
}
 +
 
 +
.copyrights{
 +
text-indent:-9999px;
 +
height:0;
 +
line-height:0;
 +
font-size:0;
 +
overflow:hidden;
 +
}
 +
 
 +
.navbar {
 +
text-transform: uppercase;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.navbar-inverse {
 +
padding-bottom: 30px;
 +
padding-top: 0;
 +
}
 +
 
 +
.navbar-inverse {
 +
background-color: #FFA07A;
 +
border-color: #FA8072;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a {
 +
color: white;
 +
 +
}
 +
 
 +
 
 +
.navbar-inverse .navbar-nav > li > a:hover {
 +
color: #222222;
 +
}
 +
 
 +
.navbar-brand {
 +
font-weight: 700;
 +
font-size: 40px;
 +
letter-spacing: 2px;
 +
backgroud: white;
 +
}
 +
 
 +
.navbar-inverse .navbar-brand {
 +
color: white;
 +
background-color: #FFA07A;
 +
 +
}
 +
 
 +
.navbar-inverse .navbar-toggle {
 +
border-color: transparent;
 +
font-size: 12px;
 +
}
 +
 
 +
.progress-bar-theme {
 +
  background-color: #FFA07A;
 +
}
 +
 
 +
 
 +
/* Helpers */
 +
 
 +
.mt {
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
 
 +
.pt {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
 
 +
/* +++++ WRAP SECTIONS +++++ */
 +
 
 +
#ww {
 +
padding-top: 0px;
 +
padding-bottom: 70px;
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
#footer {
 +
background-color: #ADD8E6;
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
#footer p {
 +
color: white;
 +
font-family: Comic Sans MS;
 +
}
 +
 
 +
#footer h4 {
 +
color: white;
 +
text-transform: uppercase;
 +
padding-bottom: 20px;
 +
}
 +
 
 +
 
 +
/* +++++ Color Wraps / Blog Page +++++ */
 +
 
 +
#grey {
 +
padding-top: 60px;
 +
padding-bottom: 60px;
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
#white {
 +
padding-top: 60px;
 +
padding-bottom: 60px;
 +
background-color: #ffffff;
 +
}
 +
 
 +
 
 +
 
 +
/* Blog Date*/
 +
bd {
 +
font-size: 12px;
 +
text-transform: uppercase;
 +
color: #d2d2d2;
 +
font-weight: 700;
 +
}
 +
 
 +
/* Blog Author*/
 +
ba {
 +
font-size: 12px;
 +
text-transform: uppercase;
 +
}
 +
 
 +
/* Blog Quote */
 +
.bq {
 +
font-size: 22px;
 +
padding-top: 30px;
 +
}
 +
 
 +
/* Blog Tags */
 +
bt {
 +
font-size: 12px;
 +
}
 +
 
 +
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 +
/* Effects also are controled by hover.zoom.js */
 +
.zoom {
 +
    display:block;
 +
    position:relative;
 +
    overflow:hidden;
 +
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
 +
}
 +
 
 +
 
 +
    .zoomOverlay {
 +
        position:absolute;
 +
        top:0; left:0;
 +
        bottom:0; right:0;
 +
        display:none;
 +
        background-image:url(../img/zoom.png);
 +
        background-repeat:no-repeat;
 +
        background-position:center;
 +
    }
 +
 
 +
.zoom2 {
 +
opacity: 1;
 +
}
 +
 
 +
.zoom2:hover {
 +
opacity: 0.5;
 +
}
 +
 
 +
/* glyphicon Configuration */
 +
 
 +
.glyphicon {
 +
font-size: 40px;
 +
color: #1abc9c;
 +
}
 +
  </style>
 +
 
 +
  </head>
 +
 
 +
<body>
 +
<div class="column_full_size top1">
 +
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
    <div class="container-fluid">
 +
    <div class="navbar-header">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
        </div><span></span>
 +
    <div>
 +
        <ul class="nav navbar-nav navbar-center">
 +
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 +
         
 +
           
 +
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 +
  <li class="dropdown">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 +
                            </ul>
 +
            </li>
 +
 +
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 +
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
</a>
 +
                            <ul class="dropdown-menu" >
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design"></a>design</li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
                            </ul>
 +
                        </li>
 +
                       
 +
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                        <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 +
                        </li>
 +
                     
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 +
                            <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Measurement">measurement</a></li>
 +
 
 +
                            </ul>
 +
                        </li>
 +
 +
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 +
                          <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 +
 
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 +
                            </ul>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 +
                        </li>
 +
        </ul>
 +
    </div><span></span>
 +
    </div><span></span>
 +
</nav>
 +
 +
 +
 +
<!-- +++++ Projects Section +++++ -->
 +
<section>
 +
 +
<div>
 +
<div id= “catalog1” >
 
<h3><span></span>Contents</h3>
 
<h3><span></span>Contents</h3>
 
</br>
 
</br>
Line 25: Line 749:
 
<ul>5 Reference</ul>
 
<ul>5 Reference</ul>
 
</li>
 
</li>
 +
</div>
 
Our documentation of collaboration uses <a href="@LMU-TMU_Munich (https://2016.igem.org/Team:LMU-TMU_Munich">@LMU-TMU_Munich’s style.
 
Our documentation of collaboration uses <a href="@LMU-TMU_Munich (https://2016.igem.org/Team:LMU-TMU_Munich">@LMU-TMU_Munich’s style.
  
Line 58: Line 783:
  
 
Collaboration with SDU-China
 
Collaboration with SDU-China
−
     Since our team members come from all parts of China, it is difficult for our team to make progression for our experiments in schooldays due to the distance. Team SDU-China shares the laboratory with one team member living in the same city and facilitates the experimental progress. By sharing the laboratory with SDU-China, our team transforms the plasmid sHRPN-dcas9 and sHRPC-dcas9 into competent cell DH5α, cultures the bacteria, and harvests the plasmid of larger amount. Also, we exchanged our ideas about some potential improvements in each other’s project and design.
+
     Since our team members come from all parts of China, it is difficult for our team to make progression for our experiments in schooldays due to the distance. Team SDU-China shares the laboratory with one team member living in the same city and facilitates the experimental progress. By sharing the laboratory with SDU-China, our team transforms the plasmid sHRPN-dcas9 and sHRPC-dcas9 into competent cell DH5α, cultures the bacteria, and harvests the plasmid of larger amount. Also, we exchanged our ideas about some potential improvements in each other’s project and design.  
 +
 
 +
 
 +
</div>
 +
</section>
 +
<!-- +++++ Footer Section +++++ -->
 +
<section>
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-lg-4">
 +
    <p>F12 BGI-College，146 Beishan Road，Yantian District 518083
 +
                                    </br> Shenzhen，Guangdong Province, China，Asia
 +
                                </br>Phone:+86-755-36307888
 +
                                </br>Email: info@genomics.cn
 +
</br>Fax:+86-755-36307273</p>
 +
</p>
 +
</div><!-- /col-lg-4 -->
 +
 +
<div class="col-lg-4">
 +
 +
<p>
 +
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">Entreprenuership</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated HP</a><br/>
 +
                      <a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a><br/>
 +
  <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Evaluation">EVALUATION</a>
 +
</p>
 +
</div><!-- /col-lg-4 -->
 +
 +
<div class="col-lg-4">
 +
<h4>BGIC-COLLEGE 2017</h4>
 +
<img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" width="60px" height="72px"></img>
 +
<p></br><i class="fa-twitter">TWITTER:@BGIC-Union</i> </p>
 +
 +
</div><!-- /col-lg-4 -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 +
 
 +
 
 +
 
 +
  </body>
 +
 
 +
 
 +
 
 +
     
 +
 
 +
</html>

Revision as of 03:47, 31 October 2017

Team：BGIC-Union/Practices-Design

Contents


    • 1 @Shenzhen_SFLS (https://2017.igem.org/Team:Shenzhen_SFLS)
    • 1.1 Collaboration on modelling
    • 1.2 Collaboration on biosafety level video.
    • 1.3 Collaboration on public education
    • 1.4 Help with wiki upload, delivery and competition requirements.
    • 2 @SIATxSCIE (https://2017.igem.org/Team:SIAT-SCIE)
    • 2.1 Lending pet28a plasmids for parts construction
    • 2.2 Using the protein in our project
    • 2.3 Collaboration on human practice
  • 3 @IGEM meet-ups
  • 3.1 CCiC meet-up
  • 3.2 Shenzhen IGEMers Meet-up
  • 3.3 FAFU-CCiC
      • 4@NUDT-China
      5@SDU-China
      5 Reference
    Our documentation of collaboration uses @LMU-TMU_Munich’s style.
    We met the Shenzhen Foreign Language School IGEM team at the Shenzhen IGEMers meet-up and presented our projects to each other. Both teams applied CRISPR system in the projects, so we contacted the SFLS team and hoped to receive some insights on how to model our project. The modeling process was arduous, but we helped each other out and got satisfying results.
    At times, their projects were facing a crucial problem of off-target effects, and after comparing several articles on predicting off-target effects in mathematical ways, we recommended them a better method named “Cutting Frequency Determination (CFD) scoring method” to help improve their model. We also supported their modeling group by introducing biological theory to the math-work members.

    In addition to modeling, we also engaged with them on safety and integrated human practice. We shot a BSL videos: SFLS provided the Chinese scripts and edited the videos while BGIC-Union provided the English scripts and resources for the content of the footage. The video was posted on several online video platforms such as youku and bilibili.

    The SFLS team also kindly offered us the chance to join them in the several lectures educating high school and primary school students on synthetic biology, cancer and CRISPR, and was able to present our project to more promising teenagers that may become future IGEMers and contribute to the synthetic biology community. See     human practice session for more info. 1.2 插入视频连接 1.3 演讲照片
    We appreciated the responsible and capable members from Shenzhen Foreign Language School () and the constructive help they offered very much. And we were glad to be able to help them with uploading the wiki and answered some questions on the details of the competition such as poster design and plasmids drying and delivering. 1.4 放starbuck 合照 2.1 Another Shenzhen team we collaborate with is @SIATxSCIE. We presented our projects to each other on the Shenzhen Meet-up they hosted. (We liked their gifts very much!) Their project aimed at transforming the of resilience of tardigrades into the engineered organism, and we found out the proteins they worked on—TDPs (tardigrades intrinsically disorded proteins)—could help us construct our test-paper. They borrowed pet28a plasmids from us to construct their parts but could only provide us with the bacteria, but not the purified protein product we wanted due to time limitation. 2.1演讲 奖品的照片+国交part信息link 2.2 质粒图谱？ Anyhow, our collaboration on public education was fruitful. Our member was able to provide lectures on IGEM and our projects in Shenzhen Senior High School. Our audiences were fascinated by our talks and we saw hope in forming a Shenzhen Senior High School IGEM team next year. 2.3 演讲照片 3.1 We participated and presented our project in two very meaningful IGEMers Meet-ups, one local, the Shenzhen IGEMers Meet-up hosted by @SCIE; one national, CCiC(Central China iGEM Consortium) , which is the largest IGEMers Meet-up in China with both university and high school teams as participants. 苏同学负责写这里。 3.2 The Shenzhen IGEMers Meet-up was much smaller, but we were still able to learn about the competition as well as the projects of the teams around Shenzhen. First, Dr. Zhang Haoqian, the CFO of Bluepha, taught us the essence of IGEM competition: Innovation and responsibility for developing the project; Originality + roundness for presenting our project; Sophistication when designing the bio-circuit. He also reminded us of the importance of several competition requirements, especially the judging form. Then he talked about his own experience with IGEM and encouraged us to work as an efficient team in the following months before the wiki freeze. We presented our project for the first time in this meet-up, and discovered several points we could improve on. The other teams’ presentation inspired us a lot and we continued to perfect our presentation for the CCiC meet-up as well as the Giant Jamboree. Dr. Zhang called us to pay attention to highlight the distinguished feature of our project comparing to the Peking 2015 project to make our story more complete. This was a truly valuable advice. Besides the project presentation in Shenzhen College of International Education, we had the opportunity to enjoy the delicious food around the campus: And we received several gifts from the team members: Collaboration with NUDT-China In the August of 2017, we went to FAFU CCiC (Fujian Agricultural and Forestry University Conference of China’s iGEMers Community) and had a meet-up with team NUDT-China. We took advantage of their parts (sHRPN-dcas9 and sHRPC-dcas9) design of last year and tested the function of those parts. Their parts reduced our time spent on plasmid construction and improved our efficiency in signal transformation (from the target DNA concentration to luminescence). Besides, they gave us suggestions in the improvements of our split T7 report system and the design of our kit. Also, their team is very interested in our split T7 system, certifies the potential of it, and connects this system to their frontier studies. In general, we had an exchange in material and a pleasant communication with team NUDT-China. Collaboration with SDU-China Since our team members come from all parts of China, it is difficult for our team to make progression for our experiments in schooldays due to the distance. Team SDU-China shares the laboratory with one team member living in the same city and facilitates the experimental progress. By sharing the laboratory with SDU-China, our team transforms the plasmid sHRPN-dcas9 and sHRPC-dcas9 into competent cell DH5α, cultures the bacteria, and harvests the plasmid of larger amount. Also, we exchanged our ideas about some potential improvements in each other’s project and design.