Team:LIKA-CESAR-Brasil

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 12: Line 12:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
-
    <link href="https://dl.dropbox.com/s/3g6ibzuen1skq16/lika.css" rel="stylesheet">
+
<style type="text/css">
-
    <link href="https://dl.dropbox.com/s/3g6ibzuen1skq16/lika.css" rel="stylesheet">
+
body {
 +
font-size:12px;
 +
color:#111;
 +
height:100%;
 +
background:#ededed;
 +
/*min-width: 1326px;*/
 +
}
 +
.container {
 +
width:80%;
 +
background: rgb(255,255,255); /* Old browsers */
 +
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
 +
}
 +
 
 +
.navbar-brand {
 +
padding: 5px;
 +
}
 +
.col-md-10  {
 +
width:100%;
 +
padding: 20px 70px 20px 50px;
 +
min-height:200px;
 +
padding-bottom:50px;
 +
}
 +
.col-md-4 {
 +
padding-bottom:50px;
 +
}
 +
.navbar-inverse {
 +
    background-color: #ededed;
 +
border-color: #ededed;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.nav > li > a {
 +
    display: block;
 +
    padding: 25px 15px;
 +
    position: relative;
 +
}
 +
.menu{
 +
color:black;
 +
z-index:999;
 +
position:relative;
 +
float:right;
 +
margin:auto;
 +
}
 +
 
 +
.videohome{
 +
background:#ededed;
 +
}
 +
.menu ul{
 +
margin:0 auto;
 +
}
 +
.jumbotron {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:40px;
 +
}
 +
.jumbotron02 {
 +
background:url("https://static.igem.org/mediawiki/2014/5/52/Banner_top02.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronSafety {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronParts {
 +
background:url("https://static.igem.org/mediawiki/2014/b/be/Banner_top04.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:231px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronHuman {
 +
background:url("https://static.igem.org/mediawiki/2014/1/12/Banner_top05.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:231px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronProject {
 +
background:url("https://static.igem.org/mediawiki/2014/b/be/Banner_top04.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:231px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronAdvisors {
 +
background:url("https://static.igem.org/mediawiki/2014/3/3b/Banner_top03.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:231px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
 
 +
.igem-logo{
 +
    background:url("https://static.igem.org/mediawiki/2014/4/4e/Banner_top_03.png") ;
 +
    background-color:transparent;
 +
    width: 50px;
 +
    height:50px;
 +
    z-index: 99;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
/*
 +
.navbar .container {
 +
min-width: 1322px;
 +
    z-index: 9999;
 +
}
 +
*/
 +
 
 +
h2 {
 +
font-size: 26px;
 +
color:#339900;
 +
}
 +
.videocapa{
 +
width:35%;
 +
float:right;
 +
min-height:300px;
 +
margin-top:10px;
 +
}
 +
p {
 +
font-size: 12px;
 +
color:#444;
 +
}
 +
footer {
 +
background:#b8b8b8;
 +
width:100%;
 +
padding: 50px;
 +
  clear:both;
 +
position: relative;
 +
bottom:0;
 +
border-top: solid 8px #8cff00;
 +
}
 +
footer p {
 +
margin:auto;
 +
padding-top:10px;
 +
text-align:center;
 +
width:50%;
 +
color:#006600;
 +
}
 +
.firstHeading {
 +
display:none;
 +
}
 +
table{
 +
color:#888;
 +
font-size:16px;
 +
border: solid 1px #ccc;
 +
}
 +
h1 {
 +
font-size: 26px;
 +
color:#339900;
 +
}
 +
h2 {
 +
font-size: 22px;
 +
color:#339900;
 +
}
 +
h3 {
 +
font-size: 18px;
 +
color:#339900;
 +
}
 +
h4 {
 +
font-size: 16px;
 +
color:#339900;
 +
}
 +
 
 +
.listHorizontal{
 +
    list-style: none;
 +
    display:inline-block;
 +
    margin-left: 0.3em;
 +
}
 +
 
 +
.listHorizontal li{
 +
    padding: 0px 5px 0px 5px;
 +
}
 +
 
 +
div#globalWrapper {
 +
position: relative;
 +
font-size: 100%;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
</style>
</head>
</head>
Line 34: Line 265:
             <ul class="nav navbar-nav">
             <ul class="nav navbar-nav">
-
         <li><a href="index.html">HOME</a></li>
+
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li>
               <li class="dropdown">
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
Line 70: Line 301:
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Atribuitons">ATRIBUITIONS</a></li>
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Atribuitons">ATRIBUITIONS</a></li>
 +
        <li class="igem-logo"><a href="https://2014.igem.org/"></a></li>
             </ul>
             </ul>
           </div><!--/.nav-collapse -->
           </div><!--/.nav-collapse -->
Line 76: Line 308:
     </div>
     </div>
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <!-- Main jumbotron for a primary marketing message or call to action -->
 +
    <div class="igem-logo"></div>
     <div class="jumbotron"></div>
     <div class="jumbotron"></div>
     <div class="container">
     <div class="container">
       <!-- Example row of columns -->
       <!-- Example row of columns -->
       <div class="row">
       <div class="row">
-
         <div class="col-md-10">
+
         <div class="col-md-10 videohome">
           <div style="width:60%; float:left">
           <div style="width:60%; float:left">
         <h2>Synthetic Biology and Robotics - The Integration that can Save Lives</h2>
         <h2>Synthetic Biology and Robotics - The Integration that can Save Lives</h2>
Line 86: Line 319:
         <p>For this our team, created the Coli Alert for the BreastBotSensor.  This system is one robot to DNA/RNA extraction coupled by an electrochemical biosensor and linked to one quality control, the ColiAlert, responsible to confirm the process of nucleic acid extraction.</p>
         <p>For this our team, created the Coli Alert for the BreastBotSensor.  This system is one robot to DNA/RNA extraction coupled by an electrochemical biosensor and linked to one quality control, the ColiAlert, responsible to confirm the process of nucleic acid extraction.</p>
         <p>The team believes that the best way to solve problems is joining technologies. For this, we think that synthetic biology should go hand in hand with robotics and information technology. Then our project was to join the synthetic biology with the robots, aiming to fight against to the one of biggest health problems: The Breast Cancer.</p>
         <p>The team believes that the best way to solve problems is joining technologies. For this, we think that synthetic biology should go hand in hand with robotics and information technology. Then our project was to join the synthetic biology with the robots, aiming to fight against to the one of biggest health problems: The Breast Cancer.</p>
-
</div>
+
</div>
-
        <iframe class="videocapa"
+
<div class="videocapa">
-
          src="http://www.youtube.com/embed/hNmoEvCqs7U">
+
        <video width="320" height="240" controls>         
-
        </iframe>
+
                            <source src="https://static.igem.org/mediawiki/2014/5/5b/CESAR_%26_LIKA_-_Against_breast_cancer.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
                        </video>
</div>
</div>

Latest revision as of 02:45, 18 October 2014

LIKA | CESAR

Synthetic Biology and Robotics - The Integration that can Save Lives

The LIKA-CESAR BRASIL proposes the development of a biosensor for the detection of breast cancer with the help of synthetic biology and robotics. The idea was to build a robotic system linked to genetic engineering capable of processing and prepare small samples of blood in an automated manner.

For this our team, created the Coli Alert for the BreastBotSensor. This system is one robot to DNA/RNA extraction coupled by an electrochemical biosensor and linked to one quality control, the ColiAlert, responsible to confirm the process of nucleic acid extraction.

The team believes that the best way to solve problems is joining technologies. For this, we think that synthetic biology should go hand in hand with robotics and information technology. Then our project was to join the synthetic biology with the robots, aiming to fight against to the one of biggest health problems: The Breast Cancer.

Bot

The bot was built by Team LIKA-CESAR-Brasil. It is a robot responsible for automating the extraction of nucleic acids from blood. Most of the pieces were created from a 3D printer to cheapen the system. It consists of a eletric syringe, a robotic arm and a centrifuge together to perform the entire procedure. Nucleic acids extracted by Bot, will be sent for analysis in BreastSensor.

ColiAlert

The team also made an alert system of cell lysis called ColiAlert . This system was created to be the quality control of Bot. It is a genetically engineered bacteria able to alert the process of cell lysis by color change. Under normal conditions the ColiAlert is pink, but after cell lysis, it becomes yellow. After going through this system of quality control, the sample is ready to proceed to BreastSensor.

BreastSensor

To finalize the project, the team created the BreastSensot. It is an electrochemical DNA biosensor capable of recognizing a biomarker for breast cancer. This biomarker is a which has a high expression in the early stage of this type of cancer.The biosensor constructed has the ability to perform an early diagnosis of a patient with breast cancer.

Marca LIKA Marca CESAR

Retrieved from "http://2014.igem.org/Team:LIKA-CESAR-Brasil"