Difference between revisions of "Team:Lubbock TTU/Test"

 
(47 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Lubbock_TTU/main}}
+
{{Template:Lubbock_TTU/CSS}}
−
<html>
+
−
    <body style="background-image:url('http://unsplash.it/1920/1080 ');">
+
−
   
+
−
    <div class="container-fluid">
+
−
     
+
−
       
+
−
        <div class="row" id="banner">
+
−
            <div id="bannercontent">
+
−
                <center>
+
−
<!--                <img src="http://placehold.it/100x100" id="icon">-->
+
−
                <h1>Northeastern University</h1>
+
−
                <h2>Wastewater Treatment: Energy and Information</h2>
+
  
−
               
+
<html>
−
<div id="continue"> <a href="#projintro" class="fa fa-chevron-down"></a></div>
+
  
−
                </center>
+
<head>
−
            </div>
+
<link href='https://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
−
        </div>
+
−
        <div class="row" id="projintro" style="padding-top:0px;">
+
−
            <h3 style="padding-top:100px;">about this project</h3>
+
−
<!--
+
−
            <div class="col-md-6">
+
−
                <h4>
+
−
                    <div id="subicon" class="fa fa-flask"></div><br />
+
−
                    subsection 1
+
−
                </h4>
+
−
                <div class="content">Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit. Nulla erat metus, congue non ex nec, tincidunt tincidunt sapien. Suspendisse sed sapien ipsum. Praesent cursus arcu vel condimentum pretium. Nam purus nulla, dignissim nec pellentesque in, tincidunt a enim. Donec augue neque, volutpat vitae pharetra in, aliquet eget elit. Nunc posuere velit massa, quis lobortis justo ultrices sed. Morbi vitae tellus ullamcorper, bibendum massa at, tristique felis. Sed ante tellus, eleifend at sem at, sollicitudin feugiat sapien. Sed posuere leo nisl, quis egestas purus auctor et. Integer porta ac est ut dictum. Ut tellus turpis, aliquam a sodales a, convallis at justo. Donec interdum ante eget blandit ultricies.
+
−
                    <div id="readmore"><a href="/Team:Northeastern">Read more →</a></div></div>
+
−
               
+
−
            </div>
+
−
            <div class="col-md-6">
+
−
               
+
−
                <h4>
+
−
                    <div id="subicon" class="fa fa-wrench"></div><br />
+
−
                    subsection 2
+
−
                </h4>
+
−
               
+
−
                <div class="content">Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit. Nulla erat metus, congue non ex nec, tincidunt tincidunt sapien. Suspendisse sed sapien ipsum. Praesent cursus arcu vel condimentum pretium. Nam purus nulla, dignissim nec pellentesque in, tincidunt a enim. Donec augue neque, volutpat vitae pharetra in, aliquet eget elit. Nunc posuere velit massa, quis lobortis justo ultrices sed. Morbi vitae tellus ullamcorper, bibendum massa at, tristique felis. Sed ante tellus, eleifend at sem at, sollicitudin feugiat sapien. Sed posuere leo nisl, quis egestas purus auctor et. Integer porta ac est ut dictum. Ut tellus turpis, aliquam a sodales a, convallis at justo. Donec interdum ante eget blandit ultricies.
+
−
                <div id="readmore"><a href="/Team:Northeastern">Read more →</a></div></div>
+
−
            </div>
+
−
-->
+
−
            <div class="col-md-2"></div>
+
−
            <div class="col-md-4 content" style="max-width:1000px;padding:10px 50px;">
+
−
                    Northeastern’s brainstorming this year evolved around two proposals: E. coli that maintain anoxic conditions and E. coli that deliver pathogen-disabling CRISPR-cas9 constructs to pathogen bacteria. While the two ideas were dissimilar, we discovered an area that we believe could make use of both projects: microbial electrochemical technologies. Microbial electrochemical technologies take advantage of bacterial oxidation of food sources by the production of electrical current. Microbial electrolysis cells, which are a subset of microbial electrochemical technologies, use the electrical current generated by bacteria breaking down substrate as a subsidy for the evolution of valuable chemicals on the cathode side of the cell. Hydrogen, which would normally require around 0.41V from acetate, for example, can be produced in an MEC at around 0.2V since the bacteria themselves provide some of the current. Oxygen in an MEC will hinder hydrogen generation since oxygen will readily reduce at the cathode, therefore, maintaining an oxygen-free environment, by the engineering of partner E coli, may prove advantageous for MEC’s. </p>
+
  
 +
<style>
  
−
            </div>
+
#sideMenu, #top_title {display:none;}
−
            <div class="col-md-4 content" style="max-width:1000px;padding:10px 50px;">
+
  
−
                    We believe that conjugation of CRISPR-cas9 plasmids to pathogenic bacteria also makes sense in the context of MECs. The reason for this is that MECs show the greatest potential for use in wastewater treatment facilities, where there are large unused quantities of reduced organic material. An additional but unaddressed need within wastewater treatment is the ability to detect the presence of pathogens; discovering pathogens in wastewater may predict the emergence of disease. In this pursuit, existing technologies fall short. PCR is difficult to apply in this situation, given the sheer number of circulating pathogens, and microarrays are not robust enough for the application. If it were possible to use the partner bacteria in MECs to also conjugate CRISPR plasmids into pathogenic bacteria, detecting pathogens if they are present in the wastewater, we believe that it would represent a reliable solution to the existing problem. Therefore, our project is centered around investigating these two problems, both of which could be addressed the treatment of wastewater.
+
#logo:hover {
 +
    opacity:0.6;
 +
}
 +
h1{
 +
    font-family: "Comfortaa", sans-serif;
 +
    font-size: 40px;
 +
    text-align:center;
 +
    overflow: display;
 +
}
 +
h3, h4{
 +
    text-align:center;
 +
}
 +
h4 a:hover{
 +
    text-decoration:none;
 +
    color:#8CCF6C;
 +
}
 +
.col{
 +
    width:25%;
 +
    background-color:#FAFAFA;
 +
    margin:1%;
 +
    padding:3%;
 +
    margin-top:5%;
 +
    float:left;
 +
    text-align:left;
 +
}
 +
.clear{
 +
    clear:both;
 +
}
  
−
            </div>
+
</style>
−
            <div class="col-md-2"></div>
+
</head>
−
        </div>
+
−
        <div class="row" id="teamintro" style="Background:#eee;">
+
−
            <div class="col-md-1"></div>
+
−
            <div class="col-md-6">
+
−
                <h3>who we are</h3>
+
−
                <div class="content" style="max-width:800px;">Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit. Nulla erat metus, congue non ex nec, tincidunt tincidunt sapien. Suspendisse sed sapien ipsum. Praesent cursus arcu vel condimentum pretium. Nam purus nulla, dignissim nec pellentesque in, tincidunt a enim. Donec augue neque, volutpat vitae pharetra in, aliquet eget elit. Nunc posuere velit massa, quis lobortis justo ultrices sed. Morbi vitae tellus ullamcorper, bibendum massa at, tristique felis. Sed ante tellus, eleifend at sem at, sollicitudin feugiat sapien. Sed posuere leo nisl, quis egestas purus auctor et. Integer porta ac est ut dictum. Ut tellus turpis, aliquam a sodales a, convallis at justo. Donec interdum ante eget blandit ultricies.
+
−
                    <div id="readmore"><a href="/Team:Northeastern">Read more →</a></div>
+
−
                </div>
+
−
            </div>
+
−
            <div class="col-md-4">
+
−
                <center><img src="https://static.igem.org/mediawiki/2016/1/15/Northeastern_PCR_Protocol.jpeg" id="teamphoto"></center>
+
−
            </div>
+
−
            <div class="col-md-1"></div>
+
−
        </div>
+
−
       
+
−
        <div class="row" id="sitemap">
+
−
           
+
−
            <div class="col-md-12" id="sitelinks">
+
−
                <h3>explore</h3>
+
−
                <a href="/">team</a>
+
−
                <a href="/">projects</a>
+
−
                <a href="/">parts</a>
+
−
                <a href="/">safety</a>
+
−
                <a href="/">attributions</a>
+
−
                <a href="/">human practices</a>
+
−
            </div>
+
−
           
+
−
        </div>
+
−
       
+
−
        <div class="row" id="sponsors">
+
−
            <div class="col-md-1"></div>
+
−
            <div class="col-md-10">
+
−
                <center>
+
−
                    <a href="http://compasstherapeutics.com/"><img src="https://static.igem.org/mediawiki/2016/3/3c/T--Northeastern--compass.png"></a>
+
−
                    <a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2016/0/0a/T--Northeastern--idt.png"></a>
+
−
                    <a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2016/7/7f/T--Northeastern--neb.jpg"></a>
+
−
                    <a href="http://www.northeastern.edu/cos/"><img src="https://static.igem.org/mediawiki/2016/5/5d/T--Northeastern--COS.png"></a>
+
−
                    <a href="http://www.bioe.neu.edu/"><img src="https://static.igem.org/mediawiki/2016/e/e8/T--Northeastern--bioe.png"></a>
+
−
                    <a href="http://www.che.neu.edu/"><img src="https://static.igem.org/mediawiki/2016/a/aa/T--Northeastern--cheme.png"></a>
+
−
                </center>
+
−
            </div>
+
−
            <div class="col-md-1"></div>
+
−
        </div>
+
−
       
+
−
       
+
−
    </div><!--container-->
+
−
           
+
−
    </body>
+
−
</html>
+
  
 +
<body style="margin:auto">
  
−
{{NortheasternFooter}}
+
<h1>TITLE</h1>
 +
 
 +
<h4><i>"Tagline"</i></h4></br>
 +
 
 +
<center>
 +
 
 +
<!-- Slideshow -->
 +
<div class="column full_size" >
 +
<div class="slideshow-container">
 +
  <div class="mySlides fade">
 +
    <div class="numbertext">3 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/c/ca/T--Lubbock_TTU--20160505_151815.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
 +
 
 +
  <div class="mySlides fade">
 +
    <div class="numbertext">2 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/0/00/T--Lubbock_TTU--20160630_170737.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
 +
 
 +
  <div class="mySlides fade">
 +
    <div class="numbertext">1 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%">
 +
    <div class="text"></div>
 +
  </div>
 +
 
 +
</div>
 +
<br>
 +
 
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
</div>
 +
</div>
 +
<!-- End of Slideshow -->
 +
 
 +
</center>
 +
 
 +
<div>
 +
<p style='margin-left:30px; margin-bottom:20px'>
 +
<center>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" height=""></img></a>
 +
&emsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="23%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="30%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a>
 +
</br><a href=''><img src="https://static.igem.org/mediawiki/2016/6/65/T--Lubbock_TTU--mrdna.png" class="" width="20%" height=""></img></a>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 +
</center>
 +
</p>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div style='width:100%; clear:both'></div>
 +
 
 +
 
 +
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 
 +
</body>
 +
 
 +
<!-- Slideshow JS -->
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " active";
 +
}
 +
 
 +
<!-- Automatic -->
 +
var slideIndex = 0;
 +
showSlides();
 +
 
 +
function showSlides() {
 +
    var i;
 +
    var slides = document.getElementsByClassName("mySlides");
 +
    for (i = 0; i < slides.length; i++) {
 +
        slides[i].style.display = "none";
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex> slides.length) {slideIndex = 1}
 +
    slides[slideIndex-1].style.display = "block";
 +
    setTimeout(showSlides, 3000); // Change image every 3 seconds
 +
}
 +
 
 +
</script>
 +
<!-- End of SS JS -->
 +
 
 +
</html>

Latest revision as of 15:54, 22 July 2016

TITLE

"Tagline"


3 / 3
2 / 3
1 / 3