Difference between revisions of "Team:Warwick/Description"

(Prototype team page)
 
m
Line 1: Line 1:
{{Warwick}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/AttributionsStylesheet?action=raw&ctype=text/css">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
 +
<script>
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 +
function ChrisCorreDetails(){
 +
$('#ChrisText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
  
<div class="column full_size">
+
$('#ChrisText h4').fadeOut(300, function() {
<h1>Description</h1>
+
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
  
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
    $('#ChrisPic').toggleClass("rotated");
 +
}
  
</div>
+
function ChrisCorreDetailsReset(){
 +
$('#ChrisText h2').fadeOut(300, function() {
 +
        $(this).text('Dr. Christophe Corre').fadeIn(300);
 +
    });
  
 +
$('#ChrisText h4').fadeOut(300, function() {
 +
        $(this).text('iGEM Team Supervisor').fadeIn(300);
 +
    });
  
 +
    $('#ChrisPic').toggleClass("rotated");
 +
}
  
<div class="column two_thirds_size">
+
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<h3>What should this page contain?</h3>
+
<ul>
+
<li> A clear and concise description of your project.</li>
+
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
<li>References and sources to document your research.</li>
+
<li>Use illustrations and other visual resources to explain your project.</li>
+
</ul>
+
</div>
+
  
<div class="column third_size" >
+
function CorinneDetails(){
<div class="highlight decoration_A_full">
+
$('#CorinneText h2').fadeOut(300, function() {
<h3>Inspiration</h3>
+
        $(this).text('ChangedH2').fadeIn(300);
<p>See how other teams have described and presented their projects: </p>
+
    });
  
<ul>
+
$('#CorinneText h4').fadeOut(300, function() {
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
        $(this).text('ChangedH4').fadeIn(300);
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
    });
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
</ul>
+
</div>
+
</div>
+
  
 +
    $('#CorinnePic').toggleClass("rotated");
 +
}
  
 +
function CorinneDetailsReset(){
 +
$('#CorinneText h2').fadeOut(300, function() {
 +
        $(this).text('Dr. Corinne Hanlon').fadeIn(300);
 +
    });
  
 +
$('#CorinneText h4').fadeOut(300, function() {
 +
        $(this).text('iGEM Team Supervisor').fadeIn(300);
 +
    });
  
<div class="column two_thirds_size" >
+
    $('#CorinnePic').toggleClass("rotated");
<h3>Advice on writing your Project Description</h3>
+
}
  
<p>
+
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.
+
</p>
+
  
</div>
+
function EmzoDetails(){
 +
$('#EmzoText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
  
<div class="column third_size">
+
$('#EmzoText h4').fadeOut(300, function() {
<h3>References</h3>
+
        $(this).text('ChangedH4').fadeIn(300);
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
    });
  
</div>
+
    $('#EmzoPic').toggleClass("rotated");
 +
}
  
 +
function EmzoDetailsReset(){
 +
$('#EmzoText h2').fadeOut(300, function() {
 +
        $(this).text('Dr. Emzo De Los Santos').fadeIn(300);
 +
    });
  
 +
$('#EmzoText h4').fadeOut(300, function() {
 +
        $(this).text('WISB Research Fellow').fadeIn(300);
 +
    });
  
 +
    $('#EmzoPic').toggleClass("rotated");
 +
}
  
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 +
function ClareDetails(){
 +
$('#ClareText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
  
 +
$('#ClareText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#ClarePic').toggleClass("rotated");
 +
}
 +
 +
function ClareDetailsReset(){
 +
$('#ClareText h2').fadeOut(300, function() {
 +
        $(this).text('Clare Hayes').fadeIn(300);
 +
    });
 +
 +
$('#ClareText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#ClarePic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function RobGDetails(){
 +
$('#RobGText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#RobGText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#RobGPic').toggleClass("rotated");
 +
}
 +
 +
function RobGDetailsReset(){
 +
$('#RobGText h2').fadeOut(300, function() {
 +
        $(this).text('Robert Ramirez Garcia').fadeIn(300);
 +
    });
 +
 +
$('#RobGText h4').fadeOut(300, function() {
 +
        $(this).text('Research Assisstant').fadeIn(300);
 +
    });
 +
 +
    $('#RobGPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function AudamDetails(){
 +
$('#AudamText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#AudamText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#AudamPic').toggleClass("rotated");
 +
}
 +
 +
function AudamDetailsReset(){
 +
$('#AudamText h2').fadeOut(300, function() {
 +
        $(this).text('Audam Chhun').fadeIn(300);
 +
    });
 +
 +
$('#AudamText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#AudamPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function MarcoDetails(){
 +
$('#MarcoText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#MarcoText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#MarcoPic').toggleClass("rotated");
 +
}
 +
 +
function MarcoDetailsReset(){
 +
$('#MarcoText h2').fadeOut(300, function() {
 +
        $(this).text('Marco Delise').fadeIn(300);
 +
    });
 +
 +
$('#MarcoText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#MarcoPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function JackHoDetails(){
 +
$('#JackHoText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#JackHoText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#JackHoPic').toggleClass("rotated");
 +
}
 +
 +
function JackHoDetailsReset(){
 +
$('#JackHoText h2').fadeOut(300, function() {
 +
        $(this).text('Jack Ho').fadeIn(300);
 +
    });
 +
 +
$('#JackHoText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#JackHoPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function AlexDarlDetails(){
 +
$('#AlexDText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#AlexDText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#AlexDPic').toggleClass("rotated");
 +
}
 +
 +
function AlexDarlDetailsReset(){
 +
$('#AlexDText h2').fadeOut(300, function() {
 +
        $(this).text('Alexander Darlington').fadeIn(300);
 +
    });
 +
 +
$('#AlexDText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#AlexDPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function RobRichDetails(){
 +
$('#RobRichText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#RobRichText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#RobRichPic').toggleClass("rotated");
 +
}
 +
 +
function RobRichDetailsReset(){
 +
$('#RobRichText h2').fadeOut(300, function() {
 +
        $(this).text('Robert Richardson').fadeIn(300);
 +
    });
 +
 +
$('#RobRichText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#RobRichPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
function DanTDetails(){
 +
$('#DanTText h2').fadeOut(300, function() {
 +
        $(this).text('ChangedH2').fadeIn(300);
 +
    });
 +
 +
$('#DanTText h4').fadeOut(300, function() {
 +
        $(this).text('ChangedH4').fadeIn(300);
 +
    });
 +
 +
    $('#DanTPic').toggleClass("rotated");
 +
}
 +
 +
function DanTDetailsReset(){
 +
$('#DanTText h2').fadeOut(300, function() {
 +
        $(this).text('Daniel Taylor').fadeIn(300);
 +
    });
 +
 +
$('#DanTText h4').fadeOut(300, function() {
 +
        $(this).text('PhD Student').fadeIn(300);
 +
    });
 +
 +
    $('#DanTPic').toggleClass("rotated");
 +
}
 +
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
                </script>
 +
 +
<script>
 +
function changeNavBar(navbarSelection){
 +
 +
var bottnav = document.getElementById("BottNav");
 +
 +
$("#BottNav").hide().slideDown(300);
 +
 +
switch (navbarSelection){
 +
 +
case 0:
 +
bottnav.innerHTML = "<li onclick='goToDescription()'><span>Project Description</span></li><li onclick='goToDesign()'><span>Design</span></li><li onclick='goToExperiments()'><span>Experiments</span></li><li onclick='goToNotebook()'><span>Notebook</span></li><li onclick='goToInterLab()'><span>InterLab</span></li><li onclick='goToModel()'><span>Modelling</span></li><li onclick='goToResults()'><span>Results</span></li>";
 +
bottnav.style.marginLeft = "25%"
 +
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 +
break;
 +
case 1:
 +
bottnav.innerHTML = "<li onclick='goToOverview()'><span>Overview</span></li><li onclick='goToBasicParts()'><span>Basic Parts</span></li><li onclick='goToCompositeParts()'><span>Composite Parts</span></li>"; 
 +
bottnav.style.marginLeft = "40%"
 +
bottnav.style.background = 'linear-gradient(to right, #e6fefe, #d8fdfd)';
 +
break;
 +
case 2:
 +
bottnav.innerHTML = "<li onclick='goToHumanPractices()'><span>Integrated Human Practices</span></li><li onclick='Outreach()'><span>Outreach</span></li>";
 +
bottnav.style.marginLeft = "55%"
 +
bottnav.style.background = 'linear-gradient(to right, #d8fdfd, #bbf0f3)';
 +
break;
 +
case 3:
 +
bottnav.innerHTML = "<li onclick='MeetTheTeam()'><span>Meet the Team</span></li><li onclick='goToAttributions()'><span>Attributions</span></li><li onclick='goToCollaborations()'><span>Collaborations</span></li>";
 +
bottnav.style.marginLeft = "70%"
 +
bottnav.style.background = 'linear-gradient(to right, #bbf0f3, #85e4e9)';
 +
break;
 +
case 4:
 +
bottnav.innerHTML = "<li><span><a href='mailto:igem@warwick.ac.uk'>iGEM@warwick.ac.uk</a></span></li><li id='scrollToBottom' onclick='scrollToFooter()'><span>Social Media</span></li>";
 +
bottnav.style.marginLeft = "85%";
 +
bottnav.style.background = 'linear-gradient(to right, #85e4e9, #02c9d0)';
 +
break;
 +
}
 +
}
 +
 +
var amountToTurn = 0;
 +
var previousTeam = 0;
 +
 +
function rotate(newTeam){
 +
dif  = newTeam - previousTeam;
 +
if(dif == 1 || dif == -2){
 +
amountToTurn += 120;
 +
}
 +
else if(dif == -1 || dif == 2){
 +
amountToTurn -= 120;
 +
}
 +
 +
    $("#BOIStriangle").css('transform', 'rotate(' + amountToTurn + 'deg)');
 +
    $("#BOISContent").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 +
    $("#bioIMG").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 +
$("#orgIMG").css('transform', 'rotate(' + (-1*amountToTurn) + 'deg)');
 +
    $("#inorgIMG").css('transform', 'rotate('+ (-1*amountToTurn) + 'deg)');
 +
 +
    h3content = $("#BCTitle");
 +
    pcontent = $("#BCText");
 +
 +
    switch(newTeam){
 +
    case 0:
 +
    h3content.html("Biological");
 +
    pcontent.html("Riboswitches used to find RNA from legionella allowing quick confirmation of the presence of the live bacteria.");
 +
    break;
 +
    case 1:
 +
h3content.html("Organic");
 +
    pcontent.html("Utilising bacteria, specifically E.Coli, to degrade Oestregen from water to help out wildlife.");
 +
    break;
 +
    case 2:
 +
h3content.html("Inorganic");
 +
    pcontent.html("Utilisting the lead absorbing properties of B.Subtilis bacteria to collect lead from water and with a newly injected gas vesicle gene to make the bacteria float ot the surface for easy collection.");
 +
    break;
 +
    }
 +
 +
    previousTeam = newTeam;
 +
}
 +
 +
function reset(){
 +
$("#BottNav").hide();
 +
}
 +
                </script>
 +
 +
                <script>
 +
 +
function goHome(){
 +
    window.location = 'https://2018.igem.org/Team:Warwick';
 +
}
 +
 +
 +
function scrollToFooter(){
 +
    $('html, body').animate({scrollTop: '10000px'}, 5000);
 +
}
 +
 +
function MeetTheTeam(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/theTeam.html';
 +
}
 +
 +
function goToAttributions(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Attributions';
 +
}
 +
 +
function goToOutreach(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Outreach';
 +
}
 +
 +
function goToHumanPractices(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Human_Practices';
 +
}
 +
 +
function goToCollaborations(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/Collaborations';
 +
}
 +
 +
function goToDescription(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Description';
 +
}
 +
 +
function goToDesign(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Design';
 +
}
 +
 +
function goToExperiments(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Experiments';
 +
}
 +
 +
function goToInterlab(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/InterLab';
 +
}
 +
 +
function goToModel(){
 +
        window.location = 'https://2018.igem.org/Team:Warwick/Model';
 +
}
 +
 +
function goHome(){
 +
        window.location = "https://2018.igem.org/Team:Warwick";
 +
}
 +
 +
                </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());
 +
    $("#topnav4").toggleClass("topnav4scrolled", $(this).scrollTop() > $nav.height());
 +
  });
 +
});
 +
 +
</script>
 +
<title>Ripple</title>
 +
<link rel="icon" href="images/RippleLogo.ico">
 +
 +
</head>
 +
 +
<body>
 +
 +
 +
<div id='Navbar' onmouseleave='reset()'>
 +
<div id='TopNav'>
 +
<ul><!--
 +
  --><li><span class='topnavs' id='topnavHome' onclick="goHome()">Home</span></li>
 +
<!--
 +
  --><li><span class='topnavs' id='topnav0' onmouseenter="changeNavBar(0)">Project</span></li><!--
 +
  --><li><span class='topnavs' id='topnav1' onmouseenter="changeNavBar(1)">Parts</span></li><!--
 +
                                  --><li><span class='topnavs' id='topnav2' onmouseenter="changeNavBar(2)">Human Practices</span></li><!--
 +
  --><li><span class='topnavs' id='topnav3' onmouseenter="changeNavBar(3)">The Team</span></li><!--
 +
  --><li><span class='topnavs' id='topnav4' onmouseenter="changeNavBar(4)">Contact Us</span></li>
 +
</ul>
 +
</div>
 +
<div>
 +
<ul id='BottNav' style='display: none;'>
 +
<li><span></span></li><!--
 +
--><li><span></span></li><!--
 +
--><li><span></span></li><!--
 +
--><li><span></span></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
 +
<div id='AttributionsBody'>
 +
<div id='AttributionTitle'><br>
 +
<h1>Project Description</h1>
 +
<div id='Stripe'>
 +
</div>
 +
 +
                                <div id='descriptionFolder'>
 +
                                  <div id='tabs'>
 +
                                      <div class='tabs' id='tabBio'>
 +
                                          <h3>Biological</h3>
 +
                                      </div>
 +
                                      <div class='tabs' id='tabOrg'>
 +
                                          <h3>Organic</h3>
 +
                                      </div>
 +
                                      <div class='tabs' id='tabInorg'>
 +
                                          <h3>Inorganic</h3>
 +
                                      </div>
 +
                                  </div>
 +
 +
                                  <div id='descriptionPage'>
 +
                                      <h1 id='descriptionPageTitle'>Biological</h1>
 +
                                      <div id='descriptionPage'>                                     
 +
                                          <p></p>
 +
                                      </div>
 +
                                  </div>
 +
                                </div>
 +
</div>
 +
 +
<br><br>
 +
 +
<div id='footer'>
 +
 +
<div id='leftFoot'>
 +
<h1 class='FooterTitle' style='margin: 15px auto'>Contact Us</h1>
 +
<div id='socialmedia'>
 +
<h1 style='color: white; font-weight: 300; font-size: 1.5vw;'>igem@warwick.ac.uk</h1>
 +
<br>
 +
            <a class='socialMedia' style='margin-left: 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' 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' href="https://www.instagram.com/igem_warwick/">
 +
            <img src="https://static.igem.org/mediawiki/2018/1/12/T--Warwick--insta.png" alt="Twitter">
 +
            </a>
 +
            </div>
 +
</div>
 +
 +
 +
<div id='rightFoot'>
 +
<h1 class='FooterTitle' style='color: black'>Sponsors</h1>
 +
        <table id='theSponsors'>
 +
                <tr>
 +
                    <td>
 +
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/4/4e/T--Warwick--GRPIM.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/7/74/T--Warwick--synbiocdt.png">
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <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/8/8b/T--Warwick--SEB.png">                        
 +
                    </td>
 +
                    <td>
 +
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/f/fb/T--Warwick--NEbiolabs.png">
 +
                    </td>
 +
                </tr>
 +
            </table>
 +
            <table id='theSponsors'>
 +
                <tr>
 +
                <td class='bottomrow'>
 +
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/0/0e/T--Warwick--WISB.png">
 +
                </td>
 +
                <td class='bottomrow'>
 +
                        <img class='sponsorimages' src="https://static.igem.org/mediawiki/2018/e/e3/T--Warwick--bbsrc.png">
 +
                </td>
 +
                </tr>
 +
            </table>
 +
</div>
 +
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 13:26, 8 October 2018

Ripple


Project Description

Biological

Organic

Inorganic

Biological