Difference between revisions of "Team:Warwick/Collaborations"

(Prototype team page)
 
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/GenericPageCSS?action=raw&ctype=text/css">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
 +
<script>
 +
function changeNavBar(navbarSelection){
  
 +
var bottnav = document.getElementById("BottNav");
  
−
<div class="column full_size judges-will-not-evaluate">
+
$("#BottNav").hide().slideDown(300);
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
switch (navbarSelection){
  
−
<div class="clear"></div>
+
case 0:
 +
bottnav.innerHTML = "<li onclick='goToDescription()'><span>Project Description</span></li><li onclick='goToDesign()'><span>Design</span></li><li onclick='goToModel()'><span>Modelling</span></li><li onclick='goToResults()'><span>Results</span></li><li onclick='goToMedals()'><span>Medals</span></li>";
 +
bottnav.style.marginLeft = "25%"
 +
bottnav.style.background = 'linear-gradient(to right, white, #e6fefe)';
 +
break;
 +
case 1:
 +
bottnav.innerHTML = "<li onclick='goToOverview()'><span>Parts</span></li><li onclick='goToExperiments()'><span>Experiments</span></li><li onclick='goToNotebook()'><span>Notebook</span></li><li onclick='goToInterLab()'><span>InterLab</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>Public Engagement</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;
 +
}
 +
}
  
 +
function reset(){
 +
$("#BottNav").hide();
 +
}
  
−
<div class="column full_size">
+
function goHome(){
−
<h1>Collaborations</h1>
+
    window.location = 'https://2018.igem.org/Team:Warwick';
 +
}
  
−
<p>
 
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
 
−
</p>
 
  
−
<h3>Silver Medal Criterion #2</h3>
+
function scrollToFooter(){
−
<p>
+
    $('html, body').animate({scrollTop: '10000px'}, 5000);
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
}
−
</p>
+
−
</div>
+
  
−
<div class="column two_thirds_size">
+
function MeetTheTeam(){
 +
window.location = 'https://2018.igem.org/Team:Warwick/theTeam.html';
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
function goToAttributions(){
−
<p>
+
window.location = 'https://2018.igem.org/Team:Warwick/Attributions';
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
}
−
</p>
+
  
−
<p>
+
function goToOutreach(){
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
        window.location = 'https://2018.igem.org/Team:Warwick/Public_Engagement';
−
</p>
+
}
  
−
</div>
+
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';
 +
}
  
−
<div class="column third_size">
+
function goToDesign(){
−
<p>
+
        window.location = 'https://2018.igem.org/Team:Warwick/Design';
−
Here are some suggestions for projects you could work on with other teams:
+
}
−
</p>
+
  
−
<ul>
+
function goToExperiments(){
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
        window.location = 'https://2018.igem.org/Team:Warwick/Experiments';
−
<li> Characterize another team's part </li>
+
}
−
<li> Debug a construct </li>
+
−
<li> Model or simulate another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
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";
 +
}
 +
 +
function goToMedals(){
 +
        window.location = "https://2018.igem.org/Team:Warwick/Medals";
 +
}
 +
 +
function BioClick(){
 +
        $("#bioIMG").css("margin", "1% 4%");
 +
        $("#bioIMG").css("width", "12%");
 +
        $("#bioIMG").css("background-color", "grey");
 +
 +
        $("#orgIMG").css("margin", "2% 5%");
 +
        $("#orgIMG").css("width", "10%");
 +
        $("#orgIMG").css("background-color", "white");
 +
 +
        $("#inorgIMG").css("margin", "2% 5%");
 +
        $("#inorgIMG").css("width", "10%");
 +
        $("#inorgIMG").css("background-color", "white");
 +
}
 +
 +
function OrgClick(){
 +
        $("#bioIMG").css("margin", "2% 5%");
 +
        $("#bioIMG").css("width", "10%");
 +
        $("#bioIMG").css("background-color", "white");
 +
 +
        $("#orgIMG").css("margin", "1% 4%");
 +
        $("#orgIMG").css("width", "12%");
 +
        $("#orgIMG").css("background-color", "grey");
 +
 +
        $("#inorgIMG").css("margin", "2% 5%");
 +
        $("#inorgIMG").css("width", "10%");
 +
        $("#inorgIMG").css("background-color", "white");
 +
}
 +
 +
function InorgClick(){
 +
        $("#bioIMG").css("margin", "2% 5%");
 +
        $("#bioIMG").css("width", "10%");
 +
        $("#bioIMG").css("background-color", "white");
 +
 +
        $("#orgIMG").css("margin", "2% 5%");
 +
        $("#orgIMG").css("width", "10%");
 +
        $("#orgIMG").css("background-color", "white");
 +
 +
        $("#inorgIMG").css("margin", "1% 4%");
 +
        $("#inorgIMG").css("width", "12%");
 +
        $("#inorgIMG").css("background-color", "grey");
 +
}
 +
 +
 +
</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'>
 +
<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)">Lab Work</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;' onmouseleave='reset()'>
 +
<li><span></span></li><!--
 +
--><li><span></span></li><!--
 +
--><li><span></span></li><!--
 +
--><li><span></span></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
 +
<div id='GenericBody'>
 +
<div><br>
 +
<h1 id='GenericTitle'>Medals</h1>
 +
        </div>
 +
<div style='width: 70%; height: 2px; margin: 0 15%; background-color: #02c9d0'></div>
 +
 +
                        <div id='descriptionFolder'><!--
 +
                            --><div id='tabs'><!--
 +
                                --><div class='tabs' id='tabBio'>
 +
                                      <img id='bioIMG' src='https://static.igem.org/mediawiki/2018/9/90/T--Warwick--Bronze.svg' onclick='BronzeClick()'>
 +
                                  </div><!--
 +
                                --><div class='tabs' id='tabOrg'>
 +
                                      <img id='orgIMG' src='https://static.igem.org/mediawiki/2018/a/a1/T--Warwick--silver.svg' onclick='SilverClick()'>
 +
                                  </div><!--
 +
                                --><div class='tabs' id='tabInorg'>
 +
                                      <img id='inorgIMG' src='https://static.igem.org/mediawiki/2018/8/8a/T--Warwick--gold.svg' onclick='GoldClick()'>
 +
                                  </div>
 +
                              </div>
 +
                              <div class='Contents' id='Content1'>
 +
                              </div>
 +
                              <div class='Contents' id='Content2'>
 +
                              </div>
 +
                              <div class='Contents' id='Content3'>
 +
                              </div>
 +
                              <div class='Contents' id='Content4'>
 +
                              </div>
 +
                        </div>
 +
                </div>
 +
     
 +
<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/warwickigem">
 +
            <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 11:14, 12 October 2018

Ripple


Medals