Difference between revisions of "Team:LUBBOCK TTU"

Line 1: Line 1:
−
{{LUBBOCK_TTU/MAIN}}
+
{{LUBBOCK_TTU/fontawesome/css/font-awesome-ie7.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome-ie7.min.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome.min.css}}
 +
 
 
<html>
 
<html>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  
−
<!-- Home Section Start -->
+
<!-- Font Awesome -->
−
    <section class="home-section">
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<!-- End Font Awesome -->
  
−
<center><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=2000×1333&w=2000&h=1333"></center>
+
<!-- Bootstrap Grid Basic -->
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<!-- End Bootstrap Grid Basic -->
  
−
        <div class="container">
+
<!--DEFAULT WIKI SETTINGS-->
−
            <div class="row">          
+
<style> /* Clear the default wiki settings */
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
</style>
  
−
<!--<center><img src="" width=""></center>-->
+
<!-- TABS CSS -->
−
<!--</br></br><center><h1>PROJECT_TTU</h1></center></br>-->
+
<style>  
−
                                       
+
  *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
−
              </div> <!-- end of class row -->
+
   
−
            </div> <!-- end of class container -->
+
  h1 {padding: 100px 0; font-weight: 400; text-align: center;}
−
        </section>
+
  <!--p {margin: 0 0 20px; line-height: 1.5;}-->
−
<!-- Home Section End -->
+
−
       
+
  .main {margin: 0 auto; min-width: 320px; max-width: 90%;}
−
  <!-- About Start -->
+
  .content {background: #cccccc; color: ##cccccc;}
−
    <section id="about" class="about section-space-padding">
+
  .content > div {display: none;}
−
      <div class="container">
+
−
          <div class="row">
+
  input {display: none;}
−
                <div class="col-sm-12">
+
  label {display: inline-block; padding: 15px 25px; font-weight: 600; text-align: center;}
−
                    <div class="section-title">
+
  label:hover {color: #ed5a6a; cursor: pointer;}
−
                        <h2>About Us</h2>
+
  input:checked + label {background: #ed5a6a; color: #fff;}
−
                        <div class="divider dark">
+
−
  <i class="icon-emotsmile"></i>
+
  #tab1:checked ~ .content #content1,
−
  </div> <!-- end class divider dark -->
+
  #tab2:checked ~ .content #content2,
−
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>-->
+
  #tab3:checked ~ .content #content3,
−
                    </div> <!-- end class section-title -->
+
  #tab4:checked ~ .content #content4 {
−
                </div> <!-- end class col-sm-12 -->
+
    display: block;
−
            </div> <!-- end class row -->
+
  }
−
           
+
−
           
+
  @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
−
            <div class="row">
+
</style>
−
             
+
<!-- END TABS CSS -->
−
              <div class="col-md-6">
+
−
              <div class="about-me-text margin-top-50">
+
−
<!--<p>The 2017 Lubbock_TTU iGEM team, iGEM Raiders, consists of 11 dedicated undergraduate and graduate students across various STEM fields including microbiology, cellular and molecular biology, physics, mathematics, and petroleum engineering. Our diverse team is based at Texas Tech University, located in Lubbock, Texas, USA. Our mission is to expose the university and community to synthetic biology through undergraduate initiative and involvement in the International Genetically Engineering Machine (iGEM) Competition.  
+
−
</p>-->
+
−
              <p>Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate.</p>
+
−
              </div> <!-- end class about-me-text -->
+
−
              </div> <!-- end class col-md-6 -->
+
−
             
+
−
            <div class="col-md-6">
+
−
                </br><div class="about-me-text pattern-bg margin-top-50 margin-bottom-50">
+
−
                  <div class="text-center">
+
−
                    <!--<a class="button button-style button-style-dark button-style-color-2" data-toggle="modal" data-target="#subscribemodal" href="#">BUTTON</a>-->
+
−
<center><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=400×350&w=400&h=350"></center>
+
−
                  </div> <!-- end class text-center -->
+
−
              </div> <!-- end class about-me-text pattern -->
+
−
             
+
−
            <!-- <div class="about-me-text"> -->
+
−
             
+
−
              <!-- <ul class="social-icon"> -->
+
−
                <!-- <li><a href="#" target="_blank" class="facebook"><i class="icon-social-facebook"></i></a></li> -->
+
−
                <!-- <li><a href="#" target="_blank" class="twitter"><i class="icon-social-twitter"></i></a></li> -->
+
−
                <!-- <li><a href="#" target="_blank" class="behance"><i class="icon-social-behance"></i></a></li> -->
+
−
                <!-- <li><a href="#" target="_blank" class="dribbble"><i class="icon-social-dribbble"></i></a></li> -->
+
−
              <!-- </ul> -->
+
−
             
+
−
              <!-- </div> --> <!-- end class about-me-text -->
+
−
              </div> <!-- end class col-md-6 -->
+
−
             
+
−
            </div> <!-- end class row -->
+
  
−
<!-- MOVED SCOIAL MEDIA ICONS -->
+
<body>
−
</br><div class="row">
+
−
            <div class="about-me-text">
+
−
             
+
−
              <ul class="social-icon">
+
−
                <li><a href="#" target="_blank" class="facebook"><i class="icon-social-facebook"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="twitter"><i class="icon-social-twitter"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="behance"><i class="icon-social-behance"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="dribbble"><i class="icon-social-dribbble"></i></a></li>
+
−
              </ul>
+
−
             
+
−
              </div> <!-- end class about-me-text -->
+
−
</div> <!-- end class row -->
+
−
<!-- END OF MOVED SOCIAL MEDIA ICONS -->
+
  
−
          </div> <!-- end class container -->
+
<center>
−
      </section>
+
<div style="width:1110px;" style="text-align: center;>
−
     
+
  <div class="w3-bar w3-light-grey">
−
<!-- Skills Modal Start -->
+
    <a href="https://2017.igem.org/Team:LUBBOCK_TTU" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">HOME</font></a>
−
       <div class="modal fade padding-top-70" id="skillmodal" role="dialog">
+
    <div class="w3-dropdown-hover">
−
         <div class="modal-dialog">
+
      <button class="w3-button"><font face="Arial" size="2" color="black">TEAM</font></button>
−
      
+
       <div class="w3-dropdown-content w3-bar-block w3-card-4">
−
        
+
    <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Team" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">TEAM</font></a>
−
       <div class="modal-content pattern-bg">
+
         <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Collaborations" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">COLLABORATIONS</font></a>
−
         <div class="modal-body">
+
      </div>
−
          <div class="row">
+
     </div>       
−
                <div class="col-sm-12">
+
    <div class="w3-dropdown-hover">
−
                    <div class="section-title margin-top-30">
+
       <button class="w3-button"><font face="Arial" size="2" color="black">PROJECT</font></button>
−
                      <button type="button" class="btn pull-right" data-dismiss="modal"><i class="fa fa-close"></i></button>
+
       <div class="w3-dropdown-content w3-bar-block w3-card-4">
−
                        <h2>My Skills.</h2>
+
         <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Description" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">DESCRIPTION</font></a>
−
                        <div class="divider dark">
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Design" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">DESIGN</font></a>
−
  <i class="icon-energy"></i>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Experiments" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">EXPERIMENTS</font></a>
−
  </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Notebook" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">NOTEBOOK</font></a>
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/InterLab" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">INTERLAB</font></a>
−
                    </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Contribution" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">CONTRIBUTION</font></a>
−
                </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Model" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">MODEL</font></a>
−
            </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Results" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">RESULTS</font></a>
−
           
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Demonstrate" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">DEMONSTRATE</font></a>
−
          <div class="row">
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Improve" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">IMPROVE</font></a>
−
          <div class="col-sm-offset-2 col-xs-offset-0 col-md-8 col-sm-8">
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Attributions" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">ATTRIBUTIONS</font></a>
−
         
+
      </div>
−
            <div class="my-skill margin-bottom-50">
+
    </div>
−
                    <strong>Graphic Design</strong>
+
    <div class="w3-dropdown-hover">
−
                      <span class="pull-right">80%</span>
+
      <button class="w3-button"><font face="Arial" size="2" color="black">PARTS</font></button>
−
                            <div class="progress">
+
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
−
                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Parts" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">PARTS</font></a>
−
                                </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Basic_Part" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">BASIC PARTS</font></a>
−
                              </div>
+
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Composite_Part" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">COMPOSITE PARTS</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Part_Collection" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">PART COLLECTION</font></a>
 +
      </div>
 +
  </div>
 +
    <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Safety" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">SAFETY</font></a>
 +
    <div class="w3-dropdown-hover">
 +
      <button class="w3-button"><font face="Arial" size="2" color="black">HUMAN PRACTICES</font></button>
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP/Silver" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">SILVER HP</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP/Gold_Integrated" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">INTEGRATED AND GOLD</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Engagement" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">PUBLIC ENGAGEMENT</font></a>
 +
      </div>
 +
  </div>
 +
    <div class="w3-dropdown-hover">
 +
      <button class="w3-button"><font face="Arial" size="2" color="black">AWARDS</font></button>
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Applied_Design" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">APPLIED DESIGN</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Entrepreneurship class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">ENTREPRENEURSHIP</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Hardware" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">HARDWARE</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Measurement" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">MEASUREMENT</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Model" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">MODEL</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Plant" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">PLANT</font></a>
 +
        <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Software" class="w3-bar-item w3-button"><font face="Arial" size="2" color="black">SOFTWARE</font></a>
 +
      </div>
 +
  </div>
 +
</div>
 +
</center>
  
−
                    <strong>Website Design</strong>
+
<!-- HEADER -->
−
                        <span class="pull-right">99%</span>
+
<!--<img src="https://placehold.it/1120x570">-->
−
                            <div class="progress">
+
<div style="background-image: url(https://placehold.it/1120x570);>
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%;">
+
<p align="center><font face="Arial" size="10"></br></br></br></br></br></br></br></br><center>Project Title</center></font></p>
−
                                </div>
+
</br></br></br></br></br></br></br></br></br></br></br></br></br></br>
−
                              </div>
+
</div>
  
−
                      <strong>HTML5/CSS3</strong>
+
<!-- END HEADER-->
−
                        <span class="pull-right">85%</span>
+
−
                            <div class="progress">
+
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
+
−
                              </div>
+
−
                          </div>
+
−
                         
+
−
                      <strong>Javascript</strong>
+
−
                        <span class="pull-right">90%</span>
+
−
                            <div class="progress">
+
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
+
−
                              </div>
+
−
                          </div>
+
−
                        </div>
+
−
         
+
−
                  </div>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
<!-- Skills Modal End -->
+
−
     
+
−
     
+
−
     
+
−
<!-- Subscribe Modal Start -->
+
−
      <div class="modal fade subscribe padding-top-120" id="subscribemodal" role="dialog">
+
−
        <div class="modal-dialog">
+
−
   
+
−
     
+
−
      <div class="modal-content">
+
−
        <div class="modal-body">
+
−
          <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <div class="section-title margin-top-30">
+
−
                      <button type="button" class="btn pull-right" data-dismiss="modal"><i class="fa fa-close"></i></button>
+
−
                        <h2>Subscribe.</h2>
+
−
                        <div class="divider dark">
+
−
  <i class="icon-envelope-letter"></i>
+
−
  </div>
+
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
           
+
−
          <div class="row">
+
−
          <div class="col-sm-offset-2 col-xs-offset-0 col-md-8 col-sm-8">
+
−
         
+
−
            <div class="margin-bottom-50">
+
−
                    <form id="mc-form" method="post" action="http://uipasta.us14.list-manage.com/subscribe/post?u=854825d502cdc101233c08a21&amp;id=86e84d44b7">
+
−
+
−
  <div class="subscribe-form">
+
−
<input id="mc-email" type="email" placeholder="Email Address" class="text-input">
+
−
  <button class="submit-btn" type="submit">Submit</button>
+
−
</div>
+
−
<label for="mc-email" class="mc-label"></label>
+
−
  </form>
+
−
                          </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
          </div>
+
−
      </div>
+
−
<!-- Subscribe Modal End -->
+
−
<!-- About End -->
+
  
−
<!-- statistics -->
+
<!-- SECTION 0 -->
−
      <section class="statistics-section section-space-padding bg-cover text-center">
+
<div class="container-fluid">
−
        <div class="container">     
+
</br></br>
 +
  <div class="row">
 +
    <div class="col-sm-1"></div>
 +
    <div class="col-sm-4"><img src="https://placehold.it/450x300"></div>
 +
    <div class="col-sm-2"></div>
 +
     <div class="col-sm-4"><font face="Arial" size="4">Project Description</font></br></br><font face="Arial" size="2">Project Description goes here.<a href=""> Learn more.</a></font></div>
 +
    <div class="col-sm-1"></div>
 +
  </div></br>
 +
</div>
 +
<!-- END SECTION 0 -->
  
−
            <div class="row">
+
<!-- SECTION 1 -->
−
<center>       
+
</br>
−
          <div class="col-md-3 col-sm-6 col-xs-6">
+
<div style="background-color:#cccccc; overflow: auto;" class="clear_fix">
−
            <div class="statistics bg-color-6">
+
<center></br></br>
−
              <div class="statistics-icon"><i class="icon-emotsmile"></i>
+
<font face="Arial" size="5">Learn More</font>
−
              </div>
+
</br></br>
−
              <div class="statistics-content">
+
<div class="col-sm-12">
−
                <h5> <span data-count="12" class="statistics-count">12</span></h5><span>iGEM Raiders</span>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
         
+
−
          <div class="col-md-3 col-sm-6 col-xs-6">
+
−
            <div class="statistics bg-color-5">
+
−
              <div class="statistics-icon"><i class="icon-cup"></i>
+
−
              </div>
+
−
              <div class="statistics-content">
+
−
                <h5><span data-count="4000" class="statistics-count">4000</span></h5><span>Cups of Coffee</span>
+
−
              </div>
+
−
            </div>
+
−
            </div>
+
  
−
          <div class="col-md-3 col-sm-6 col-xs-6">
+
<div class="main">
−
            <div class="statistics bg-color-4">
+
−
              <div class="statistics-icon"><i class="icon-hourglass"></i>
+
−
              </div>
+
−
              <div class="statistics-content">
+
−
                <h5><span data-count="8000" class="statistics-count">8000</span></h5><span>Hours of Work</span>
+
−
              </div>
+
−
            </div>
+
−
          </div> <!-- end of class row -->
+
  
−
          <div class="col-md-3 col-sm-6 col-xs-6">
+
  <input id="tab1" type="radio" name="tabs" checked>
−
            <div class="statistics bg-color-1">
+
  <label for="tab1">Design</label>
−
              <div class="statistics-icon"><i class="icon-rocket"></i>
+
−
              </div>
+
  <input id="tab2" type="radio" name="tabs">
−
              <div class="statistics-content">
+
  <label for="tab2">Experiments</label>
−
                <h5><span data-count="9999" class="statistics-count">Infinite</span></h5><span>Possibilites</span>
+
−
              </div>
+
  <input id="tab3" type="radio" name="tabs">
−
            </div>
+
  <label for="tab3">Model</label>
−
          </div>
+
 +
  <input id="tab4" type="radio" name="tabs">
 +
  <label for="tab4">Results</label>
  
−
        </div>
+
  <div class="content">
−
      </div>
+
  <div id="content1">
−
    </section>
+
<!-- Tab A Content -->
−
<!-- statistics end -->
+
</br><p>Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.</p>
−
       
+
−
<!-- Services Start -->
+
−
    <section id="services" class="services-section section-space-padding">
+
−
        <div class="container">
+
−
          <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <div class="section-title">
+
−
                        <h2>Learn More</h2>
+
−
                          <div class="divider dark">
+
−
  <i class="icon-graph"></i>
+
−
</div>
+
−
                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>-->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
           
+
−
            <div class="row margin-top-30">
+
−
           
+
−
            <div class="col-md-4 col-sm-6">
+
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/Team">
+
−
<div class="services-detail">
+
−
<i class="icon-people color-1"></i>
+
−
<h3>Team</h3>
+
−
<hr>
+
−
</div>
+
−
</a>
+
−
</div>
+
  
−
<div class="col-md-4 col-sm-6">
+
<p>This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Applied_Design">Applied Design</a> page for more information on how to compete for that award.</p>
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/Project">
+
−
<div class="services-detail">
+
−
<i class="icon-bulb color-6"></i>
+
−
<h3>Project</h3>
+
−
<hr>
+
−
</div>
+
−
</a>
+
−
</div>
+
  
−
<div class="col-md-4 col-sm-6">
+
<h5 align="left">What should this page contain?</h5>
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/Parts">
+
<ul style="font-size:13px">
−
<div class="services-detail">
+
<li align="left">Explanation of the engineering principles your team used in your design</li>
−
<i class="fa fa-code color-3"></i>
+
<li align="left">Discussion of the design iterations your team went through</li>
−
<h3>Parts</h3>
+
<li align="left">Experimental plan to test your designs</li>
−
<hr>
+
</ul>
−
</div>
+
−
</a>
+
−
</div>
+
−
           
+
−
            <div class="col-md-4 col-sm-6">
+
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/Safety">
+
−
<div class="services-detail">
+
−
<i class="icon-support color-4"></i>
+
−
<h3>Safety</h3>
+
−
<hr>
+
−
</div>
+
−
</a>
+
−
</div>
+
  
−
<div class="col-md-4 col-sm-6">
+
<h5 align="left">Inspiration</h5>
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP">
+
<ul style="font-size:13px">
−
<div class="services-detail">
+
<li align="left"><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
−
<i class="icon-grid color-2"></i>
+
<li align="left"><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
−
<h3>Human Practices</h3>
+
<li align="left"><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
−
<hr>
+
</ul>
−
</div>
+
</br></br>
−
</a>
+
<!-- End Tab A Content -->
−
</div>
+
  </div>
  
−
<div class="col-md-4 col-sm-6">
+
  <div id="content2">
−
<a href="https://2017.igem.org/Team:LUBBOCK_TTU/Awards">
+
<!-- Tab B Content -->
−
<div class="services-detail">
+
</br><p><u>Experiments</u></p>
−
<i class="icon-trophy color-6"></i>
+
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
−
<h3>Awards</h3>
+
−
<hr>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
           
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
<!-- Services End -->
+
−
     
+
−
<!-- Footer Start -->
+
−
    <footer class="footer-section">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
             
+
−
            <div class="col-md-12">
+
−
              <ul class="social-icon margin-bottom-30">
+
−
                <li><a href="#" target="_blank" class="facebook"><i class="icon-social-facebook"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="twitter"><i class="icon-social-twitter"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="google-plus"><i class="icon-social-google"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="instagram"><i class="icon-social-instagram"></i></a></li>
+
−
                <li><a href="#" target="_blank" class="dribbble"><i class="icon-social-dribbble"></i></a></li>
+
−
              </ul>
+
−
          </div>
+
  
−
<center><font color="black">&copy; 2017 Lubbock_TTU</font></center>
+
<p>Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.</p>
−
<!-- back to top -->
+
 
−
</br><center><a href="#" class="go-top">Return to Top</a></center>
+
<h5 align="left">What should this page contain?</h5>
−
<!-- back to top -->
+
<ul style="font-size:13px">
−
               
+
<li align="left"> Protocols </li>
−
            </div>
+
<li align="left"> Experiments </li>
−
        </div>
+
<li align="left"> Documentation of the development of your project </li>
−
     </footer>
+
</ul>
−
<!-- Footer End -->
+
 
 +
<h5 align="left">Inspiration</h5>
 +
<ul style="font-size:13px">
 +
<li align="left"><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
 +
<li align="left"><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
 +
<li align="left"><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
 +
</ul>
 +
</br></br>
 +
<!-- End Tab B Content -->
 +
  </div>
 +
 
 +
  <div id="content3">
 +
<!-- Tab C Content -->
 +
</br><p><u>Model</u></p>
 +
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
 +
 
 +
<p><b>Gold Medal Criterion #3</b></p>
 +
<p>
 +
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.
 +
</p>
 +
 
 +
<p>Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information. </p>
 +
 
 +
<p><b>Best Model Special Prize</b></p>
 +
 
 +
<p>
 +
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
 +
<br><br>
 +
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
 +
</p>
 +
 
 +
<p><b> Inspiration</b></p>
 +
<p>
 +
Here are a few examples from previous teams:
 +
</p>
 +
<ul align="left" style="font-size:13px">
 +
<li align="left"><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
 +
<li align="left"><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
 +
<li align="left"><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
 +
<li align="left"><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
 +
</ul>
 +
</br></br>
 +
<!-- End Tab C Content -->
 +
  </div>
 +
 
 +
  <div id="content4">
 +
<!-- Tab D Content -->
 +
</br><p><u>Results</u></p>
 +
<p>Here you can describe the results of your project and your future plans. </p>
 +
 
 +
<p><b>What should this page contain?</b></p>
 +
<ul align="left" style="font-size:13px">
 +
<li align="left"> Clearly and objectively describe the results of your work.</li>
 +
<li align="left"> Future plans for the project. </li>
 +
<li align="left"> Considerations for replicating the experiments. </li>
 +
</ul>
 +
 
 +
</br><p>You should also describe what your results mean:</p>
 +
 
 +
<ul align="left" style="font-size:13px">
 +
<li align="left"> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 +
<li align="left"> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 +
<li align="left"> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 +
</ul>
 +
 
 +
</br><p><b>Project Achievements</b></p>
 +
 
 +
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
 +
 
 +
<ul align="left" style="font-size:13px">
 +
<li align="left">A list of linked bullet points of the successful results during your project</li>
 +
<li align="left">A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
 +
</ul>
 +
 
 +
</br><p><b>Inspiration</b></p>
 +
<p>See how other teams presented their results.</p>
 +
<ul align="left" style="font-size:13px">
 +
<li align="left"><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 +
<li align="left"><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 +
<li align="left"><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 +
</ul>
 +
</br></br>
 +
<!-- End Tab D Content -->
 +
  </div>
 +
 
 +
  </div> <!-- end class content -->
 +
</div> <!-- end class main -->
 +
 
 +
</div>
 +
</center>
 +
</br></br>
 +
</div>
 +
<!-- END SECTION 1 -->
 +
 
 +
<!-- SECTION 2 -->
 +
<div style="background-image: url(http://46.105.63.207/client/htmlchat/img/skin/thanksgiving/topcmm-123flashchat-common-main-div-outline-bg.jpg); ; overflow: auto;" class="clear_fix>
 +
<p align="center><font face="Arial" size="5" color="white"></br></br><center>Quick Links</center></font></p>
 +
</br>
 +
<div class="col-sm-2"></div><center>
 +
<div class="col-sm-2"><a href=""><i class="fa fa-book" style="font-size:48px;color:white;"></i><font color="white"></br></br>Notebook</font></a></div>
 +
<div class="col-sm-2"><a href=""><i class="fa fa-cogs" style="font-size:48px;color:white;"></i><font color="white"></br></br>Parts</font></a></div>
 +
<div class="col-sm-2"><a href=""><i class="fa fa-medkit" style="font-size:48px;color:white;"></i><font color="white"></br></br>Safety</font></a></div>
 +
<div class="col-sm-2"><a href=""><i class="fa fa-pie-chart" style="font-size:48px;color:white;"></i><font color="white"></br></br>Human Practices</font></a></div>
 +
</br></br></br></br></br>
 +
</center><div class="col-sm-2"></div>
 +
</div>
 +
<!-- END SECTION 2 -->
 +
 
 +
<!-- SECTION 3 -->
 +
<div class="container-fluid">
 +
</br></br>
 +
  <div class="row">
 +
    <div class="col-sm-1"></div>
 +
     <div class="col-sm-4"><font face="Arial" size="4">About Us</font></br></br><font face="Arial" size="2">About Us goes here.<a href=""> Learn more.</a></font></div>
 +
    <div class="col-sm-1"></div>
 +
    <div class="col-sm-4"><img src="https://placehold.it/450x300"></div>
 +
  </div></br></br>
 +
</div>
 +
<!-- END SECTION 3 -->
 +
 
 +
<!-- SECTION 4 -->
 +
<div style="background-image: url(http://p1.pichost.me/i/56/1792614.jpg); ; overflow: auto;" class="clear_fix>
 +
<p align="center><font face="Arial" size="5" color="white"></br></br><center>Our Sponsors</center></font></p>
 +
<div class="col-sm-2"></br><img src="https://upload.wikimedia.org/wikipedia/commons/8/84/Texas_Tech_University_academic_signature.png"  height="" width="200"></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"></br><img src="https://static.igem.org/mediawiki/2016/5/51/Muc16_Sponsor_IDT.png"  height="" width="200"></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"></br><img src="https://static.igem.org/mediawiki/2014/5/5a/York_Genscript_logo-1-.png"  height="" width="200"></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"><img src="http://www.mrdnalab.com/images/logobig330x142.png?crc=3839258444"  height="" width="200"></div>
 +
</br></br></br>
 +
<div class="col-sm-2"></br></br></br><img src="https://static1.squarespace.com/static/54e7602be4b0165bdcece115/t/585aa64d6a49639e7a53948b/1482335827516/ttuhsc.png"  height="" width="200"></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"></br></br></br></br><img src="http://www.ptpartners.co.uk/wp-content/uploads/2013/07/Certified-CVI-Developer-Logo-USE-THIS.png"  height="" width="200"></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"></br></br><img src="http://www.medicalbiofilm.org/images/logo7.png?crc=4119817701"  height="150" width=""></div>
 +
<div class="col-xs-1"></div>
 +
<div class="col-sm-2"></br></br><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png"  height="150" width=""></div>
 +
</br></br></br>
 +
<div class="col-sm-12"></br></br></div>
 +
</div>
 +
<!-- END SECTION 4 -->
  
 
</body>
 
</body>
  
−
<!-- back to top -->
+
<!-- FOOTER -->
−
<script>
+
<div class="row">
−
$(document).ready(function() {
+
  <div class="col-sm-4" style="background-color:#fff;"><center><font size="2">&copy; 2017 Lubbock_TTU</font></center></div>
−
// Show or hide the sticky footer button
+
  <div class="col-sm-4" style="background-color:#6dcd9a;"><center><font color="white" size="2">ttuigem@gmail.com</font></a></center></div>
−
$(window).scroll(function() {
+
  <div class="col-sm-2" style="background-color:#3D5B94;"><center><a href=""><font color="white" size="2">f</font></a></center></div>
−
if ($(this).scrollTop() > 200) {
+
  <div class="col-sm-2" style="background-color:#3DACDD;"><center><a href="https://twitter.com/ttuigem" target="_blank"><font color="white" size="2">t</center></a></div>
−
$('.go-top').fadeIn(200);
+
</div>
−
} else {
+
<!-- END FOOTER -->
−
$('.go-top').fadeOut(200);
+
 
−
}
+
−
});
+
−
+
−
// Animate the scroll to top
+
−
$('.go-top').click(function(event) {
+
−
event.preventDefault();
+
−
+
−
$('html, body').animate({scrollTop: 0}, 300);
+
−
})
+
−
});
+
−
</script>
+
−
<!-- end back to top -->
+
 
</html>
 
</html>

Revision as of 16:16, 23 July 2017









Project Title

















Project Description

Project Description goes here. Learn more.




Learn More


Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.

This page is different to the "Applied Design Award" page. Please see the Applied Design page for more information on how to compete for that award.

What should this page contain?
  • Explanation of the engineering principles your team used in your design
  • Discussion of the design iterations your team went through
  • Experimental plan to test your designs
Inspiration



Experiments

Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.

Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.

What should this page contain?
  • Protocols
  • Experiments
  • Documentation of the development of your project
Inspiration



Model

Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.

Gold Medal Criterion #3

To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your judging form. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.

Please see the 2017 Medals Page for more information.

Best Model Special Prize

To compete for the Best Model prize, please describe your work on this page and also fill out the description on the judging form. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.

You must also delete the message box on the top of this page to be eligible for the Best Model Prize.

Inspiration

Here are a few examples from previous teams:




Results

Here you can describe the results of your project and your future plans.

What should this page contain?

  • Clearly and objectively describe the results of your work.
  • Future plans for the project.
  • Considerations for replicating the experiments.

You should also describe what your results mean:

  • Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for.
  • Show data, but remember all measurement and characterization data must be on part pages in the Registry.
  • Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project.

Project Achievements

You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.

  • A list of linked bullet points of the successful results during your project
  • A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.

Inspiration

See how other teams presented their results.







Quick Links




Notebook


Parts


Safety


Human Practices







About Us

About Us goes here. Learn more.




Our Sponsors























© 2017 Lubbock_TTU
ttuigem@gmail.com
f
t