Difference between revisions of "Team:GenetiX Tec CCM/Collaborations"

(Prototype team page)
 
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{GenetiX_Tec_CCM}}
 
 
<html>
 
<html>
 +
  <head>
 +
      <meta charset="utf-8">
 +
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
          <meta name="viewport" content="width=device-width, initial-scale=1">
 +
          <title>iGem Tec CCM</title>
 +
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 +
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
          <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
 +
  </head>
 +
<script>
 +
    function close() {
 +
        if(document.getElementById('benefits').style.display=='block') {
 +
          document.getElementById('benefits').style.display='none';
 +
        }
 +
    } 
 +
</script>
 +
<script>
 +
  function show() {
 +
    if(document.getElementById('benefits').style.display=='none') {
 +
      document.getElementById('benefits').style.display='block';
 +
    }
 +
  }
 +
  </script>
  
−
<h2> Collaborations</h2>
+
<style type="text/css"> /* Used in page */
 +
  body { background-color: #fff; }
 +
  ul{list-style: none; list-style-type: none;}
 +
  li{list-style: none; list-style-type: none;}
 +
  h1{display: none;}
 +
  #pall{
 +
        color: #202020;
 +
        font-size: 20px;
 +
        font-weight: normal;
 +
        margin-bottom: 10px;
 +
        text-align:left;
 +
  }
 +
  #globalWrapper, #content{
 +
        background-color: transparent;
 +
        border: 0px;
 +
        margin:0px;
 +
        padding: 0px;
 +
        width:100%;
 +
      }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  .menu {
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 10;
 +
    font-size: 28px;
 +
    float: top;
 +
    color: black;
 +
    margin-top: 20px;
 +
  }
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 97%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 16px;
 +
  }
 +
  .navContainer li{
 +
    margin-top: 10px;
 +
  }
 +
  .navContainer li ul {
 +
          display: none;
 +
          padding-top:10px;
 +
          margin-left: -19px;
 +
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
    background: #fff;
 +
  }
 +
  #topbar {
 +
    background: #fff;
 +
    padding: 10px 0 10px 0;
 +
    text-align: center;
 +
    height: 100px;
 +
    color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 +
  }
 +
  #topbar a {
 +
    color: #fff;
 +
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    font-weight: bold;
 +
  }
 +
  #tophiddenbar {
 +
    font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 +
  }
 +
  #tophiddenbar a {
 +
    color: black;
 +
    font-size: 0.5em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 +
  }
 +
  #tophiddenbar a:hover { opacity: 1; }
 +
  .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 100px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:200px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
  
−
<p>
+
  #footer{
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
    width: 100%;
−
</p>
+
    background-color: #EEFFFF ;
 +
    font-family: "Impact", "Charcoal", sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: #594F4F;
 +
    float: bottom;
 +
  }
 +
  .address{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 12px;
 +
    color:#594F4F;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
  }
 +
    .icons{
 +
    width: 50px;
 +
    margin-top: 20px;
 +
    margin-right: 10px;
 +
  }
 +
  .icons2{
 +
    width: 20px;
  
−
<div class="highlightBox">
+
  }
−
 
+
  .clear{
−
<h4> Which other teams can we work with? </h4>
+
    clear:both;
−
<p>
+
    height: 10px;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
  }
−
</p>
+
</style>
−
 
+
−
<p>
+
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
−
</p>
+
−
</div>
+
−
 
+
−
<p>
+
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
−
 
+
−
<ul>
+
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
−
<li> Characterize another team's part </li>
+
−
<li> Debug a construct </li>
+
−
<li> Model or simulating another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
  
 +
<style>
 +
 
 +
  .submenu {
 +
    font-weight: 50;
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-size: 20px;
 +
    color: black;
 +
    float: right;
 +
    margin-top: 10px;
 +
  }
 +
  .btn-default {
 +
    background-color: transparent;
 +
    border-color: transparent;
 +
    font-weight: bold;
 +
    font-size: 25px;
 +
    color: black;
 +
  }
 +
  .headerline {
 +
    height: 30px;
 +
    width: 100px;
 +
  }
 +
  .body {
 +
    margin-top: 25px;
 +
  }
 +
  .abstract{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: black;
 +
  }
 +
</style><!-- de iGem-->
 +
    <!-- Start of CSS-->
 +
<style type="text/css">
 +
  /*Change the styling of text for everything inside main container*/
 +
        #mainContainer p {
 +
            font-size: 13px;
 +
            color: #000000;
 +
        }
 +
    /*Style of the links - links are different inside the menu */
 +
        #contentContainer a {
 +
            font-weight: bold;
 +
            color: #23b593;
 +
        }
 +
      /* Styling links on hover- links are different inside the menu */
 +
        #contentContainer a:hover {
 +
            color: #59bf92;
 +
        }
 +
    /*Change the styling of tables */
 +
                #contentContainer table {
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                width: 90%
 +
                margin: auto;
 +
                margin-bottom: 15px;
 +
                margin-top: 15px;
 +
                margin-right: 10px;
 +
                margin-left: 10px;
 +
            }
 +
    /*Change the styling of table cells*/
 +
            #contentContainer  td {
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*Change the styling of table headers */
 +
            #contentContainer th {
 +
                background-color: #E8E8E9;
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*MENU STYLING */
 +
    /*Styling for the links in the menu */
 +
    /*  #menuContainer a {
 +
            color: #565656;
 +
            text-decoration:none;
 +
            font-weight: bold;
 +
        }
 +
    /* Sets the style for lists inside menuContainer  */
 +
        #menuContainer ul {
 +
            list-style: none;
 +
            margin-left:0px;
 +
        }
 +
    /*Styles the list items to become menu buttons */
 +
        #menuContainer ul li {
 +
            text-align: center;
 +
            display: block;
 +
            width: 100%;
 +
            height:30px;
 +
        }
 +
    /*For the menu buttons, changes the color when hovering*/
 +
        #menuContainer li:hover {
 +
            color:  black;
 +
            background-color: #24B694;
 +
        }
 +
    /*Submenus are not displayed as default*/
 +
        #menuContainer li ul {
 +
            display: none;
 +
            padding-top:-30px;
 +
            margin-left: -19px;
 +
        }
 +
    /*Submenus are displayed when hovering the menu button */
 +
        #menuContainer li:hover ul {
 +
            /*display: inline-block; */
 +
            display: block;
 +
            position: absolute;
 +
            float:right;
 +
            margin-left: 134px;
 +
            margin-top:-82px;
 +
        }
 +
    /*Style the submenu buttons*/
 +
      #menuContainer ul li {
 +
        text-align: center;
 +
        display: block;
 +
        width: 100%;
 +
        height:30px;
 +
        padding-left:30px;
 +
      }
 +
      ul {
 +
          list-style-type: none;
 +
          margin: 0;
 +
      }
 +
      li {
 +
          float: left;
 +
        list-style-type: none;
 +
        padding-left: 20px;
 +
      }
 +
      a {
 +
          display: block;
 +
      }
 +
      .menu-main{
 +
        width:90%;
 +
        height:30px;
 +
        align:center;
 +
        padding-right: 50px;
 +
      }
 +
        /*CLASSES */
 +
        /*Clear class for all the pages, adds spacing too*/
 +
        /* highlight box for special messages */
 +
            .highlightBox {
 +
                    width:500px;
 +
                    margin:auto;
 +
                    background-color: #E8E8E9;
 +
            margin-bottom: 15px;
 +
            margin-top: 15px;
 +
            padding: 15px;
 +
            padding-top: 5px;
 +
            }
 +
</style><!-- de iGem-->
  
 +
<div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página-->
 +
  <div class="menu" class="row">
 +
      <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
 +
        <div class="up" id="tophiddenbar">
 +
              <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li>
 +
              <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px; padding-top:10px;" alt="TeamLogo"> </a></li>
 +
            </div>
 +
        <div class="navContainer" id="topbar">
 +
          <div id="tophiddenbar">
 +
            <div>
 +
              <ul>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description"><li>Description</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Design"><li>Design</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Experiments"><li>Experiments &amp; Protocols</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/References"><li>References</li></a> 
 +
                </ul>
 +
              </li> </a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Team" onclick=show()><li>TEAM
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Attributions"><li>Attribution</li></a>
 +
                </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices" onclick=show()><li>HUMAN PRACTICES
 +
                  <ul class="subnavbar">
 +
                    <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Collaborations"><li>Meet up</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/TodosporXochimilco"><li>Todos por Xochimilco</li></a> 
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices"><li>Education</li></a>
 +
                  </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Safety"><li>SAFETY</li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Gallery"><li>GALLERY</li></a>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </nav>
 +
  </div> <!-- Es el menú de arriba--> <!-- no tocar-->
  
 +
  <body>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <image src="https://static.igem.org/mediawiki/2015/3/32/Meetup_Cd_MX.png">
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Meet Up Latinoamerica
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 20px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            July 10th and 11th, 2015 
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 20px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Joining different teams from Latin America to share experiences, get to know each other and receive opinions about our projects.
 +
          </div>
 +
          <div style="color: #202020; font-size: 20px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Invite experts to learn from their experiences in the field of science and receive feedback from them regarding our projects.
 +
          </div>
 +
          <div>
 +
          <p id="pall">As an iGEM member, every team goes through a different development process: a route full of ups and downs. Latin America MeetUp was the perfect opportunity to share these experiences, learn from them and even to come up with great new ideas. Since we were hosts, GenetiX team was in charge of preparing activities that allowed not only the interchange of adventures and discoveries, but also learning new and useful things for the competition.<br>The event began with some getting-to-know-each-other activities. Inter team bonding is crucial when building cooperation. The next step was one of the most important ones: explain our projects, challenges and achievements, so that we could receive feedback from our peers and experts, who visited us as a part of the experience.<br>We were witnesses of different lectures with scientists from the “Instituto Nacional de Rehabilitación” (spanish for National Institute of Rehabilitation). We learned about their research projects and how professional laboratories work. This showed us that science in the outside world (as a job, more than leisure) is not so different from what we do. In addition, it fed our passion about what we love.<br>During these day, we also met experts that taught us crucial ideas for the complete development of science. One of them talked about mathematical models in biology  and the other, about science marketing. These both completed our work and oriented the teams in terms of fund-raising.<br>The MeetUp was one-in-a-million experience. We had fun and met new people, who were facing similar challenges as ours. We had the occasion to grow as a team as we learned about our project and receive feedback from people who knew the field. Most important, we finally established the bond between our region teams that had never been created before, opening the window for further cooperative projects.
 +
          </p>
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
   
 +
  </body>
 +
</div>
 +
<div id="footer">
 +
    <div class="row" style="background-color: #EEFFFF ;">
 +
      <div class="col-md-1">
 +
        <div>
 +
          <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
 +
        </div>
 +
      </div>
 +
      <div class="col-md-3">
 +
        <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
 +
        </div>
 +
        <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&    ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
 +
        <address style="color:#594F4F">
 +
          <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br>
 +
        </address>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
        <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
 +
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js. src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
          <div>FIND US <br>
 +
            <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span>
 +
            <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span>
 +
            <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Phone: Kai: +521(55)40597475"
 +
            </div>
 +
          <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com
 +
          </div>
 +
        </div>
 +
      </div> 
 +
    </div>  <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 02:12, 19 September 2015

iGem Tec CCM

Meet Up Latinoamerica
Date:
July 10th and 11th, 2015
Objectives:
-Joining different teams from Latin America to share experiences, get to know each other and receive opinions about our projects.
-Invite experts to learn from their experiences in the field of science and receive feedback from them regarding our projects.

As an iGEM member, every team goes through a different development process: a route full of ups and downs. Latin America MeetUp was the perfect opportunity to share these experiences, learn from them and even to come up with great new ideas. Since we were hosts, GenetiX team was in charge of preparing activities that allowed not only the interchange of adventures and discoveries, but also learning new and useful things for the competition.
The event began with some getting-to-know-each-other activities. Inter team bonding is crucial when building cooperation. The next step was one of the most important ones: explain our projects, challenges and achievements, so that we could receive feedback from our peers and experts, who visited us as a part of the experience.
We were witnesses of different lectures with scientists from the “Instituto Nacional de Rehabilitación” (spanish for National Institute of Rehabilitation). We learned about their research projects and how professional laboratories work. This showed us that science in the outside world (as a job, more than leisure) is not so different from what we do. In addition, it fed our passion about what we love.
During these day, we also met experts that taught us crucial ideas for the complete development of science. One of them talked about mathematical models in biology and the other, about science marketing. These both completed our work and oriented the teams in terms of fund-raising.
The MeetUp was one-in-a-million experience. We had fun and met new people, who were facing similar challenges as ours. We had the occasion to grow as a team as we learned about our project and receive feedback from people who knew the field. Most important, we finally established the bond between our region teams that had never been created before, opening the window for further cooperative projects.