Team:LIKA-CESAR-Brasil
From 2014.igem.org
(24 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
+ | <html lang="pt-br"> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | <link rel="icon" href="favicon.ico"> | ||
+ | <title>LIKA | CESAR</title> | ||
- | < | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
<style type="text/css"> | <style type="text/css"> | ||
- | + | body { | |
- | + | font-size:12px; | |
- | + | color:#111; | |
+ | height:100%; | ||
+ | background:#ededed; | ||
+ | /*min-width: 1326px;*/ | ||
} | } | ||
- | + | .container { | |
- | color: | + | 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 */ | ||
} | } | ||
- | a:hover { | + | |
- | + | .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; | ||
} | } | ||
- | a: | + | .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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
+ | <body> | ||
- | < | + | <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> |
- | + | <div class="container"> | |
- | + | <header> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <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 class="navbar-collapse collapse menu"> | ||
+ | <ul class="nav navbar-nav"> | ||
- | <!-- | + | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li> |
- | < | + | <li class="dropdown"> |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a> | |
- | + | <ul class="dropdown-menu" role="menu"> | |
- | + | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li> | |
- | </ | + | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TeamProfile">Official Team Profile</a></li> |
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Overview">Overview</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</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> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</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> | ||
+ | </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 class="igem-logo"><a href="https://2014.igem.org/"></a></li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </header> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Main jumbotron for a primary marketing message or call to action --> | ||
+ | <div class="igem-logo"></div> | ||
+ | <div class="jumbotron"></div> | ||
+ | <div class="container"> | ||
+ | <!-- Example row of columns --> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-10 videohome"> | ||
+ | <div style="width:60%; float:left"> | ||
+ | <h2>Synthetic Biology and Robotics - The Integration that can Save Lives</h2> | ||
+ | <p>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.</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> | ||
+ | </div> | ||
+ | <div class="videocapa"> | ||
+ | <video width="320" height="240" controls> | ||
+ | <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 class="col-md-4"> |
- | < | + | <h2>Bot</h2> |
- | <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 class="col-md-4"> | |
- | + | <h2>ColiAlert</h2> | |
- | + | <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 class="col-md-4"> |
- | </ | + | <h2>BreastSensor</h2> |
+ | <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> | ||
+ | <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> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> <!-- /container --> | ||
- | < | + | <!-- Bootstrap core JavaScript |
- | < | + | ================================================== --> |
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
- | + | </body> | |
- | </ | + | </html> |
- | </ | + |
Latest revision as of 02:45, 18 October 2014
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.