Difference between revisions of "Team:Warwick"

m
Line 1: Line 1:
−
<html lang="en">
+
<!DOCTYPE html>
−
  <head>
+
<head>
−
    <meta charset="UTF-8">
+
<meta charset="UTF-8">
−
    <title>WISB iGEM</title>
+
<link rel="stylesheet" href="css/IndexStylesheet.css">
−
    <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css">
+
<script src="js/jquery-3.3.1.min.js"></script>
 +
<script src="js/RequiredJavascripts.js"></script>
 +
<script src="js/NavbarRedirects.js"></script>
 +
<script src="js/BoatsJavascript.js"></script>
 +
 +
<script>
 +
$(function () {
 +
  $(document).scroll(function () {
 +
    $nav = $("#Navbar");
 +
    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
 +
    $("#TopNav").toggleClass("TopNavsscrolled", $(this).scrollTop() > $nav.height());
 +
    $("#topnav0").toggleClass("topnav0scrolled", $(this).scrollTop() > $nav.height());
 +
    $("#topnav1").toggleClass("topnav1scrolled", $(this).scrollTop() > $nav.height());
 +
    $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height());
 +
    $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height());
 +
  });
 +
});
  
−
    <link rel="icon" href="https://static.igem.org/mediawiki/2018/b/be/T--Warwick--favicon2.png">
+
</script>
−
  </head>
+
<title>Ripple</title>
 +
<link rel="icon" href="images/RippleLogo.ico">
  
−
  <body>
+
</head>
−
    <div id='body_div'>
+
−
      <div id="header">
+
−
        <div id="header_content">
+
−
          <ul>
+
−
            <li>
+
−
              <form action="https://2018.igem.org">
+
−
                <input type="submit" value="iGEM 2018 Jamboree">
+
−
              </form>
+
−
            </li>
+
−
            <li>
+
−
              <form action="https://www.wisb-uow.co.uk/">
+
−
                <input type="submit" value="Warwick Integrative Synthetic Biology">
+
−
              </form>
+
−
            </li>
+
−
          </ul>
+
−
        </div>
+
−
      </div>
+
  
 +
<body>
  
−
      <div id="mainbody">
 
  
−
        <img alt='' src="https://static.igem.org/mediawiki/2018/9/99/T--Warwick--ripplelogo.svg" id="logo">
+
<div id='Navbar' onmouseleave='reset()'>
−
       
+
<div id='TopNav'>
−
        <div>
+
<ul>
−
          <h1 style="margin-left: 10%; margin-right: 10%; text-align: center">
+
  <li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!--
−
            Welcome To The <span>WISB</span> iGEM Wiki Page<br><br>
+
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Human Practices</span></li><!--
−
          </h1>
+
  --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">The Team</span></li><!--
 +
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">Contact Us</span></li>
 +
</ul>
 +
</div>
 +
<div>
 +
<ul id='BottNav' style='display: none;'>
 +
<li><span>Meet the Team</span></li><!--
 +
--><li><span>Modelling</span></li><!--
 +
--><li><span>BioBricks</span></li><!--
 +
--><li><span>InterLab</span></li>
 +
</ul>
 +
</div>
 +
</div>
  
−
          <!-- Slideshow container -->
 
−
          <div class="slideshow-container">
 
  
−
            <!-- Full-width images with number and caption text -->
+
<div id='riverDiv'>
−
            <div class="mySlidesFade">
+
<div class='WelcomeDivs'>
−
              <div class="numbertext">1 / 5</div>
+
    <div id='fancyText'>
−
              <img alt='' class='imgs' src="https://static.igem.org/mediawiki/2018/8/8a/T--Warwick--gibbethill.png" style="width:100%">
+
       
−
              <div class="text" id='text1'>WISB and iGEM <br>
+
        <div class='WelcomeDivs' id='WDRipple'>
−
                <div class='text_inner'>
+
        <img id='logo' src='images/RippleLogo.svg'>
−
                  <br>
+
        <h3>Ripple</h3>
−
                 
+
        </div> <br>
−
                  <h3>The International Genetically Engineered Machine (iGEM) Competition</h3>
+
−
                  iGEM is an international genetic engineering competition that fosters scientific research and
+
−
                  education by creating a community of young student researchers, and by operating the Registry
+
−
                  of Standard Biological parts – an open source repository of DNA parts freely accessible to the
+
−
                  participating teams and labs.  You can find out more on the iGEM website.
+
−
                  Teams are made up of undergraduate students from a number of disciplines – typically engineering,
+
−
                  physics, chemistry, mathematics, computer science and biology.  Teams design their own project,
+
−
                  implement it during the summer, and travel to Boston to present their results at the iGEM “Jamboree”.
+
−
                  <br><br>
+
−
                 
+
−
                  <h3>iGEM at the University of Warwick</h3>
+
−
                  Undergraduate students at the University of Warwick have participated in the iGEM competition
+
−
                  for the past three years, winning two Gold medals and one Silver medal. In 2016 Warwick’s team
+
−
                  were also nominated for best software tool.
+
−
                  <br>
+
−
                  Professor Alfonso Jaramillo leads the Warwick iGEM initiative, with support from WISB Post
+
−
                  Doctoral Research Assistants and Principal Investigators.
+
  
−
                </div>
+
        <div class='WelcomeDivs' id='WDText'>  
−
              </div>
+
<span id='WDT0'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Biological</span>
−
            </div>
+
    <br>
 +
    <span id='WDT1'>&nbsp;&nbsp;&nbsp;&nbsp;Organic</span>
 +
    <br>
 +
    <span id='WDT2'>&nbsp;&nbsp;Inorganic</span>
 +
    <br>
 +
    <span id='WDT3'>Solutions to clean water</span>
 +
    </div>
  
−
            <div class="mySlidesFade">
+
    </div>
−
              <div class="numbertext">2 / 5</div>
+
</div>
−
              <img alt='' class='imgs' src="https://static.igem.org/mediawiki/2018/4/4d/T--Warwick--igem_team_2018.png" style="width:100%">
+
</div>
−
              <div class="text" id='text2'>Our Team <br>
+
−
                <div class='text_inner'>
+
<div class='contentDivs' id='CDiv1'>
−
                  <br>
+
<h1>Lorem Ipsum</h1>
−
                 
+
<p>Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.</p>
−
                  <h3>The Team</h3>
+
</div>
−
                  This year our iGEM team consists of students from Biochemistry, Biomedical Sciences,  
+
−
                  Medical Microbiology & Virology, Life Sciences with Global Sustainable Development,  
+
−
                  and for the first time students from other disciplinaries; Computer Science, and Law.
+
−
                  <br><br>
+
−
                  The iGEM team will be assisted by
+
−
                  <a class='aca-links' href='https://warwick.ac.uk/fac/sci/chemistry/research/corre/'>Dr. Christopher Corre</a>,  
+
−
                  <a class='aca-links' href='https://www.wisb-uow.co.uk/people/corinne-hanlon/'>Dr. Corinne Hanlon</a>, and
+
−
                  <a class='aca-links' href='https://warwick.ac.uk/fac/sci/lifesci/people/ajaramillo/'>Dr.Alfonso Jaramillo</a>
+
−
                  and many other academics from within the University of Warwick.
+
  
−
                  <br><br>
+
<div class='contentDivs' id='CDiv2'>
−
                 
+
<h1>Lorem Ipsum</h1>
−
                  <form action='/Team:Warwick/theTeam.html'>
+
<p>Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.</p>
−
                    <button class='button' type='submit'>
+
</div>
−
                      <span>Meet the Team</span>
+
−
                    </button>
+
<div class='imageDivs' id='greywhitesplit'></div>
−
                  </form>
+
  
−
                </div>
+
<div class='' id='BOIStriangle'>
−
              </div>
+
−
            </div>
+
<div id='BOISContent'>
 +
<h1 id='BCTitle'>Click one</h3>
 +
<p id='BCText'>Please?</p>
 +
</div>
  
−
            <div class="mySlidesFade">
+
<img src='images/Biological.svg' id='bioIMG' onclick="rotate(0)">
−
              <div class="numbertext">3 / 5</div>
+
<img src='images/Organic.svg' id='orgIMG' onclick="rotate(1)">
−
              <img alt='' class='imgs' src="https://static.igem.org/mediawiki/2018/8/8d/T--Warwick--ecoli.png" style="width:100%">
+
<img src='images/Inorganic.svg' id='inorgIMG' onclick="rotate(2)">
−
              <div class="text" id='text3'>Our Plan <br>
+
</div>
−
                <div class='text_inner'>
+
−
                  <br>
+
−
                 
+
−
                  <h3>Our Goal</h3>
+
−
                  Our goal is to create a better future using synthetic biology to solve problems
+
−
                  currently faced by the world today. For example, last year our iGEM team used
+
−
                  E.coli to produce a biopolymer, which then in turn was used as the bio-ink for
+
−
                  their 3D printer. Over the course of the summer months, the team relentlessly
+
−
                  worked away in many labs around the campus to use this system for the creation of
+
−
                  surface coatings with improved biocompatibility and osseointegration.<br><br>
+
  
−
                </div>
+
<div class='imageDivs' id='labDiv'>
−
              </div>
+
<div class='imageDivs' id='whitegreysplit'></div>
−
            </div>
+
<img src='images/lab2.png' id='labIMG'>
 +
<div id='imageFilter'>
 +
<div class='contentOnImages'>
 +
<h2 style='font-size: 1.5vw'>Ripple is</h2>
 +
<h1 style='font-size: 3vw;'>
 +
<span style='font-weight: 400;'>Making water <span style='font-weight: 700;'>safe</span> again,</span>
 +
<span style='font-weight: 300;'> one step at a time</span>
 +
</h1><br>
 +
<p style='font-weight: 300; font-size: 1.5vw; width: 60%; margin: 0 auto'>
 +
Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlfe too.
 +
</p>
 +
<br>
 +
<button onclick="">Find out more here</button>
 +
</div>
 +
</div>
 +
</div>
  
−
            <div class="mySlidesFade">
+
<div id='footer'>
−
              <div class="numbertext">4 / 5</div>
+
−
              <img alt='' class='imgs' src="https://static.igem.org/mediawiki/2018/4/4a/T--Warwick--rjLab.jpg" style="width:100%">
+
<div id='leftFoot'>
−
              <div class="text" id='text4'>Lab Diary <br><br>
+
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
−
                <div class='text_inner'>
+
<img id='FooterLogo' src='images/RippleLogo.svg'>
−
                <h3>Development Diary</h3>
+
<div id='socialmedia'>
−
                Our iGEM team has kept records of everything we have achieved so far, ranging from the
+
<h1 style='color: white; font-weight: 300; font-size: 1.5vw; margin-left: -5%'>igem@warwick.ac.uk</h1>
−
                first meetings to what will become the final product. An up to date diary of these events
+
<br>
−
                can be found below.
+
            <a class='socialMedia' style='margin-right: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA">
 +
            <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube">
 +
            </a>
 +
            <a class='socialMedia' style='margin-right: 5%' href="https://twitter.com/WISB_SynBioCtre">
 +
            <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
 +
            </a>
 +
            <a class='socialMedia' style='margin-right: -2.5%' href="https://www.instagram.com/igem_warwick/">
 +
            <img src="images/insta.png" alt="Twitter">
 +
            </a>
 +
            </div>
 +
</div>
  
−
                <br><br><br>
 
  
−
                <form action='LabDiary.html'> 
+
<div id='rightFoot'>
−
                  <button class='button'>
+
<h1 class='FooterTitle' style='color: black'>Sponsors</h1>
−
                  <span>Lab Diary</span>
+
        <table id='theSponsors'>
−
                  </button>
+
                <tr>
−
                </form>
+
                    <td>
−
 
+
                        <img class='sponsorimages' src="images/T--Warwick--GRPIM.png">
−
                </div>
+
                    </td>
−
              </div>
+
                    <td>
−
            </div>
+
                        <img class='sponsorimages' src="images/T--Warwick--WSFG.png">
−
 
+
                    </td>
−
            <div class="mySlidesFade">
+
                    <td>
−
              <div class="numbertext">5 / 5</div>
+
                        <img class='sponsorimages' src="images/synbiocdt.png">
−
              <img alt='' class='imgs' src="https://static.igem.org/mediawiki/2018/6/6a/T--Warwick--results.png" style="width:100%">
+
                    </td>
−
              <div class="text" id='text5'>Results <br>
+
                </tr>
−
                <div class='text_inner'>
+
                <tr>
−
                  <br><br>
+
                    <td>
−
                  When we have some you'll be the first to know!
+
                        <img class='sponsorimages' src="images/snapgene.png">
−
                </div>
+
                    </td>
−
              </div>
+
                    <td>
−
            </div>
+
                        <img class='sponsorimages' src="images/SEB.png">                          
−
 
+
                    </td>
−
            <!-- Next and previous buttons -->
+
                    <td>
−
            <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/f/fb/T--Warwick--NEbiolabs.png">
−
            <a class="next" onclick="plusSlides(1)">&#10095;</a>
+
                    </td>
−
          </div>
+
                </tr>
−
          <br>
+
            </table>
−
 
+
            <table id='theSponsors'>
−
          <!-- The dots/circles -->
+
                <tr>
−
          <div style="text-align:center">
+
                <td class='bottomrow'>
−
            <span class="dot" onclick="currentSlide(1)"></span>
+
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--WISB.png">
−
            <span class="dot" onclick="currentSlide(2)"></span>
+
                </td>
−
            <span class="dot" onclick="currentSlide(3)"></span>
+
                <td class='bottomrow'>
−
            <span class="dot" onclick="currentSlide(4)"></span>
+
                        <img class='sponsorimages' src="images/bbsrc.png">
−
            <span class="dot" onclick="currentSlide(5)"></span>
+
                </td>
−
          </div>
+
                </tr>
−
          <br><br>
+
            </table>
−
 
+
</div>
−
          <div id='projDescription'>
+
</div>
−
            <h3>
+
−
            Project Description
+
−
        </h3>
+
−
<p>
+
−
The theme of our iGEM entry this year is water safety. In particular, we will focus on using synthetic biology to achieve two goals. The first of these goals is to develop a novel method for detecting Legionella spp. in water systems, with the ability to distinguish between live and dead bacteria. Legionella is the bacteria that is responsible for causing Legionnaire’s disease in humans – a disease that causes pneumonia. It lives only in aquatic environments, usually as an intracellular parasite of protozoa such as amoebas. Legionnaire’s disease currently has no vaccine, so prevention relies on maintenance of Legionella spp. free water supplies. Currently we are looking at detecting Legionella mRNA using a complementary guide RNA that activates dCas9 when binding, to express GFP on a plasmid.
+
−
</p>
+
−
<p>
+
−
Our second goal is to develop and sequence a strain of E. coli that can utilise oestrogen as a source of carbon. Modern practises of society including agriculture and pharmaceuticals have increased the level of oestrogen in natural water sources such as rivers and lakes. This poses a large risk to aquatic species, especially fish, and has been shown to cause collapse of fish populations. We aim to investigate genetically modified bacteria as a potential starting point for a solution to this problem. By using directed evolution, we aim to synthesise a strain of E. coli that has the ability to use oestrogen as a carbon source, and then use sequencing to observe and study the genetic changes that allow it to do so.
+
−
</p>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
 
+
−
<div id="footer">
+
−
        <table id='theSponsors'>
+
−
                <tr>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--WISB.png">
+
−
                    </td>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/8/8b/T--Warwick--SEB.png">
+
−
                    </td>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4d/T--Warwick--Synbio.png">
+
−
                    </td>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--GRPIM.png">
+
−
                    </td>
+
−
                </tr>
+
−
                <tr>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/06/T--Warwick--BBSRC.png">
+
−
                    </td>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/b/bb/T--Warwick--WSFG.png">
+
−
                    </td>
+
−
                    <td>
+
−
                         <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/c/c4/T--Warwick--snapgene.png">
+
−
                    </td>
+
−
                    <td>
+
−
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/f/fb/T--Warwick--NEbiolabs.png">
+
−
                    </td>
+
−
                </tr>
+
−
 
+
−
            </table>
+
−
            <div id="youtubeLogo">
+
−
              <a href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA">
+
−
                <img src="https://static.igem.org/mediawiki/2018/6/61/T--Warwick--YTRed.png" alt="YouTube">
+
−
              </a>
+
−
            </div>
+
−
 
+
−
            <div id="twitterLogo">
+
−
              <a href="https://twitter.com/WISB_SynBioCtre">
+
−
              <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Warwick--Twitterlogo.png" alt="Twitter">
+
−
            </a>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
 
+
−
            <div style="float: right; width: 40%; margin-top: 0px; margin-bottom: 0px;">
+
−
              <p>&#9400; WISB iGEM Team, University of Warwick 2018</p>
+
−
            </div>
+
−
 
+
−
      </div>
+
−
 
+
−
    <script>
+
−
      var slideIndex = 1;
+
−
      showSlides(slideIndex);
+
−
 
+
−
      // Next/previous controls
+
−
      function plusSlides(n) {
+
−
        showSlides(slideIndex += n);
+
−
      }
+
−
 
+
−
      // Thumbnail image controls
+
−
      function currentSlide(n) {
+
−
        showSlides(slideIndex = n);
+
−
      }
+
−
 
+
−
      function showSlides(n) {
+
−
        var i;
+
−
        var slides = document.getElementsByClassName("mySlidesFade");
+
−
        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";
+
−
      }
+
−
    </script>
+
−
 
+
−
  </body>
+
  
 +
</body>
 
</html>
 
</html>

Revision as of 11:07, 25 September 2018

<!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/IndexStylesheet.css"> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/RequiredJavascripts.js"></script> <script src="js/NavbarRedirects.js"></script> <script src="js/BoatsJavascript.js"></script>

<script> $(function () { $(document).scroll(function () { $nav = $("#Navbar"); $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height()); $("#TopNav").toggleClass("TopNavsscrolled", $(this).scrollTop() > $nav.height()); $("#topnav0").toggleClass("topnav0scrolled", $(this).scrollTop() > $nav.height()); $("#topnav1").toggleClass("topnav1scrolled", $(this).scrollTop() > $nav.height()); $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height()); $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height()); }); });

</script> <title>Ripple</title> <link rel="icon" href="images/RippleLogo.ico">

</head>

<body>



Lorem Ipsum

Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.

Lorem Ipsum

Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.

Click one</h3>

Please?

</div>

<img src='images/Biological.svg' id='bioIMG' onclick="rotate(0)"> <img src='images/Organic.svg' id='orgIMG' onclick="rotate(1)"> <img src='images/Inorganic.svg' id='inorgIMG' onclick="rotate(2)"> </div>

<img src='images/lab2.png' id='labIMG'>

Ripple is

<h1 style='font-size: 3vw;'> Making water safe again, one step at a time </h1>

Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlfe too.


<button onclick="">Find out more here</button>

</body>

</html>