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

(Prototype team page)
 
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/Team/Attributions</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> Attributions</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;}
 +
  h2{color:#23b593;}
 +
  h3{color:#23b588;}
 +
  #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: 100%;
 +
  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;
 +
    width: 90%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
    #TMember{
 +
    width: 80%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
  #TMI{
 +
    width: 250px;
 +
    height: 250px;
 +
  }
 +
  #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> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
+
  #footer{
 +
    width: 100%;
 +
    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;
  
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 +
  }
 +
</style>
  
−
<div class="highlightBox">
+
<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: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 30px;
 +
    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-->
  
−
<h4> Can we base our project on a previous one? </h4>
+
<div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página-->
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
  <div class="menu" class="row">
−
</div>
+
      <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/Results"><li>Results</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/Attribution"><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/Practices"><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>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </nav>
 +
  </div> <!-- Es el menú de arriba--> <!-- no tocar-->
  
 +
  <body>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <img src="https://static.igem.org/mediawiki/2015/4/48/Template_Banner.png">
 +
      </div>
 +
      <h2>Attributions</h2>
  
 +
      <div class="row" id="TMember">
 +
        <h4>Lamberto Álvarez-Palacios M. Sc.</h4>
 +
        <div class="col-md-8">
 +
          <p>
 +
            A.K.A.: Lamberto<br>Head of the Science Department
 +
          </p>
 +
        </div>
 +
        <div class="col-md-4" id="TMI" style=" float: left;">
 +
          <img src="https://static.igem.org/mediawiki/2015/2/24/GenetiX_Lamberto.jpg">
 +
        </div>
 +
      </div>
 +
     
 +
      <div class="row" id="TMember">
 +
        <h3>Work done by the Team</h3>
 +
        <h4>Wet Lab</h4>
 +
        <div class="col-md-8"><p>All work done by the Lab team was held by Students member of GenetiX.</p></div>
 +
      <div class="col-md-4" id="TMI"> <img src="https://static.igem.org/mediawiki/2015/5/56/Team_Lab.jpg"></div>
 +
    </div>
  
−
<h4> Why is this page needed? </h4>
+
    <div class="row" id="TMember">
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
        <h3>Design</h3>
−
<p>
+
        <h4>Web Page</h4>
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
        <div class="col-md-12"><p>The page was made by Pichardo, Eduardo, Rodrigo and Kai</p></div>
 +
        <div class="row">
 +
          <div class="col-md-12"><img src="https://static.igem.org/mediawiki/2015/9/9d/Team_GenetiX_Kai.png"><img src="https://static.igem.org/mediawiki/2015/4/41/Team_GenetiX_Pichardo.png"><img src="https://static.igem.org/mediawiki/2015/a/a3/Team_GenetiX_Rodrigo.png"><img src="https://static.igem.org/mediawiki/2015/b/b8/Team_GenetiX_Edu.jpg"></div>
 +
        </div>
 +
        <div class="row">
 +
          <h4>Graphic Design</h4>
 +
          <div class="col-md-12"><p>The Diagrams, Logos, Posters were made by Claudia and Natalia</p></div>
 +
          <div class="row">
 +
            <div class="col-md-12"><img src="https://static.igem.org/mediawiki/2015/9/95/Team_GenetiX_Claau.jpg"><img src="https://static.igem.org/mediawiki/2015/a/ae/Team_GenetiX_Nat.png"></div>
 +
          </div>
 +
        </div>
 +
    </div>
  
  
−
<h5> What should this page have?</h5>
+
    </div>
−
 
+
  </body>
−
<ul>
+
</div>
−
<li>General Support</li>
+
<div id="footer">
−
<li>Project support and advice</li>
+
    <div class="row" style="background-color: #EEFFFF ;">
−
<li>Fundraising help and advice</li>
+
      <div class="col-md-1">
−
<li>Lab support</li>
+
        <div>
−
<li>Difficult technique support</li>
+
          <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
−
<li>Project advisor support</li>
+
        </div>
−
<li>Wiki support</li>
+
      </div>
−
<li>Presentation coaching</li>
+
      <div class="col-md-3">
−
<li>Human Practices support</li>
+
        <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>
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
        </div>
−
</ul>
+
        <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>
−
<h4>Inspiration</h4>
+
        </address>
−
<p>Take a look at what other teams have done:</p>
+
        </div>
−
<ul>
+
      </div>
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
      <div class="col-md-4" style="margin-top: 20px;">
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
        <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
            <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>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
        </div>
−
</ul>
+
      </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>

Revision as of 23:50, 18 September 2015

iGem Tec CCM/Team/Attributions

Attributions

Lamberto Álvarez-Palacios M. Sc.

A.K.A.: Lamberto
Head of the Science Department

Work done by the Team

Wet Lab

All work done by the Lab team was held by Students member of GenetiX.

Design

Web Page

The page was made by Pichardo, Eduardo, Rodrigo and Kai

Graphic Design

The Diagrams, Logos, Posters were made by Claudia and Natalia