Difference between revisions of "Team:Tec-Monterrey/HP/Silver"

 
(8 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
  
Line 8: Line 7:
 
     <title>iGEM 2016 - Tec de Monterrey</title>
 
     <title>iGEM 2016 - Tec de Monterrey</title>
 
     <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?action=raw&ctype=text/css" rel="stylesheet">
+
    <link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2016.igem.org/Template:Tec-Monterrey/css/styleSafety?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2016.igem.org/Template:Tec-Monterrey/css/hpstyle?action=raw&ctype=text/css" rel="stylesheet">
 
</head>
 
</head>
  
 
<body>
 
<body>
     <!--NAVBAR-->
+
     <!-- -- -- -- Begining of NAVBAR -- -- -- -->
 
     <div class="navbar navbar-default navbar-fixed-top" role="navigation">
 
     <div class="navbar navbar-default navbar-fixed-top" role="navigation">
 
         <div class="container">
 
         <div class="container">
 
             <div class="navbar-header">
 
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle nav</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
                    <span class="sr-only">Toggle nav</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 
                 <div class="navbar-collapse collapse">
 
                 <div class="navbar-collapse collapse">
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
Line 31: Line 37:
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Description">Project</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Description">Project</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Model">Modeling</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Model">Modeling</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Entrepreneurship">Business Model</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Entrepreneurship">Business</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 38: Line 44:
 
                             <p>Human Practice</p>
 
                             <p>Human Practice</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Human_Practices">Human Practice</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Human_Practices">Human Practice</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Silver">Silver</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Silver">Silver</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Gold">Gold</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Gold">Gold</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Integrated_Practices">Integrated Practice</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Integrated_Practices">Integrated Practice</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Engagement">Engagement</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Engagement">Engagement</a></li>
                               
+
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 54: Line 59:
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Notebook">Notebook</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Notebook">Notebook</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Experiments">Protocols</a></li>
 
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Experiments">Protocols</a></li>
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li>
+
                                <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li>
                               
+
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
<li class="dropdown">
+
                        <li class="dropdown">
 
                             <p>Achievements</p>
 
                             <p>Achievements</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
Line 65: Line 69:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                     </ul> <a href="https://2016.igem.org/Team:Tec-Monterrey"> <img src="https://static.igem.org/mediawiki/2016/1/13/T--Tec-Monterrey--iGEMTecdeMty-negativo.png"></a></div>
+
                     </ul>
 +
                    <a href="https://2016.igem.org/Team:Tec-Monterrey">
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/46/T--Tec-Monterrey--iGEMTec-Mtynegativo.png">
 +
                    </a>
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <div class="container-fluid" id="main-container">
+
     <!-- -- -- -- End of NAVBAR -- -- -- -->
        <div id="cover">
+
<div class="container-fluid" id="titleBanner"> <img data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)" id="iGem" src="https://static.igem.org/mediawiki/2016/7/7a/T--Tec-Monterrey--2016_HPsilver_Title.png" width="514" height:"182" class="img-responsive"> </div>
            <div class="vertical-center" id="index-cover-img-parent" data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)"> <img data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)" id="iGem" src="https://static.igem.org/mediawiki/2016/e/ee/T--Tec-Monterrey--iGEM.png" class="img-responsive"> </div>
+
    <br> <a href="#" class="back-to-top">Back to Top</a> <a href="#" class="back-to-top">Back to Top</a>
        </div>
+
    </div>
+
    <!-- <div class="container-fluid" id="sponsors">
+
        <br>
+
        <div clas="row">
+
            <div class="text-center">
+
                <div class="col-xs-12 col-sm-6 col-lg-3">
+
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--femsa.png"></div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-3">
+
                    <br/>
+
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--GenScript.png"></div>
+
                    <br/> </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-3">
+
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--Medicina.png"></div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-3">
+
                    <br>
+
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--IDT.png"></div>
+
                    <br> </div>
+
            </div>
+
        </div>
+
        <div class="row">
+
            <div class="col-xs-2"></div>
+
            <div class="col-xs-2"></div>
+
            <div class="col-xs-4"></div>
+
            <div class="col-xs-2"></div>
+
            <div class="col-xs-2"></div>
+
        </div>
+
        <br> </div> -->
+
    <br>
+
    <br>
+
    <br>
+
 
     <div class="container">
 
     <div class="container">
        <div class="jumbotron" style="background-color:inherit;">
 
            <div class="row">
 
                <div class="text-center">
 
                    <h1>WELCOME</h1></div>
 
            </div>
 
            <div class="row">
 
                <div id="hr_line" class="col-xs-offset-1 col-xs-10">
 
                    <hr> </div>
 
            </div>
 
        </div>
 
        <br>
 
        <br>
 
 
         <div class="row">
 
         <div class="row">
            <div class="col-sm-12 col-md-8">
+
 
                 <video id="main-video" src="https://static.igem.org/mediawiki/2016/d/d8/T--Tec-Monterrey--explainvideo1.mov" controls="controls"> </video>
+
<p>Since the beginning of our project, reflecting upon the grim landscape we had to witness when looking out of our windows, we understood that something had to be done. We understood that we couldn’t allow the city where we grew up and will grow old be consumed by corruption, slime, and worst of all, ignorance. As bioengineers, we cannot stay inside a small bubble that is our laboratory and ignore all the cries for help from the outside world. What we needed to do was listen and reach out to those cries. If we cooperated with our community, and in turn they cooperated with us, the cobblestone streets, the river flowing through our city, and the paths along the mountains will preserve the ghosts of memories that every citizen unveiled.</p>
            </div>
+
 
            <div class="col-sm-12 col-md-4">
+
<p>What started just as small talk with every Uber driver in our city, random people on the streets, friends, and families about synthetic biology and the beginnings of our project, we became fully aware that genetic engineering is an unknown and chilling concept to most. This gave us the incentive to address this issue, not only in the context of our project, but also about molecular biology as a whole. We wanted to inform as many people as possible, through every communication space available. We discussed about the problematics of electronic waste our city faces with professionals directly involved in it. We attended Callejero, an outdoors community event where streets are closed down. We created radio spots and appeared on the newspaper. We made polls, where we found out that 90% of the people we surveyed had a college education or higher, but only less than 10% of them properly recycle their electronic waste. These conversations and data only highlights the significance of the Human Practices of our project, and the need for a greater intervention on the issue. Therefore, it was imperative that we take action and create more awareness of this looming threat of electronic waste.</p>
                 <div class="row">
+
 
                    <div class="col-xs-12">
+
<p>
                        <h3 id="our_project">OUR PROJECT</h3> </div>
+
If you want to read more about the events that fulfill the gold medal requirements, don’t be a shy judge and take a look:
                </div>
+
</p>
                <div class="row">
+
 
                    <div class="col-xs-12" style="text-align: justify;">
+
<ul>
                        <p>Our project consists of lorem ipsum dolor sit amet, consectetur adipisicing elit. Est dolore, saepe, quae eligendi mollitia, eius sequi similique cupiditate earum maiores aliquam. Rerum ex sunt illo, atque nulla esse reiciendis, ipsam, quo eum consequatur magni incidunt beatae dolore magnam obcaecati laboriosam eligendi ab sequi deserunt vero. Quis temporibus reprehenderit possimus sed odio, nihil aliquid. Nulla optio esse temporibus maxime, amet praesentium quam obcaecati eum reprehenderit fugiat voluptas quos ducimus ipsum illum dolorum repudiandae ex, modi nostrum blanditiis numquam cumque. Perspiciatis quibusdam nisi rem repellendus itaque, consequuntur, obcaecati repudiandae, nobis minus quas sapiente. Placeat nulla sed eum modi labore voluptatem dicta, perferendis!</p>
+
                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/SpdpCallejero
                    </div>
+
">San Pedro de Pinta & Callejero </a></li>
                </div>
+
                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Surveys">Poll Results</a></li>
                <div class="row">
+
          <li><a href="https://2016.igem.org/Team:Tec-Monterrey/RadioPanorama">Radio Spots and Panorama Newspaper</a></li>
                    <div class="col-xs-12"><a href="#" id="main_index_see_more">See more...</a></div>
+
              <li><a href="https://2016.igem.org/Team:Tec-Monterrey/LabVisitors">Visitors to the Laboratory</a></li>
                </div>
+
  </ul>
             </div>
+
              
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
  <br>
 
     <br>
 
     <br>
 
     <br>
 
     <br>
Line 143: Line 107:
 
     <br>
 
     <br>
 
     <br>
 
     <br>
    <br>
+
<div class="container">
    <div class="container-fluid" id="footer">
+
         <div class="row"> <img style="width:100%;" src="https://static.igem.org/mediawiki/2016/d/da/T--Tec-Monterrey--Sponsors.png"> </div>
        <br>
+
</div>
         <div class="row">
+
 
            <div class="col-xs-6" id="footer-right-border">
+
    <div class='container-fluid' >
                <div class="text-center">
+
        <div class="row" style="height:80px; background-color:grey; color:white" align=center>
                    <div class="row">
+
<br>
                        <h4>Links out</h4></div>
+
            <a href="https://www.facebook.com/IgemTecMonterrey"><img src="https://static.igem.org/mediawiki/2016/5/56/T--Tec-Monterrey--fb.png" style="height:36px; width:36px"></a>
                </div>
+
             <a href="https://twitter.com/iGEMTecMty"><img src="https://static.igem.org/mediawiki/2016/b/bb/T--Tec-Monterrey--twitter.png" style="height:36px; width:36px"></a>
                <div class="row">
+
            <p style="text-align:center;"><b>Brought to you by iGEM Tec-Monterrey 2016</b></p>
                    <br>
+
                    <br>
+
                    <br> </div>
+
            </div>
+
             <div class="col-xs-6">
+
                <div class="text-center">
+
                    <div class="row">
+
                        <h4>Contact</h4></div>
+
                </div>
+
                <div class="row">
+
                    <br>
+
                    <br>
+
                    <br> </div>
+
            </div>
+
 
         </div>
 
         </div>
        <br> </div>
+
    </div>
 
     <!--END OF NAVBAR-->
 
     <!--END OF NAVBAR-->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Line 175: Line 125:
 
     <script src="https://2016.igem.org/Template:Tec-Monterrey/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:Tec-Monterrey/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:Tec-Monterrey/js/scripts?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2016.igem.org/Template:Tec-Monterrey/js/scripts?action=raw&ctype=text/javascript"></script>
     <script>
+
<script src="https://2016.igem.org/Template:Tec-Monterrey/js/return?action=raw&ctype=text/javascript"></script>
         var s = skrollr.init();
+
<script src="https://2016.igem.org/Template:Tec-Monterrey/js/navtabs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2016.igem.org/Team:Tec-Monterrey/js/wow?action=raw&ctype=text/javascript"></script>
 +
     <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
<script>
 +
         new WOW().init();
 +
    </script>
 +
<script>
 +
        $(document).ready(function () {
 +
            $('[data-toggle="popover"]').popover();
 +
        });
 
     </script>
 
     </script>
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 19:20, 2 December 2016

iGEM 2016 - Tec de Monterrey


Back to Top Back to Top

Since the beginning of our project, reflecting upon the grim landscape we had to witness when looking out of our windows, we understood that something had to be done. We understood that we couldn’t allow the city where we grew up and will grow old be consumed by corruption, slime, and worst of all, ignorance. As bioengineers, we cannot stay inside a small bubble that is our laboratory and ignore all the cries for help from the outside world. What we needed to do was listen and reach out to those cries. If we cooperated with our community, and in turn they cooperated with us, the cobblestone streets, the river flowing through our city, and the paths along the mountains will preserve the ghosts of memories that every citizen unveiled.

What started just as small talk with every Uber driver in our city, random people on the streets, friends, and families about synthetic biology and the beginnings of our project, we became fully aware that genetic engineering is an unknown and chilling concept to most. This gave us the incentive to address this issue, not only in the context of our project, but also about molecular biology as a whole. We wanted to inform as many people as possible, through every communication space available. We discussed about the problematics of electronic waste our city faces with professionals directly involved in it. We attended Callejero, an outdoors community event where streets are closed down. We created radio spots and appeared on the newspaper. We made polls, where we found out that 90% of the people we surveyed had a college education or higher, but only less than 10% of them properly recycle their electronic waste. These conversations and data only highlights the significance of the Human Practices of our project, and the need for a greater intervention on the issue. Therefore, it was imperative that we take action and create more awareness of this looming threat of electronic waste.

If you want to read more about the events that fulfill the gold medal requirements, don’t be a shy judge and take a look:








Brought to you by iGEM Tec-Monterrey 2016