Difference between revisions of "Team:Aalto-Helsinki"

Line 1: Line 1:
−
{{Aalto-Helsinki}}
+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
−
<html>
+
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
<div class="column full_size" >
+
    <title>Aalto-Helsinki</title>
−
<img src="https://static.igem.org/mediawiki/2016/1/19/Aalto-Helsinki_Logo.png">
+
−
</div>
+
<script src="js/jquery-1.6.2.min.js"></script>
 +
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
   
 +
    <!-- Font Awesome -->
 +
    <link href="css/font-awesome.css" rel="stylesheet">
  
−
<div class="column full_size" >
+
    <!-- Custom styles for this template -->
−
<h2 style="text-align:center;"> Welcome to the Wiki Page of Aalto-Helsinki 2016! </h2>
+
    <link href="css/styles-index.css" rel="stylesheet">
 +
    <!--<link href="css/saara.css" rel="stylesheet">
 +
    <link href="css/jami.css" rel="stylesheet">-->
 +
    <!--<link href="css/emilia.css" rel="stylesheet">-->
 +
<link href="css/kokeilu.css" rel="stylesheet">
  
−
<br>
+
    <!-- Just for debugging purposes. Don't actually copy this line! -->
 +
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  
−
<div align="justify">
+
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
<p>Moikka! The Aalto-Helsinki 2016 team started working in the beginning of March. Our brainstorming sessions resulted in more than 50 ideas, of which some were good, some were bad <del> and some were really, really bad</del>. We narrowed the ideas down to the top 5 and then did research to figure out what would be the most promising idea. Ultimately we decided to work with cyanobacteria and the problem they pose every summer in Finland. </p>
+
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
  
−
<p>Cyanobacteria, or blue-green algae, are a problem in Finnish waters especially in the late summer, when they develop big blooms. They produce toxins that can be harmful to people and animals. We decided to concentrate on the most common cyanotoxin found in fresh waters called microcystin-LR (MC), which is a hepatotoxin. We studied MC’s toxicity mechanisms extensively to figure out the best way to tackle it. The toxicity mechanism in mammalian cells is based on the MC’s inhibitory effects on protein phosphatase (PP) 1 and 2a. When the PPs are inhibited their target proteins remain phosphorylated which eventually leads to hyperphosphorylation. This results in production of reactive oxygen species that ultimately manifest as oxidative stress. We also found out that the same basic mechanism also happens in yeast cells. So we decided to take advantage of <i>Saccharomyces cerevisiae'</i>s oxidative stress response to detect MC. </p>
+
    <body class="teambackground">
 +
<style>.path {
 +
stroke-dashoffset: 6000;
 +
stroke-dasharray: 5000;}</style>
  
−
<p>We also want to degrade the toxin. There are a few bacteria that naturally degrade cyanotoxins. We decided to use an enzyme called microcystinase (MlrA), found in some <i>Sphingomonas</i> strains. The degradation leads to a nontoxic product, which is the linear form of the otherwise toxic cyclic heptapeptide. </p>
 
  
−
<p>We will study the enzyme kinetics of microcystinase and also the toxicity mechanisms in yeast cells, in order to gain a deeper understanding about the system.</p>
 
  
−
<p>We have also worked together with Finland’s environment center (SYKE). As one of our public outreach projects, we will collaborate with them and work on their Levävahti (Algae Watch) -app. We will try to model a dynamic population model so we could predict how the cyanobacteria blooms will grow and develop, and have this as one of the features in the app.</p>
+
<div style="height: 100%">
 +
 +
<div class="navbar navbar-fixed-top">
 +
    <ul class="topnav" style="font-family: robotolight;">
 +
        <li style="float:right"><b><a style="font-size:14px" href="achievements.html">Achievements</a></b></li>   
 +
        <li style="float:right"><b><a style="font-size:14px" href="community.html">Community</a></b></li>
 +
        <li style="float:right"><b><a style="font-size:14px" href="humanpractices.html">Human Practices</a></b></li>
 +
        <li style="float:right"><b><a style="font-size:14px" href="people.html">People</a></b></li>
 +
        <li style="float:right"><b><a style="font-size:14px" href="model.html">Modelling</a></b></li>
 +
        <li style="float:right"><b><a style="font-size:14px" href="lab.html">Laboratory</a></b></li>
 +
        <li style="float:right"><b><a style="font-size:14px" href="description.html">Project</a></b></li>
 +
<li style="float:left; font-family: bebas_neuebold;"><b><a href="index.html" style="margin-left: 10px; font-size:22px; position:absolute;">AALTO-HELSINKI 2016</a></b>
 +
<!--<img src='img/logo.png' style="width:15%;position:fixed; padding-top:45px; padding-left:7px;"></img>-->
 +
</li>
 +
        </ul>
 +
    </div>
 +
<section class="video parallax">
 +
<div style="position: absolute; overflow: hidden; z-index: -10; width: 100%; height: 100%;" id="video-wrap" class="video-wrap">
 +
            <video poster="img/stilli.png" style="position: absolute; z-index: -1; width: 100%; height: 150%; transform: translate3d(0px, -250px, 0px);" preload="metadata" autoplay="" muted loop="" id="my-video">
 +
                <source src="video/wikifreeze.mp4" type="video/mp4">
 +
                <source src="video/wikifreeze.webm" type="video/webm">
 +
            </video>
  
−
</div>
+
    </div>
  
−
<!-- <p>Your team has been approved and you are ready to start the iGEM season! </p>
+
 +
        <svg style="margin-top: 14%; left: 50%; margin-left: -25%;" id="svg1" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" width="50%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1000 1000" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
 +
 +
<g>
 +
<rect x=24 y=100 width=970 height=350 style="fill:rgb(255,255,255);fill-opacity:0.0;stroke-width:4;stroke:rgb(255,255,255)"></rect>
 +
<text class="title" font-family="bebas_neuebold" x=344 y=250 font-size=110 font-weight=600 fill="white" style="margin: auto">MC YEAST
 +
                <rect x=24 y=100 width=970 height=350 style="fill:rgb(255,255,255);fill-opacity:0.0;stroke-width:4;stroke:rgb(255,255,255)"></rect>
 +
<tspan font-family="robotolight" x=45 y=310 font-size=40 fill="white" font-weight=450 style="margin: auto">Stress-based detection and enzymatic degradation</tspan>
 +
<tspan font-family="robotolight" x=160 y=360 font-size=40 fill="white" font-weight=450 style="margin: auto">of the cyanobacterial toxin microcystin</tspan>
 +
</text>
 +
</g>
 +
  
−
</div>  
+
</svg>
 +
</section>
 +
</div>
  
 +
    <div style="position: absolute;">
 +
   
 +
    <script>
 +
    $(window).scroll(function() {
 +
    if ($(this).scrollTop() > 600){ // Set position from top to add class
 +
        $('ul').addClass("shrink");
 +
    } else {
 +
        $('ul').removeClass("shrink");
 +
    }
 +
    });
 +
    </script>
 +
 +
<div class="block-wrapper-inner" style="padding-top:50px; background-color: white;">
 +
</br>
  
−
<div class="column half_size" >
+
<div class="container" style="width: 75%; font-family: robotolight; color: #4d4d33">
−
<h5>Before you start: </h5>
+
<h1 id="ONE">Welcome to the Aalto-Helsinki 2016 wiki!</h1>
−
<p> Please read the following pages:</p>
+
<br></br>
−
<ul>
+
<p class="justify" style="font-size:19px;">We have been working the whole summer to provide a solution for the annual problem of blue-green algae and their toxins. Here you can see how our project turned out.</p></br>
−
<li> <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
<p class="justify" style="font-size:19px;">From the <a href="project.html" class="index" style="color:#ff9900">Project</a> page you can read all about the design and background of our project. There you can also find the project overview as well our project introduction video, “Matti and the cyanobacteria”.
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
</p></br>
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
<p class="justify" style="font-size:19px;">In the <a href="lab.html" class="index" style="color:#ff9900">Laboratory</a> page you will find details about our assays and methods used in our lab work, as well as the results from the whole summer. There you can also find links to the protocols we’ve used, in addition to a link to our lab book. You can also read about the safety in our lab.
−
</ul>
+
</p></br>
−
</div>
+
<p class="justify" style="font-size:19px;">The <a href="model.html" class="index" style="color:#ff9900">Modelling</a> page has everything about our modelling results. There you can learn how our models were formulated and what results we got from our simulations.
 +
</p></br>
 +
<p class="justify" style="font-size:19px;">Our public outreach and how we integrated it in our project design can be found in the <a href="humanpractices.html" class="index" style="color:#ff9900">Human Practices</a> page. There is also discussion about the ethical side if our project.
 +
</p></br>
 +
<p class="justify" style="font-size:19px;">To find out about iGEM meetups we participated in, our collaborations with other iGEM teams and the software tools we provided to help the work of future iGEM teams, go to the <a href="community.html" class="index" style="color:#ff9900">Community</a> page. There you can also find the results of our InterLab study.
 +
</p></br>
 +
<p class="justify" style="font-size:19px;">In the <a href="people.html" class="index" style="color:#ff9900">People</a> page you can get to know our team and the people who have helped us. You can also find out about the sponsors of our project.
 +
</p></br>
 +
<p class="justify" style="font-size:19px;">To see our main results, discussion on how the project turned out, and explanations for the fulfilled medal criteria, go to the <a href="people.html" class="index" style="color:#ff9900">Achievements</a> page.
  
−
<div class="column half_size" >
+
</p>
−
<div class="highlight">
+
<br></br>
−
<h5> Styling your wiki </h5>
+
<!--<p><img src='img/logo.png' style="width:15%;position:relative; margin-left: 40%; margin-bottom: 20px;"></img></p>-->
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
−
</div>
+
−
</div>
+
  
−
<div class="column full_size" >
+
</div>
−
<h5> Wiki template information </h5>
+
</div>
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
</div>
 +
<script>
 +
$(document).ready(function() {
 +
  //variable for the 'stroke-dashoffset' unit
 +
  var $dashOffset = $(".path").css("stroke-dashoffset");
 +
  //on a scroll event - execute function
 +
  $(window).scroll(function() {
 +
    //calculate how far down the page the user is
 +
 +
    var $percentageComplete = (($(window).scrollTop() / ($("html").height())) * 100);
 +
    //convert dashoffset pixel value to interger
 +
    var $newUnit = parseInt($dashOffset, 10);
 +
    //get the value to be subtracted from the 'stroke-dashoffset'
 +
    var $offsetUnit = $percentageComplete * ($newUnit / 100);
 +
console.log($offsetUnit);
 +
    //set the new value of the dashoffset to create the drawing effect
 +
    $(".path").css("stroke-dashoffset", -$newUnit + $offsetUnit);
 +
    });
 +
});</script>
 +
 +
<script>
 +
$(window).scroll(function(){
 +
$("#svg1").css("opacity", 1 - $(window).scrollTop() / 400);
 +
});
 +
</script>
 +
 +
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <!--script src="./Tinyone - HTML_files/jquery.min.js"></script>
 +
    <script src="./Tinyone - HTML_files/bootstrap.min.js"></script>
 +
    <script src="./Tinyone - HTML_files/offcanvas.js"></script>
 +
    <script src="./Tinyone - HTML_files/function.js"></script-->
 +
 
  
−
</div>  
+
</body></html>
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
<h5> Editing your wiki </h5>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
<h5>Tips</h5>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
<h5>Inspiration</h5>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
<h5> Uploading pictures and files </h5>
+
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
 
+
−
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> 
+
−
UPLOAD FILES
+
−
</div>
+
−
 
+
−
</div> -->
+
−
 
+
−
</html>
+

Revision as of 03:50, 20 October 2016

Aalto-Helsinki

MC YEAST Stress-based detection and enzymatic degradation of the cyanobacterial toxin microcystin

Welcome to the Aalto-Helsinki 2016 wiki!



We have been working the whole summer to provide a solution for the annual problem of blue-green algae and their toxins. Here you can see how our project turned out.


From the Project page you can read all about the design and background of our project. There you can also find the project overview as well our project introduction video, “Matti and the cyanobacteria”.


In the Laboratory page you will find details about our assays and methods used in our lab work, as well as the results from the whole summer. There you can also find links to the protocols we’ve used, in addition to a link to our lab book. You can also read about the safety in our lab.


The Modelling page has everything about our modelling results. There you can learn how our models were formulated and what results we got from our simulations.


Our public outreach and how we integrated it in our project design can be found in the Human Practices page. There is also discussion about the ethical side if our project.


To find out about iGEM meetups we participated in, our collaborations with other iGEM teams and the software tools we provided to help the work of future iGEM teams, go to the Community page. There you can also find the results of our InterLab study.


In the People page you can get to know our team and the people who have helped us. You can also find out about the sponsors of our project.


To see our main results, discussion on how the project turned out, and explanations for the fulfilled medal criteria, go to the Achievements page.