|
|
| (566 intermediate revisions by 3 users not shown) |
| Line 3: |
Line 3: |
| | {{LUBBOCK_TTU/fontawesome/css/font-awesome.css}} | | {{LUBBOCK_TTU/fontawesome/css/font-awesome.css}} |
| | {{LUBBOCK_TTU/fontawesome/css/font-awesome.min.css}} | | {{LUBBOCK_TTU/fontawesome/css/font-awesome.min.css}} |
| | + | {{LUBBOCK_TTU/navi}} |
| | + | {{LUBBOCK_TTU/imagehover}} |
| | + | <!--{{LUBBOCK_TTU/backtotop}}--> |
| | + | {{LUBBOCK_TTU/linkcolors}} |
| | + | <!--{{LUBBOCK_TTU/results}}--> |
| | | | |
| | <html> | | <html> |
| Line 11: |
Line 16: |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| | <!-- End Font Awesome --> | | <!-- End Font Awesome --> |
| − |
| |
| | <!-- Bootstrap Grid Basic --> | | <!-- Bootstrap Grid Basic --> |
| | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
| Line 27: |
Line 31: |
| | </style> | | </style> |
| | | | |
| − | <!-- TABS CSS --> | + | <!-- FOOTER CSS --> |
| − | <style> | + | <style> |
| − | *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
| + | /** |
| − |
| + | * Demo Styles |
| − | h1 {padding: 100px 0; font-weight: 400; text-align: center;}
| + | */ |
| − | <!--p {margin: 0 0 20px; line-height: 1.5;}-->
| + | |
| − |
| + | html { |
| − | .main {margin: 0 auto; min-width: 320px; max-width: 90%;}
| + | height: 100%; |
| − | .content {background: #cccccc; color: ##cccccc;}
| + | box-sizing: border-box; |
| − | .content > div {display: none;}
| + | } |
| − | | + | |
| − | input {display: none;}
| + | *, |
| − | label {display: inline-block; padding: 15px 25px; font-weight: 600; text-align: center;}
| + | *:before, |
| − | label:hover {color: #ed5a6a; cursor: pointer;}
| + | *:after { |
| − | input:checked + label {background: #ed5a6a; color: #fff;}
| + | box-sizing: inherit; |
| − |
| + | } |
| − | #tab1:checked ~ .content #content1,
| + | |
| − | #tab2:checked ~ .content #content2,
| + | body { |
| − | #tab3:checked ~ .content #content3,
| + | position: relative; |
| − | #tab4:checked ~ .content #content4 {
| + | margin: 0; |
| − | display: block;
| + | <!--padding-bottom: 6rem;--> |
| − | }
| + | min-height: 100%; |
| − |
| + | } |
| − | @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
| + | |
| | + | /** |
| | + | * Footer Styles |
| | + | */ |
| | + | |
| | + | .footer { |
| | + | position: absolute; |
| | + | right: 0; |
| | + | bottom: -900; |
| | + | left: 0; |
| | + | padding: 1rem; |
| | + | background-color: #fff; |
| | + | text-align: center; |
| | + | } |
| | </style> | | </style> |
| − | <!-- END TABS CSS --> | + | <!-- END FOOTER CSS --> |
| | | | |
| | <body> | | <body> |
| | | | |
| | + | <!-- HEADER --> |
| | + | <div style="background-image: url(https://static.igem.org/mediawiki/2017/9/9e/Lubbock_TTU_header.png);> |
| | + | <p align="center><font face="Arial" size="6" color="white"> |
| | <center> | | <center> |
| − | <div style="width:1110px;" style="text-align: center;> | + | <div style="line-height:200%;"> |
| − | <div class="w3-bar w3-light-grey">
| + | <br> |
| − | <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="w3-dropdown-hover">
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | </div>
| + | |
| − | <div class="w3-dropdown-hover">
| + | |
| − | <button class="w3-button"><font face="Arial" size="2" color="black">PROJECT</font></button>
| + | |
| − | <div class="w3-dropdown-content w3-bar-block w3-card-4">
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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/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>
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <div class="w3-dropdown-hover">
| + | |
| − | <button class="w3-button"><font face="Arial" size="2" color="black">PARTS</font></button>
| + | |
| − | <div class="w3-dropdown-content w3-bar-block w3-card-4">
| + | |
| − | <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>
| + | |
| − | <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>
| + | |
| − | <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> | | </div> |
| − | </center> | + | <i class="fa fa-flask" style="font-size:px;color:white;"></i></br>Characterization of a Calcium-Sensitive Reporter in</br><i>Saccharomyces cerevisiae</i></br></br></center></font></p> |
| − | | + | |
| − | <!-- HEADER -->
| + | |
| − | <!--<img src="https://placehold.it/1120x570">-->
| + | |
| − | </br><div style="background-image: url(http://www.powerpointhintergrund.com/uploads/chemistry-background-ppt-0.jpg);>
| + | |
| − | <p align="center><font face="Arial" size="10" color="white"></br></br></br></br></br></br></br></br><center>Project Title</center></font></p>
| + | |
| − | </br></br></br></br></br></br></br></br></br></br></br></br></br></br>
| + | |
| | </div> | | </div> |
| − |
| |
| | <!-- END HEADER--> | | <!-- END HEADER--> |
| | | | |
| − | <!-- SECTION 0 --> | + | <div class="container"><!-- For NAVI --> |
| − | <div class="container-fluid"> | + | |
| | + | <!-- PROJECT DESCRIPTION --> |
| | + | <div style="background-color:#fff; overflow: hidden;"> |
| | + | <div class="col-sm-12"> |
| | </br></br> | | </br></br> |
| | + | <font face="Arial" size="6"><center>Project Description</center></font><hr> |
| | + | </br><font face="Arial" size="4"> |
| | + | |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-sm-1"></div> | + | <div class="col-sm-6"><font face="Arial" size="4">Our current work was inspired by the ability of a thermosensitive ion channel, known as TRPV1, to import calcium into the cell in response to temperature changes. This process could one day be used to provide a method of <i>In-Silico</i> control of genetic circuits in synthetic biology. Our project explores the characterization of a calcium-sensitive reporter in <i>Saccharomyces cerevisiae</i> to monitor gene expression levels within a range of temperatures. |
| − | <div class="col-sm-4"><img src="https://placehold.it/450x300"></div>
| + | </br></br>< center><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Description">Learn more →</a ></center></font></div> |
| − | <div class="col-sm-2"></div>
| + | <div class="col-sm-6"> |
| − | <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="https://2017.igem.org/Team:LUBBOCK_TTU/Description">Learn more .</a></font></div> | + | <video width="450" height="300" controls><source src="https://static.igem.org/mediawiki/2017/1/10/Lubbock_TTU_animation.mp4" type="video/mp4"></video> |
| − | <div class="col-sm-1"></div> | + | |
| | </div></br> | | </div></br> |
| | + | |
| | + | </font></br> |
| | + | </div><!-- end col-sm-10 --> |
| | </div> | | </div> |
| − | <!-- END SECTION 0 -->
| |
| | | | |
| − | <!-- SECTION 1 -->
| + | </div> |
| − | </br> | + | <!-- END PROJECT DESCRIPTION --> |
| − | <div style="background-color:#cccccc; overflow: auto;" class="clear_fix">
| + | |
| − | <center></br></br>
| + | |
| − | <font face="Arial" size="5">Learn More</font>
| + | |
| − | </br></br>
| + | |
| − | <div class="col-sm-12">
| + | |
| − | | + | |
| − | <div class="main">
| + | |
| − | | + | |
| − | <input id="tab1" type="radio" name="tabs" checked>
| + | |
| − | <label for="tab1">Design</label>
| + | |
| − |
| + | |
| − | <input id="tab2" type="radio" name="tabs">
| + | |
| − | <label for="tab2">Experiments</label>
| + | |
| − |
| + | |
| − | <input id="tab3" type="radio" name="tabs">
| + | |
| − | <label for="tab3">Model</label>
| + | |
| − |
| + | |
| − | <input id="tab4" type="radio" name="tabs">
| + | |
| − | <label for="tab4">Results</label>
| + | |
| − | | + | |
| − | <div class="content">
| + | |
| − | <div id="content1">
| + | |
| − | <!-- Tab A Content --> | + | |
| − | </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>
| + | |
| − | | + | |
| − | <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>
| + | |
| − | | + | |
| − | <h5 align="left">What should this page contain?</h5>
| + | |
| − | <font face="Arial" size="2" align="left">Explanation of the engineering principles your team used in your design
| + | |
| − | </br>Discussion of the design iterations your team went through
| + | |
| − | </br>Experimental plan to test your designs</font>
| + | |
| | | | |
| − | <h5 align="left">Inspiration</h5> | + | <!-- HP --> |
| − | <ul style="font-size:13px"> | + | <div style="background-color:#fff; overflow: auto;" class="clear_fix"> |
| − | <li align="left"><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
| + | <div class="col-sm-12"> |
| − | <li align="left"><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
| + | |
| − | <li align="left"><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li> | + | |
| − | </ul>
| + | |
| | </br></br> | | </br></br> |
| − | <!-- End Tab A Content --> | + | <font face="Arial" size="6"><center>Human Practices</center></font><hr> |
| − | </div>
| + | </br><font face="Arial" size="4">Human Practices is an integral part of creating impactful relationships with our community, and conducting research that is embraced by a generalized audience. The iGEM competition is centered around synthetic biology, of which includes genetic engineering, which traditionally has been a controversial area of research. Careful consideration of Human Practices ensures that our research is ethical, responsible, safe, secure, and sustainable. |
| | | | |
| − | <div id="content2">
| + | </br></br><center><a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP/Silver">Learn more →</a> |
| − | <!-- Tab B Content --> | + | </font></br></br></br> |
| − | </br><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> | + | </div> |
| | + | </div> |
| | + | <!-- END HP --> |
| | | | |
| − | <p>Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.</p> | + | <!-- INTERLAB --> |
| | + | <div style="background-color:#fff; overflow: auto;" class="clear_fix"> |
| | + | <div class="col-sm-12"> |
| | + | <font face="Arial" size="6"><center>InterLab Study</center></font><hr> |
| | + | </br><font face="Arial" size="4">The iGEM Measurement Committee aims to develop robust measurement procedures for enhancing the quantification and reproducibility of results through the InterLab Study. The objective of the 2017 InterLab Study is to determine absolute units for measuring green fluorescent protein (GFP) that are easily comparable regardless of the type of plate reader used to make the measurement. We used a standardized protocol and analysis method for measuring GFP with a BioTek Synergy 4 plate reader. |
| | | | |
| − | <h5 align="left">What should this page contain?</h5> | + | </br></br><center><a href="https://2017.igem.org/Team:LUBBOCK_TTU/InterLab">View 2017 InterLab Study results →</a></center></font></br></br> |
| − | <ul style="font-size:13px"> | + | </div> |
| − | <li align="left"> Protocols </li> | + | </div> |
| − | <li align="left"> Experiments </li> | + | <!-- END INTELRAB --> |
| − | <li align="left"> Documentation of the development of your project </li> | + | |
| − | </ul> | + | |
| | | | |
| − | <h5 align="left">Inspiration</h5> | + | <!-- ABOUT US --> |
| − | <ul style="font-size:13px"> | + | <div class="container-fluid"> |
| − | <li align="left"><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li> | + | </br> |
| − | < li align=" left"><a href="https:// 2014.igem.org/Team: Imperial/ Protocols"> 2014 Imperial </a></ li> | + | <div class="row"> |
| − | <li align="left"><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li> | + | < div class=" col-sm-5">< font face=" Arial" size="6"> About Us</ font><hr></ br>< font face=" Arial" size="4">The Lubbock_TTU Team is part of a student organization at Texas Tech University known as iGEM Raiders. This year, the Lubbock_TTU team is composed of 10 undergraduate and graduate students.</br></br><center><a href="https:// 2017.igem.org/Team: LUBBOCK_TTU/ Team"> Meet the Team →</a></ center></font></div> |
| − | </ul> | + | <div class="col-sm-1"></div> |
| − | </br></br> | + | <div class="col-sm-4"><img src="https://static.igem.org/mediawiki/2017/8/80/Lubbock_TTU_teamphoto.jpg" width="450px"></div> |
| − | <!-- End Tab B Content --> | + | <div class="col-sm-1"></div> |
| − | </div>
| + | </div></br></br></br> |
| | + | </div> |
| | + | <!-- END ABOUT US --> |
| | | | |
| − | <div id="content3">
| + | <!-- COLLABS --> |
| − | <!-- Tab C Content --> | + | <div class="col-sm-12"><font face="Arial" size="6"><center>Collaborations</center></font><hr></div> |
| − | </br><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> | + | <div class="col-sm-4"> |
| − | <p> | + | <div class="hover11 column"> |
| − | 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. | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Collaborations"><figure><img src="https://static.igem.org/mediawiki/2017/9/90/Lubbock_TTU_collaborations.jpg" width="230" height="230"></figure></a> |
| − | </p> | + | </div> |
| | + | </div> |
| | | | |
| − | < p> Please see the <a href="https://2017.igem.org/ Judging/ Medals"> 2017 Medals Page</a> for more information. </ p> | + | <div class="col-sm-4"> |
| | + | <div class="hover11 column"> |
| | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Collaborations"><figure><img src="https://www.tacc.utexas.edu/documents/1084364/1085221/utaustin-seal.png/2254124a-1d13-44cc-8e3f-6d925af2391d?t=1412720755000" width="230" height="230"></figure></a> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | <p><b>Best Model Special Prize</b></p> | + | <div class="col-sm-4"> |
| | + | <div class="hover11 column"> |
| | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Collaborations"><figure><img src="https://static.igem.org/mediawiki/2017/thumb/1/17/T--Erlangen_Nuremberg--Logo.png/240px-T--Erlangen_Nuremberg--Logo.png" width="230" height="230"></figure></a> |
| | + | </div> |
| | + | </div> |
| | + | <!-- END COLLABS --> |
| | | | |
| − | <p> | + | </div> <!-- /container --><!-- end of for NAVI --> |
| − | 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> | + | <!-- QL --> |
| − | <p> | + | <style> |
| − | Here are a few examples from previous teams:
| + | .btn-group button { |
| − | </p>
| + | background-color: #cc3d3d; /* Green #4CAF50 background */ |
| − | <ul align="left" style="font-size:13px">
| + | border: 1px solid #cc3d3d; /* Border color */ |
| − | <li align="left"><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
| + | color: white; /* White text */ |
| − | <li align="left"><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016 </li>
| + | padding: 10px 24px; /* Some padding */ |
| − | <li align="left"><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
| + | cursor: pointer; /* Pointer/hand icon */ |
| − | <li align="left"><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
| + | float: left; /* Float the buttons side by side */ |
| − | </ul>
| + | } |
| − | </br></br>
| + | |
| − | <!-- End Tab C Content -->
| + | |
| − | </div>
| + | |
| | | | |
| − | <div id="content4">
| + | /* Clear floats (clearfix hack) */ |
| − | <!-- Tab D Content -->
| + | .btn-group:after { |
| − | </br><p>Here you can describe the results of your project and your future plans. </p>
| + | content: ""; |
| | + | clear: both; |
| | + | display: table; |
| | + | } |
| | | | |
| − | <p><b>What should this page contain?</b></p>
| + | .btn-group button:not(:last-child) { |
| − | <ul align="left" style="font-size:13px">
| + | border-right: none; /* Prevent double borders */ |
| − | <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>
| + | /* Add a background color #3e8e41 on hover */ |
| | + | .btn-group button:hover { |
| | + | background-color: #b23535; |
| | + | } |
| | + | </style> |
| | | | |
| − | <ul align="left" style="font-size:13px"> | + | <div class="btn-group" style="width:100%"> |
| − | <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> | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Notebook"><button style="width:25%"><i class="fa fa-book" style="font-size:45px;color:;"></i></br>Notebook</button></a> |
| − | <li align="left"> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li> | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Part_Collection"><button style="width:25%"><i class="fa fa-cogs" style="font-size:45px;color:;"></i></br>Parts</button></a> |
| − | <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> | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Safety"><button style="width:25%"><i class="fa fa-medkit" style="font-size:45px;color:;"></i></br>Safety</button></a> |
| − | </ul> | + | <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Engagement"><button style="width:25%"><i class="fa fa-spinner" style="font-size:45px;color:;"></i></br>Public Engagement</button></a> |
| | + | </div> |
| | + | <!-- END OF QL --> |
| | | | |
| − | </br><p><b>Project Achievements</b></p> | + | <!-- SPONSORS --> |
| | + | <style> |
| | + | .btn-group2 button { |
| | + | background-color: #b7b7b7; /* Background */ |
| | + | border: 1px solid #b7b7b7; /* Border color */ |
| | + | color: white; /* Text color */ |
| | + | padding: 10px 24px; /* Some padding */ |
| | + | float: left; /* Float the buttons side by side */ |
| | + | } |
| | | | |
| − | <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>
| + | /* Clear floats (clearfix hack) */ |
| | + | .btn-group2:after { |
| | + | content: ""; |
| | + | clear: both; |
| | + | display: table; |
| | + | } |
| | | | |
| − | <ul align="left" style="font-size:13px">
| + | .btn-group2 button:not(:last-child) { |
| − | <li align="left">A list of linked bullet points of the successful results during your project</li>
| + | border-right: none; /* Prevent double borders */ |
| − | <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> | + | </style> |
| | | | |
| − | </br><p><b>Inspiration</b></p> | + | <center> |
| − | <p>See how other teams presented their results.</p> | + | <div class="btn-group2" style="width:100%"> |
| − | <ul align="left" style="font-size:13px">
| + | <button style="width:100%""> |
| − | <li align="left"><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li> | + | <div style="line-height:120%;"> |
| − | <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 class="col col-sm-12"><font face="Arial" size="6"></br>Our Sponsors</font></div>--> |
| − | </div> <!-- end class main --> | + | |
| | | | |
| − | </div> | + | <div class="col col-sm-3"></br></br><img src="https://static.igem.org/mediawiki/2017/e/e4/Lubbock_TTU_artsandsciences.png" width="230"></div> |
| − | </center> | + | <div class="col col-sm-3"></br></br><img src="https://static.igem.org/mediawiki/2016/5/51/Muc16_Sponsor_IDT.png" width="200"></div> |
| − | </br> | + | <div class="col col-sm-3"></br></br><img src="https://static.igem.org/mediawiki/2014/5/5a/York_Genscript_logo-1-.png" width="200"></div> |
| − | </div> | + | <div class="col col-sm-3"><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" height="150"></div> |
| − | <!-- END SECTION 1 --> | + | |
| | | | |
| − | <!-- SECTION 2 -->
| + | </br><div class="col col-sm-3"></br></br><img src="https://static1.squarespace.com/static/54e7602be4b0165bdcece115/t/585aa64d6a49639e7a53948b/1482335827516/ttuhsc.png" width="200"></div> |
| − | <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>
| + | </br><div class="col col-sm-3"><img src="https://static.igem.org/mediawiki/2017/c/c4/Lubbock_TTU_troemner.png" height="120"></div> |
| − | <p align="center><font face="Arial" size="5" color="white"></br></br><center>Quick Links</center></font></p>
| + | </br><div class="col col-sm-3"></br></br></br><img src="https://upload.wikimedia.org/wikipedia/commons/7/70/Whitacre_College_of_Engineering_logo.svg" width="220"></div> |
| − | </br>
| + | <div class="col col-sm-3"></br></br><img src="https://static.igem.org/mediawiki/2017/5/57/Lubbock_TTU_logomrdnd.png" width="202"> |
| − | <div class="col-sm-2"></div><center> | + | |
| − | <div class="col-sm-2"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Notebook"><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="https://2017.igem.org/Team:LUBBOCK_TTU/Parts"><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="https://2017.igem.org/Team:LUBBOCK_TTU/Safety"><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="https://2017.igem.org/Team:LUBBOCK_TTU/Engagement"><i class="fa fa-spinner" style="font-size:48px;color:white;"></i><font color="white"></br></br>Public Engagement</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="https://2017.igem.org/Team:LUBBOCK_TTU/Team">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> | | </div> |
| − | <!-- END SECTION 3 --> | + | </button> |
| − | | + | < button style="width: 100%""><div style=" line-height: 10%;"></br></div></ button> |
| − | <!-- 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> | | </div> |
| − | <!-- END SECTION 4 --> | + | </center> |
| | + | <!-- END OF SPONSORS --> |
| | | | |
| | </body> | | </body> |
| | | | |
| | <!-- FOOTER --> | | <!-- FOOTER --> |
| − | <div class="row"> | + | <div class="footer"><center><font face="Arial" size="3" color="black">© 2017 Lubbock_TTU</font></center></div> |
| − | <div class="col-sm-4" style="background-color:#fff;"><center><font size="2">© 2017 Lubbock_TTU</font></center></div>
| + | |
| − | <div class="col-sm-4" style="background-color:#6dcd9a;"><center><font color="white" size="2">ttuigem@gmail.com</font></a></center></div>
| + | |
| − | <div class="col-sm-2" style="background-color:#3D5B94;"><center><a href=""><font color="white" size="2">f</font></a></center></div>
| + | |
| − | <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>
| + | |
| − | </div> | + | |
| | <!-- END FOOTER --> | | <!-- END FOOTER --> |
| | | | |
| | </html> | | </html> |
