Team:LIKA-CESAR-Brasil

From 2014.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html lang="pt-br">
<html lang="pt-br">
   <head>
   <head>
Line 12: Line 11:
     <title>LIKA | CESAR</title>
     <title>LIKA | CESAR</title>
-
    <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://cdn.rawgit.com/hamorim/igem_style/d8db142f43c108b3beeae5a8f322f82919f712b9/lika.css" rel="stylesheet">
+
<style type="text/css">
 +
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;
 +
}
-
  </head>
+
.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>
   <body>
   <body>
Line 31: Line 260:
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
           </button>
-
       <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
+
       <a class="navbar-brand" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
         </div>
         </div>
       <div class="navbar-collapse collapse menu">
       <div class="navbar-collapse collapse menu">
             <ul class="nav navbar-nav">
             <ul class="nav navbar-nav">
-
         <li class="active"><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>
                 <ul class="dropdown-menu" role="menu">
                 <ul class="dropdown-menu" role="menu">
-
                   <li><a href="partnerships.html">Partnerships</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li>
-
                   <li><a href="teamprofile.html">Official Team Profile</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TeamProfile">Official Team Profile</a></li>
-
                   <li><a href="advisors.html">Advisors</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li>
         </ul>
         </ul>
               </li>
               </li>
Line 48: Line 277:
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
                 <ul class="dropdown-menu" role="menu">
-
                   <li><a href="overview.html">Overview</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Overview">Overview</a></li>
-
                   <li><a href="robot.html">Robot</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</a></li>
-
                   <li><a href="colialert.html">ColiAlert</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ColiAlert">ColiAlert</a></li>
           <li><a href="biosensor.html">Biosensor</a></li>
           <li><a href="biosensor.html">Biosensor</a></li>
               </ul>
               </ul>
Line 57: Line 286:
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
                 <ul class="dropdown-menu" role="menu">
-
                   <li><a href="biobricks.html">Biobricks</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li>
-
                   <li><a href="notebook.html">Notebook</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li>
                 </ul>
                 </ul>
-
               </li>
+
               </li>      
-
        <li class="dropdown">
+
        <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
                 <ul class="dropdown-menu" role="menu">
-
                   <li><a href="lectures.html">Lectures</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</a></li>
-
                   <li><a href="society.html">Survey and Society Interaction</a></li>
+
                   <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Society">Survey and Society Interaction</a></li>
 +
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/MeetUp ">Meet Up</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/SocialImpact">Social Impact</a></li>
                 </ul>
                 </ul>
               </li>
               </li>
-
         <li><a href="safety.html">SAFETY</a></li>
+
         <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
-
         <li><a href="atribuitions.html">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>
           <div class="col-md-4">
           <div class="col-md-4">
           <h2>Bot</h2>
           <h2>Bot</h2>
-
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
           <p>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.</p>
           </div>
           </div>
         <div class="col-md-4">
         <div class="col-md-4">
           <h2>ColiAlert</h2>
           <h2>ColiAlert</h2>
-
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
           <p>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.</p>
           </div>
           </div>
         <div class="col-md-4">
         <div class="col-md-4">
           <h2>BreastSensor</h2>
           <h2>BreastSensor</h2>
-
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+
           <p>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.</p>
           </div>
           </div>
-
 
+
  <footer>
-
          <footer>
+
<a href="http://www.ufpe.br/lika/"><img src="https://static.igem.org/mediawiki/2014/2/2f/Img_logolika.png" alt="Marca LIKA"></a>
-
<p><a href="http://www.cesar.org.br/site/">C.E.S.A.R</a> | Rua Bione, 220 Cais do Apolo Bairro do Recife. CEP 50.030-390, Recife - Pernambuco - Brasil</p>
+
<a href="http://www.cesar.org.br"><img src="https://static.igem.org/mediawiki/2014/d/d7/Img_logocesar.png" alt="Marca CESAR"></a>
-
</footer>
+
</footer>
       </div>
       </div>
         </div> <!-- /container -->
         </div> <!-- /container -->

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"