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

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-->
 
 
     <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">
Line 58: Line 58:
 
                             </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 69: Line 69:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
    <div class="container-fluid" id="main-container">
+
<div class="container-fluid" id="titleBanner"> <img data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)" id="iGem" src="../assets/Titulo_TeamMembers.png" class="img-responsive"> </div>
        <div id="cover">
+
     <br> <a href="#" class="back-to-top">Back to Top</a> <a href="#" class="back-to-top">Back to Top</a>
            <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>
+
        </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 commencement of our project, reflecting upon the grim landscape we had to witness when looking out 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>
+
    <br>
+
 
     <div class="container-fluid" id="footer">
 
     <div class="container-fluid" id="footer">
 
         <br>
 
         <br>
Line 175: Line 124:
 
     <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>

Revision as of 03:18, 20 October 2016

iGEM 2016 - Tec de Monterrey


Back to Top Back to Top

Since the commencement of our project, reflecting upon the grim landscape we had to witness when looking out 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: