Team:UFMG Brazil

From 2014.igem.org

(Difference between revisions)
 
(71 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{UFMG_Brazil/css}}
 +
{{Danzi_Kesh_8_css}}
 +
<html class=" desktop landscape" lang="en">
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-
<title>Igem UFMG Brazil</title>
+
    <title>Home UFMG Team</title>
-
<meta name="keywords" content="" />
+
    <meta charset="utf-8">
-
<meta name="description" content="" />
+
    <meta name="format-detection" content="telephone=no">
-
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
+
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
-
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
+
    <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/grid.css&action=raw&ctype=text/css">
-
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
+
    <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/style.css&action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/font-awesome.css&action=raw&ctype=text/css" >   
 +
    <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/owl.carousel.css&action=raw&ctype=text/css" >
 +
    <!--[if lt IE 9]>
 +
        <div style=' clear: both; text-align:center; position: relative;'>
 +
            <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
 +
            <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
 +
            </a>
 +
        </div>
 +
        <script src="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/html5shiv.js&action=raw&ctype=text/javascript"></script>
 +
        <link rel="stylesheet" type="text/css" media="screen" href="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/ie.css&action=raw&ctype=text/css">
 +
    <![endif]-->
 +
    <script>
 +
      document.getElementById('top-section').style.height = '10px';
 +
      var left_menu = document.querySelectorAll(".left-menu");
 +
      for (var i = 0, length = left_menu.length; i < length; i++) {
 +
        left_menu[i].style.display = 'none';
 +
      }
 +
      var right_menu = document.querySelectorAll(".right-menu");
 +
      for (var i = 0, length = right_menu.length; i < length; i++) {
 +
        right_menu[i].style.display = 'none';
 +
      }
 +
    </script>
 +
</head>
-
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
+
<body id="top" class="main_page">
-
</head>
+
    <!--========================================================
-
<body>
+
                            HEADER
-
<div id="header-wrapper">
+
    =========================================================-->
-
<div id="header" class="container">
+
<header id="header" class="header">
-
<div id="logo">
+
    <div class="banner">
-
<img src="https://static.igem.org/mediawiki/2014/7/77/Logooverlay.png" alt="Logo"/>
+
      <div id="stuck_container">
-
<h1><a href="#">The Colon Yeast</a></h1>
+
          <nav>
-
<!--<span>Template Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a></span> --></div>
+
              <div class="container">
-
<div id="menu">
+
                  <div class="row">
-
<ul>
+
                      <div class="grid_12">
-
<li class="current_page_item"><a href="#" accesskey="1" title="">Home</a></li>
+
                            <ul class="sf-menu">
-
<li><a href="#" accesskey="2" title="">Safety</a></li>
+
                                <li class="current"><a href="https://2014.igem.org/Team:UFMG_Brazil">Home</a></li>
-
<li><a href="#" accesskey="3" title="">Project</a></li>
+
                                <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Team">Team</a></li>
-
<li><a href="#" accesskey="5" title="">Human Practices</a></li>
+
                                <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Safety">Safety</a></li>
-
<li><a href="#" accesskey="5" title="">About Us</a></li>
+
                                <li><a href="#">Project</a>
-
</ul>
+
                                    <ul style="display:none;">
-
</div>
+
                                        <li><a href="https://2014.igem.org/Team:UFMG Brazil/Project/Intro">Introduction</a></li>
-
</div>
+
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Parts">Parts</a></li>
-
</div>
+
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Protocols">Protocols and results</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Modelling">Modelling</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Policy">Policy and practices</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Notebook">Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li><a href="#">Thanks to</a>
 +
                                    <ul style="display:none;">
 +
                                      <li>
 +
                                        <a href="https://2014.igem.org/Team:UFMG_Brazil/sponsors">Sponsors</a>
 +
                                      </li>
 +
                                      <li>
 +
                                        <a href="https://2014.igem.org/Team:UFMG_Brazil/attributions">Attributions</a>
 +
                                      </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                  <div>
 +
                                    <div style="padding-top:5px; display:inline-block;"><a href="https://igem.org/"><img id="igemmenulogo" src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" alt=""></a></div>
 +
                                    <div style="padding-top:24px; display:inline-block;"><a href="#"><img id="topmenutoggle" src="https://static.igem.org/mediawiki/2014/5/5b/Onoff.png" alt="" style="cursor:pointer"></a></div>
 +
                                  </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                  </div>
 +
              </div>
 +
          </nav>
 +
      </div>
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="grid_12">
 +
                    <div class="unit" style="padding-top:20px; padding-bottom: 20px;">
 +
                      <div class="title1">- Team UFMG Brazil presents -</div>
 +
                    </div>
 +
                    <div class="slogan">How to stop a war<br>before it starts?</div>
 +
                    <div class="unit" style="padding-top:10px;">
 +
                      <div class="" style="padding-bottom:10px;"><img src="https://static.igem.org/mediawiki/2014/7/77/Logooverlay.png" alt=""></div>
 +
                      <div class="title1">Come closer and discover</div>
 +
                      <div class="title2" style="color: #eae6e3;">The Colon Yeast</div>
 +
                      <div>
 +
                          <p style="padding-top: 28px;">The hemiCherry in the (FAECAL) Cake</p>
 +
                          <img src="https://static.igem.org/mediawiki/2014/4/4b/Cherry1.png" alt="">
 +
                        </div>
 +
                      <!--
 +
                      <p><time datetime="2014-01-11">wednesday, may 28</time>
 +
                      &nbsp;|&nbsp;Winning Numbers:</p>
 +
                      <ul class="list">
 +
                          <li>19</li>
 +
                          <li>24</li>
 +
                          <li>45</li>
 +
                          <li>18</li>
 +
                          <li>36</li>
 +
                          <li>5</li>
 +
                      </ul>
 +
                      <div class="ticket">
 +
                          <a href="#">see current winning <br>ticket results</a>
 +
                      </div>
 +
                        -->
 +
                  </div>
 +
              </div>  
 +
          </div>   
 +
      </div>
 +
    </div>
 +
</header>
 +
<div class="clear"></div>
 +
         
 +
    <!--========================================================
 +
                            CONTENT
 +
  =========================================================-->
-
<div id="wrapper3">
 
-
<div id="portfolio" class="container">
 
-
<div class="title">
 
-
<h2>Team</h2>
 
-
<span class="byline"><a href='#' class="button button-big"> Meet us all! </a> </div>
 
-
<div class="column1">
 
-
<div class="box"><img src="https://static.igem.org/mediawiki/2014/4/41/Liza.jpg" alt="" class="image image-full" />
 
-
<h3>Liza Felicori</h3>
 
-
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
 
-
<a href="#" class="button button-small">Know More</a> </div>
 
-
</div>
 
-
<div class="column2">
 
-
<div class="box"><img src="images/scr02.jpg" alt="" class="image image-full" />
 
-
<h3>Praesent scelerisque</h3>
 
-
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
 
-
<a href="#" class="button button-small">Know More</a> </div>
 
-
</div>
 
-
<div class="column3">
 
-
<div class="box"><img src="https://static.igem.org/mediawiki/2014/3/35/Clara.jpg" alt="" class="image image-full" />
 
-
<h3>Clara Guerra</h3>
 
-
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
 
-
<a href="#" class="button button-small">Know More</a> </div>
 
-
</div>
 
-
<div class="column4">
 
-
<div class="box"><img src="https://static.igem.org/mediawiki/2014/9/93/Rodrigo.jpg" alt="" class="image image-full" />
 
-
<h3>Rodrigo</h3>
 
-
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
 
-
<a href="#" class="button button-small">Know More</a> </div>
 
-
</div>
 
-
</div>
 
 +
    <div id="content">
 +
        <div class="bg2 p29">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="grid_2 wrap"></div>
 +
                    <div class="grid_8 wrap">
 +
                        <div class="thumbnail">
 +
                            <h3>So, how to stop a war before it started?</h3>
 +
                            <br>
 +
                            <p style="text-transform: none;"><span>Colorectal cancer includes tumors affecting a segment of the large intestine (colon) and rectum. It is treatable and, in most cases, curable when detected early, before it hasn't spread to other organs. <br><br>However, the diagnosis requires a biopsy, made ​​by handset introduced via rectum. Noticeably, this procedure is highly invasive and often inhibits patients to submit to this practice, hampering the discovery of cancer at an early stage and thereby reducing the chances of effective treatment and cure. On our institution, a modified probiotic strain of Saccharomyces cerevisiae was isolated from local beverage.<br><br>Our objective is to introduce this strain as a new probiotic chassis on iGEM, and also to develop a gene circuit that allows it to detect one or more stool biomarkers for colorectal cancer on the intestine and report with a color change on the feces. We chose L-DNA (long DNA molecules) as biomarker, and designed a chimeric protein using TALE DNA-Binding Domains and a split version of mCherry.<br><br> This protein can detect certain repetitive sequences on DNA and emit red fluorescence, which when measured serve as proxy for the DNA size. Since RFP emission falls on the visible spectrum, it can also be used for staining the feces, allowing for a patient consuming the probiotic to become aware of the possibility of the developing problem just by checking on the color of their stool.</span></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
<!--
 +
        <div class="bg3">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="grid_4 wrap">
 +
                        <div class="image" style="left: -54px;">
 +
                            <img src="images/redyeast.png" alt="">
 +
                        </div>
 +
                    </div>
 +
                    <div class="grid_8 wrap">
 +
                        <div class="block">
 +
                            <h2>Believe in your win! <span>Good luck!</span></h2>
 +
                            <div class="grid_4 alpha">
 +
                                <a href="#" class="link1">How To Play</a>
 +
                                <p>Praesent vestibulum aenean nonummy hendrerit mauris. Hasellus porta. Fusce suscipit varius mi. Cum sociis atoque penatibus magnis dis parturient montes nascetur ridiculus mus.</p>
 +
                            </div>
 +
                            <div class="grid_4 omega">
 +
                                <ul class="links">
 +
                                    <li><a href="#" class="col1">for <br>players</a>
 +
                                    </li>
 +
                                    <li><a href="#" class="col2">for <br>retailers</a>
 +
                                    </li>
 +
                                    <li><a href="#" class="col3">message <br>center</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
      -->
-
</div>
+
 
-
<div id="wrapper1">
+
        <!--
-
<div id="welcome" class="container">
+
 
-
<div class="title">
+
        <div class="bg4 p47">
-
<h2>Welcome to our wiki</h2>
+
            <div class="container">
-
<span class="byline">How to stop a war before it started?</span> </div>
+
                <div class="row">
-
<div class="content">
+
                    <div class="grid_12">
-
<p>Colorectal cancer includes tumors affecting a segment of the large intestine (colon) and rectum. It is treatable and, in most cases, curable when detected early, before it hasn't spread to other organs. However, the diagnosis requires a biopsy, made ​​by handset introduced via rectum. Noticeably, this procedure is highly invasive and often inhibits patients to submit to this practice, hampering the discovery of cancer at an early stage and thereby reducing the chances of effective treatment and cure. On our institution, a modified probiotic strain of Saccharomyces cerevisiae was isolated from local beverage. Our objective is to introduce this strain as a new probiotic chassis on iGEM, and also to develop a gene circuit that allows it to detect one or more stool biomarkers for colorectal cancer on the intestine and report with a color change on the feces. We chose L-DNA (long DNA molecules) as biomarker, and designed a chimeric protein using TALE DNA-Binding Domains and a split version of mCherry. This protein can detect certain repetitive sequences on DNA and emit red fluorescence, which when measured serve as proxy for the DNA size. Since RFP emission falls on the visible spectrum, it can also be used for staining the feces, allowing for a patient consuming the probiotic to become aware of the possibility of the developing problem just by checking on the color of their stool. </p>
+
                        <h2>latest winners:</h2>
-
<a href="#" class="button">Know More</a> </div>
+
                    </div>
-
</div>
+
                </div>
-
<div id="wrapper4">
+
                <div class="row">
-
<div id="footer" class="container">
+
                    <div class="grid_12">
-
<div>
+
                      <div id="owl" class="owl-carousel">
-
<header class="title">
+
                          <div class="item">
-
<h2>Get in touch</h2>
+
                              <div class="thumb">
-
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </header>
+
                                  <img src="images/page1_img2.jpg" alt="">
-
<ul class="contact">
+
                                  <div class="caption">
-
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
+
                                      <a href="#" title="">Richard Clark</a>
-
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
+
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
-
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
+
                                  </div>
-
+
                              </div>
-
</ul>
+
                          </div>
-
</div>
+
                          <div class="item">
-
</div>
+
                              <div class="thumb">
-
</div>
+
                                  <img src="images/page1_img3.jpg" alt="">
-
<div id="footer">
+
                                  <div class="caption">
-
<p></a></p>
+
                                      <a href="#" title="">Tamara Smith</a>
-
</div>
+
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                          <div class="item">
 +
                              <div class="thumb">
 +
                                  <img src="images/page1_img4.jpg" alt="">
 +
                                  <div class="caption">
 +
                                      <a href="#" title="">Linda Nelson</a>
 +
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                          <div class="item">
 +
                              <div class="thumb">
 +
                                  <img src="images/page1_img5.jpg" alt="">
 +
                                  <div class="caption">
 +
                                      <a href="#" title="">George Johnson</a>
 +
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                          <div class="item">
 +
                              <div class="thumb">
 +
                                  <img src="images/page1_img2.jpg" alt="">
 +
                                  <div class="caption">
 +
                                      <a href="#" title="">Richard Clark</a>
 +
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                          <div class="item">
 +
                              <div class="thumb">
 +
                                  <img src="images/page1_img3.jpg" alt="">
 +
                                  <div class="caption">
 +
                                      <a href="#" title="">Tamara Smith</a>
 +
                                      <p>Won $1.000 <span>playing <br>$1000 overload</span></p>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                      </div>                 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
  -->
 +
 
 +
        <div class="bg4 p35">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="grid_12 wrap">
 +
                        <h4>We are from Brazil!</h4>
 +
                        <p>aaa aaa</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--========================================================
 +
                            FOOTER
 +
  =========================================================-->
 +
 
 +
  <footer id="footer">
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="grid_12">
 +
                  <a class="logo1" href="https://2014.igem.org/Team:UFMG_Brazil">
 +
                    <img src="https://static.igem.org/mediawiki/2014/8/84/Yeastlogo_small_gray.png" alt="">
 +
                  </a>
 +
                  <div class="copy">
 +
                      <span>&nbsp;&copy;</span>
 +
                      <span id="copyright-year"></span>
 +
                      <span>|</span>
 +
                      <span><a href="https://2014.igem.org/Team:UFMG_Brazil">Team UFMG Brazil</a></span>
 +
                  </div>
 +
              </div>      
 +
          </div>
 +
      </div>
 +
  </footer>
 +
 
 +
    <script src="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/jquery.js&action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/jquery-migrate-1.2.1.js&action=raw&ctype=text/javascript
 +
"></script>
 +
    <script src="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/owl.carousel.js&action=raw&ctype=text/javascript
 +
"></script>     
 +
    <script src="https://2014.igem.org/wiki/index.php?title=Template:UFMG_Brazil/script.js&action=raw&ctype=text/javascript
 +
"></script>
 +
 
 +
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
 +
    <script>
 +
        $(document).ready(function() {
 +
            $("#owl").owlCarousel({
 +
                items: 4,
 +
                itemsDesktop: [1299, 4],
 +
                itemsTablet: [995, 3],
 +
                itemsTabletSmall: [767, 1],
 +
                itemsMobile: [479, 1],
 +
                lazyLoad: true,
 +
                pagination: false,
 +
                navigation: true
 +
            });
 +
        });
 +
        $( document ).ready(function() {
 +
          $('#topmenutoggle').click(function(){
 +
            toggleMenu();
 +
          });
 +
        });
 +
        function toggleMenu(){
 +
          if($('#top-section').css("height") == "25px"){
 +
              $('#top-section').css("height", "10px");
 +
              $('.left-menu').hide();
 +
              $('.right-menu').hide();
 +
          }
 +
          else{
 +
              $('#top-section').css("height", "25px");
 +
              $('.left-menu').show();
 +
              $('.right-menu').show();
 +
          }
 +
        }
 +
    </script>
 +
 
 +
    <a style="margin-right: -49px; right: 50%; display: none;" href="#" id="toTop" class="fa fa-chevron-up"></a>
</body>
</body>
 +
</html>
</html>

Latest revision as of 17:44, 14 June 2015

Home UFMG Team

So, how to stop a war before it started?


Colorectal cancer includes tumors affecting a segment of the large intestine (colon) and rectum. It is treatable and, in most cases, curable when detected early, before it hasn't spread to other organs.

However, the diagnosis requires a biopsy, made ​​by handset introduced via rectum. Noticeably, this procedure is highly invasive and often inhibits patients to submit to this practice, hampering the discovery of cancer at an early stage and thereby reducing the chances of effective treatment and cure. On our institution, a modified probiotic strain of Saccharomyces cerevisiae was isolated from local beverage.

Our objective is to introduce this strain as a new probiotic chassis on iGEM, and also to develop a gene circuit that allows it to detect one or more stool biomarkers for colorectal cancer on the intestine and report with a color change on the feces. We chose L-DNA (long DNA molecules) as biomarker, and designed a chimeric protein using TALE DNA-Binding Domains and a split version of mCherry.

This protein can detect certain repetitive sequences on DNA and emit red fluorescence, which when measured serve as proxy for the DNA size. Since RFP emission falls on the visible spectrum, it can also be used for staining the feces, allowing for a patient consuming the probiotic to become aware of the possibility of the developing problem just by checking on the color of their stool.

We are from Brazil!

aaa aaa