Difference between revisions of "Team:Vilnius-Lithuania"

 
(192 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:Vilnius-Lithuania/Vilnius15_Style}}
 
{{Team:Vilnius-Lithuania/Vilnius15_Style}}
 +
{{Team:Vilnius-Lithuania/Vilnius15_Header}}
 +
{{Team:Vilnius-Lithuania/Vilnius15_Socials}}
 +
<html>
 +
 +
</html>
  
 +
<div id="wikicontent-container">
 +
<div id="wikicontent">
 
<html>
 
<html>
 
<body>
 
<body>
<style>
+
<!--
    #top_menu_14 {
+
<div class="loader">
        background-color: rgb(120, 65, 54);
+
<img class="centered" style="width: 244px; height: 164px;" src="http://s6.postimg.org/dldiaax2p/Vilniusi_GEM_animacijai_0.png" />
        border: none;
+
</div>
    }
+
-->
    #top_menu_14 a {
+
<section class="container-fluid" style="padding: 0px;">
        color: rgb(212,200,178) !important;
+
     <div class="row">
    }
+
        <div class="col-md-12 text-center" style="margin-top: -10px;">
    div#content {
+
            <ul class="bxslider" style="margin: 0px; padding: 0px;">
        margin-top: 50px;
+
                <!--
        border: none;
+
                <li><img src="http://s2.postimg.org/4hcul6rax/bxslider_img_1.png" style="margin: 0px; padding: 0px;" /></li>
        padding: 10px 15px;
+
                <li><img src="http://s16.postimg.org/8n27guymd/bxslider_img_2.png" style="margin: 0px; padding: 0px;" /></li>
        width: 1000px;
+
                -->
    }
+
                <li><img src="http://s6.postimg.org/b9l9m1lv5/team_photo_cropped_2.png" style="margin: 0px; padding: 0px;" /></li>
 
+
                <!--<li><img src="http://s6.postimg.org/z99wht5gx/team_photo_cropped.png" style="margin: 0px; padding: 0px;" />--></li>
    div#bodyContent p:nth-of-type(2) {
+
                <li><img src="http://s6.postimg.org/k5p0or8xd/Lab_apie_RNases_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
        margin: 0px;
+
                <li><img src="http://s6.postimg.org/p5mgwpek1/Lab_Ieva_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
        height: 0px;
+
                <li><img src="http://s6.postimg.org/lano7vks1/Lab_TF_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
    }
+
            </ul>
 
+
    .b-default {
+
        border: 1px solid rgb(120, 65, 54);
+
    }
+
    .b-default-h {
+
        border-left: 1px solid rgb(120, 65, 54);
+
        border-right: 1px solid rgb(120, 65, 54);
+
     }
+
 
+
    .b-default-v {
+
        border-top: 1px solid rgb(120, 65, 54);
+
        border-bottom: 1px solid rgb(120, 65, 54);
+
    }
+
 
+
    .b-default-top {
+
        border-top: 1px solid rgb(120, 65, 54);
+
    }
+
 
+
    .b-default-bottom {
+
        border-bottom: 1px solid rgb(120, 65, 54);
+
    }
+
    .relative {
+
        position: relative;
+
    }
+
 
+
    .header a {
+
        opacity: 0.7;
+
        font-size: 12px;
+
        float: right;
+
        background-color: rgb(212,200,178);
+
        padding: 0px 2px;
+
        color: rgb(120, 65, 54);
+
        text-decoration: none;
+
        position: absolute;
+
        top: 10px;
+
        right: 10px;
+
    }
+
    .header a:hover {
+
        opacity: 1;
+
        color: white;
+
        text-decoration: none;
+
    }
+
</style>
+
<header class="container-fluid">
+
    <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(120,65,54);">
+
        <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
+
            <img src="http://s15.postimg.org/u27vdjenv/Vilniusi_GEM_logo_stilizuotas.png" height="150px" />
+
            <a class="igem_homepage" href="https://igem.org/Main_Page">iGEM homepage</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
    <!-- navigation -->
 
    <style>
 
  
         #cssmenu ul {
+
    <div class="row">
             list-style: none;
+
         <div class="col-md-12" style="padding-top: 10px;">
        }
+
             <style>
 +
                .boxgridBig, .boxgridMedium {
 +
                    height: 300px;
 +
                }
 +
                .boxgridBig {
 +
                    width: 240px;
 +
                    float: left;
 +
                }
 +
                .boxgridMedium {
 +
                    width: 298px;
 +
                    float: left;
 +
                }
 +
                .boxgrid {
 +
                    overflow: hidden;
 +
                    position: relative;
 +
                }
  
        #cssmenu a {
+
                .boxgrid img{
            text-decoration: none;
+
                    position: absolute;
        }
+
                    top: 0;
 +
                    left: 0;
 +
                    border: 0;
 +
                }
  
        #cssmenu {
+
                .boxcaption{
            height: 70px; /* This is for the main menu bit at the top */
+
                    float: left;
        }
+
                    position: absolute;
 +
                    background: #000;
 +
                    width: 100%;
 +
                    opacity: .8;
 +
                    padding: 10px;
 +
                    /* For IE 5-7 */
 +
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 +
                    /* For IE 8 */
 +
                    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 +
                }
 +
                .boxcaption:hover {
 +
                    text-decoration: none;
 +
                }
 +
                h2.onBlack {
 +
                    color:white;
 +
                    margin-top: -5px;
 +
                    border: none;
 +
                    Font-size: 26px;
 +
                    padding-bottom: 0px;
 +
                    line-height:1em;
 +
                }
 +
                p.onBlack {
 +
                    color:white;
 +
                    margin-right:18px;
 +
                    font-size: 14px;
 +
                    font-weight: bold;
 +
                }
 +
                p.onBlackIntro {
 +
                    font-size:17px;
 +
                    font-style: italic;
 +
                    color:white;
 +
                    margin-right:10px;
 +
                    margin-bottom:10px;
 +
                }
 +
            </style>
  
        #cssmenu > ul {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             text-align: center;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Application" style="color: white;">Application</a></h2>
        }
+
             <img src="https://static.igem.org/mediawiki/2015/6/61/Vilnius15_application.png" width="190" style="padding-left: 45px; padding-top:20px;">
/*            background-color: #784136; */
+
             </div>
        #cssmenu > ul > li {
+
            display: inline-block;
+
            margin-left: 15px; /* This is when the drop down box appears */
+
            position: relative;
+
             z-index: 1;
+
        }
+
        #cssmenu > ul > li > a {
+
            color: rgb(120, 65, 54);
+
            letter-spacing: 2px;
+
            font-family: Verdana, 'Lucida Grande';
+
            font-size: 14px;
+
            line-height: 70px; /* This bit chances the size of the text on the main heading */
+
             padding: 15px 24px; /* This is the padding between the different titles */
+
            -webkit-transition: color .15s;
+
            -moz-transition: color .15s;
+
            -o-transition: color .15s;
+
             transition: color .15s;
+
        }
+
  
        #cssmenu > ul > li > a:hover {
+
            <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             color: rgb(250, 250, 250);
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Crowdfunding" style="color: white;">Crowdfunding</a></h2>
        }
+
            <img src="https://static.igem.org/mediawiki/2015/2/24/Vilnius15_crowdfunding.png" width="190" style="padding-left: 30px; padding-top:25px;">
 +
            </div>
  
        #cssmenu > ul > li > ul {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             opacity: 0;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Safety" style="color: white;">Safety</a></h2>
            visibility: hidden;
+
             <img src="https://static.igem.org/mediawiki/2015/8/8b/Vilnius15_safety.png" width="190" style="padding-left: 50px; padding-top:15px;">
            padding: 16px 0 20px 0;
+
             </div>
            background-color: rgb(250, 250, 250);
+
            text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
+
            position: absolute;
+
            top: 55px; /* This is for the drop down annimation */
+
            left: 50%;
+
             margin-left: -90px;
+
            width: 180px;
+
            -webkit-transition: all .3s .1s;
+
            -moz-transition: all .3s .1s;
+
             -o-transition: all .3s .1s;
+
            transition: all .3s .1s;
+
            -webkit-border-radius: 2px;
+
            -moz-border-radius: 2px;
+
             border-radius: 2px;
+
              background-color: #784136;
+
        }
+
  
        #cssmenu > ul > li:hover > ul {
+
            <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             opacity: 1;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Judging" style="color: white;">Judging</a></h2>
            top: 65px; /* This is how far from the top the drop down annimation will go  */
+
                <img src="https://static.igem.org/mediawiki/2015/f/fa/Vilnius15_judging.png" width="190" style="padding-left: 50px; padding-top:35px;">
            visibility: visible;
+
            </div>
        }
+
  
         #cssmenu > ul > li > ul:before {
+
         </div>
            content: '';
+
    </div>
            display: block;
+
            border-color: transparent transparent #784136 transparent;
+
            border-style: solid;
+
            border-width: 10px; /* The border on the drop down box  */
+
            position: absolute;
+
            top: -20px;
+
            left: 50%;
+
            margin-left: -10px;
+
        }
+
  
         #cssmenu > ul ul > li {
+
<!-- dezute -->
            position: relative;
+
    <div class="row" style="margin-top: 20px;">
         }
+
         <div class="col-md-12">
 +
    <div class="thumbnail" style="background-color: rgb(249,249,249); border: none;">
 +
      <div class="caption" style="color: rgb(00,00,00); background-color: rgb(249,249,249);">
 +
         <h3 class="text-heading">Controlling the lifetime of GMOs using ColiClock</h3>
 +
        <p class="text-justify" style="background-color: rgb(249,249,249); margin-top: 20px;">We are Vilnius iGEM – the first team from Lithuania and the Baltic States. Our goal is to tackle one of the biggest problems of synthetic biology – the regulation of the spread of genetically modified products in the environment. The aim of the ColiClock project consists of creating a bacteria with an integrated “count-down timer”, triggering a self-destruction mechanism. The idea would apply to cells that need to have a limited lifetime outside of a laboratory environment. The mechanism is achieved using the type I-F CRISPR-Cas system, controlled by LuxR and cI, which is navigated to important genes in the genomic DNA. In addition, we aim to present and discuss this globally relevant topic with Lithuanian industries, policy makers and the general public.
 +
  </p>
 +
<div class="text-right"><a style="color: rgb(255,255,255);" href="https://2015.igem.org/Team:Vilnius-Lithuania/Project" class="btn btn-warning" role="button">Learn more</a></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
<!-- /dezute -->
  
        #cssmenu ul ul a {
+
<right><iframe style="background-color: white;margin-top: 0px; margin-bottom: 10px;" src="https://www.youtube.com/embed/Uv2n7zZQOY0?vq=hd1080" width="969" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></right>
            /* This is the drop down menu, change font or size when its drops down */
+
            color: white;
+
            font-family: Verdana, 'Lucida Grande';
+
            font-size: 13px;
+
            background-color: #784136;
+
            padding: 5px 8px 7px 16px;
+
            display: block;
+
            -webkit-transition: background-color .1s;
+
            -moz-transition: background-color .1s;
+
            -o-transition: background-color .1s;
+
            transition: background-color .1s;
+
        }
+
  
         #cssmenu ul ul a:hover {
+
<!-- dezute -->
            background-color: rgb(212,200,178);
+
    <div class="row" style="margin-top: 10px;">
 +
         <div class="col-md-12">
 +
    <div class="thumbnail" style="background-color: rgb(249,249,249); border: none; margin-bottom: 0px; paddin-bottom: 0px;">
 +
      <div class="caption" style="color: rgb(00,00,00); background-color: rgb(249,249,249);">
 +
        <h3 class="text-heading">Sponsors</h3>
  
        }
+
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 32px;"><a class="desturate" href="http://www.linealibera.lt/"><img src="https://static.igem.org/mediawiki/2015/1/1d/Vilnius15_sponsor_linealibera.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="" href="http://www.neurotechnology.com/"><img src="https://static.igem.org/mediawiki/2015/4/47/Vilnius15_sponsor_neurotechnology.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 18px;"><a  class="desturate" href="http://www.nanodiagnostika.lt/"><img src="https://static.igem.org/mediawiki/2015/4/4b/Vilnius15_sponsor_nanodiagnostika.png" width="242" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 24px;"><a  class="desturate" href="http://www.omconsulting.lt/"><img src="https://static.igem.org/mediawiki/2015/thumb/8/8a/Vilnius15_sponsor_OMConsulting.png/800px-Vilnius15_sponsor_OMConsulting.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 20px;"><a  class="" href="http://www.thermofisher.lt/"><img src="https://static.igem.org/mediawiki/2015/thumb/c/cc/Vilnius15_sponsor_thermofisherscientific.png/800px-Vilnius15_sponsor_thermofisherscientific.png" width="242" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 150px;"><a  class="desturate" href="http://www.enterpriselithuania.com/"><img src="http://s6.postimg.org/kkw2cbxf5/sponsor_VL.png" width="242" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top:-40px;"><a  class="desturate" href="http://welovelithuania.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/a/a6/Vilnius15_sponsor_wll.png/685px-Vilnius15_sponsor_wll.png" width="171" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="" href="http://www.vu.lt/en"><img src="https://static.igem.org/mediawiki/2015/thumb/3/36/Vilnius15_sponsor_VU.png/540px-Vilnius15_sponsor_VU.png" width="121" /></a></div>
 +
              <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="desturate" href="http://www.vu.lt/en"><img src="https://static.igem.org/mediawiki/2015/7/76/Vilnius15_sponsor_JSP.png" width="141" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 20px;"><a  class="desturate" href="http://plbe.org"><img src="https://static.igem.org/mediawiki/2015/c/c1/Vilnius15_plb-logo.png" width="121" /></a></div>
 +
                <div class="col-md-offset-4 col-xs-offset-4 col-md-4 col-xs-4 text-center" style="height: 150px; padding-top:30px;"><a  class="desturate" href="http://www.expo-vakarai.lt"><img src="https://static.igem.org/mediawiki/2015/8/80/Vilnius15_expo-logo.png" width="251" /></a></div>
 +
            </div>
  
        #cssmenu ul ul a:hover {
+
      </div>
            background-color: rgb(212,200,178);
+
            color: #784136;
+
        }
+
    </style>
+
    <nav class="row" style="background-color: #D7CBB5;">
+
        <div id="cssmenu" class="col-md-12 text-center">
+
            <ul class="list-unstyled list-inline">
+
                <li><a href='#'>Home</a>
+
 
+
                <li class='has-sub'><a href="">Project</a>
+
                    <ul>
+
                        <li><a href="#">A</a></li>
+
                        <li><a href="#">B</a></li>
+
                    </ul>
+
                <li class='has-sub'><a href="">Results</a>
+
                    <ul>
+
                        <li><a href="#">A</a></li>
+
                        <li><a href="#">B</a></li>
+
                    </ul>
+
                <li class='has-sub'><a href="">Team</a>
+
                    <ul>
+
                        <li><a href="#">Members</a></li>
+
                        <li><a href="#">Sponsors</a></li>
+
                        <li><a href="#">Collaborations</a></li>
+
                        <li><a href="#">Pictures</a></li>
+
                        <li><a href="#">Timeline</a></li>
+
                        <li><a href="#">Attributions</a></li>
+
                        <li><a href="#">Judging</a></li>
+
                    </ul>
+
                <li class='has-sub'><a href="">Notebook</a>
+
                    <ul>
+
                        <li><a href="#">Labjournal</a></li>
+
                        <li><a href="#">Methods</a></li>
+
                    </ul>
+
                <li class='has-sub'><a href="">Outreach</a>
+
                    <ul>
+
                        <li><a href="#">A</a></li>
+
                        <li><a href="#">B</a></li>
+
                    </ul>
+
 
+
            </ul>
+
        </div>
+
    </nav >
+
    <!-- /navigation -->
+
</header>
+
 
+
<section class="container-fluid" style="padding: 0px;">
+
    <div class="row">
+
        <div class="col-md-12 text-center" style="padding-top: 15px;">
+
            <ul class="bxslider" style="margin: 0px; padding: 0px;">
+
                <li><img src="http://s2.postimg.org/7cm7b83vt/bxslider_img_1.png" style="margin: 0px; padding: 0px;" /></li>
+
                <li><img src="http://s11.postimg.org/phz6dbd5f/bxslider_img_2.png" style="margin: 0px; padding: 0px;" /></li>
+
            </ul>
+
        </div>
+
 
     </div>
 
     </div>
    <div class="row">
+
  </div>
        <div class="col-md-12" style="padding-top: 15px;">
+
  </div>
            <h1 style="border-left: 5px solid #784136; border-bottom: none; padding-left: 15px"><i>Bacteria aging system</i></h1>
+
<!-- /dezute -->
            <p class="text-justify">As you may know, there is worldwide concern related to the issue of genetically modified organisms uncontrolled spreading in natural environment. We are heading forward to design bacteria aging system using CRISPR/Cas3. This built in bacteria “clock” would allow us to control how long genetically modified bacteria will survive outside laboratory.
+
<br/>
+
Our system consists of two plasmids. One controlling repression of CRISPR/Cas3 complex, and another containing CRISPR/Cas3 complex itself. Outside laboratory there is no chemical compounds controlling repression of CRISPR/Cas3 complex, so bacteria DNR is degraded. By changing repression level we aim to manipulate and control how long such bacteria can survive in natural environment.
+
<br />
+
  
Our project is under construction, so visit us for updates.
 
            </p>
 
        </div>
 
    </div>
 
 
</section>
 
</section>
 
</body>
 
</body>
 
</html>
 
</html>
 +
</div>
 +
</div>
  
 
{{Team:Vilnius-Lithuania/Vilnius15_Footer}}
 
{{Team:Vilnius-Lithuania/Vilnius15_Footer}}
 
<body>
 
<html>
 
<style>
 
    footer a {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:link {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:visited {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:hover {
 
        color: white;
 
        text-decoration: none;
 
    }
 
    footer a:active {
 
        color: rgb(212,200,178);
 
    }
 
</style>
 
<footer class="container-fluid">
 
    <div class="row" style="background-color: rgb(120,65,54);">
 
        <div class="col-md-12 text-center" style="padding-top: 20px; font-size: 36px">
 
            <ul class="list-inline">
 
                <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania"><i class="fa fa-home"></i></a></li>
 
                <li><a href="https://www.facebook.com/VilniusiGEM"><i class="fa fa-facebook-square"></i></a></li>
 
                <li><a href="https://twitter.com/vilnius_igem"><i class="fa fa-twitter-square"></i></a></li>
 
            </ul>
 
        </div>
 
    </div>
 
    <div class="row" style="background-color: rgb(120,65,54); font-size: 14px">
 
        <div class="col-md-12 text-center" style="">
 
            <ul class="list-inline">
 
                <li><a href="https://2015.igem.org/Special:RecentChanges">Recent changed</a></li>
 
                <li><a href="https://2015.igem.org/Special:WhatLinksHere/Team:Vilnius-Lithuania">What links here</a></li>
 
                <li><a href="https://2015.igem.org/Special:SpecialPages">Special pages</a></li>
 
                <li><a href="https://2015.igem.org/Special:Preferences">My preferences</a></li>
 
            </ul>
 
        </div>
 
    </div>
 
    <div class="row" style="background-color: rgb(120,65,54);">
 
        <div class="col-md-12 text-center" style="padding-bottom: 10px; font-size: 14px">
 
            <ul class="list-inline">
 
                <li><a href="#">Printable version</a></li>
 
                <li><a href="#">Permanent link</a></li>
 
                <li><a href="https://2015.igem.org/2013.igem.org:Privacy_policy">Privacy policy</a></li>
 
                <li><a href="https://2015.igem.org/2015.igem.org:General_disclaimer">Disclaimer</a></li>
 
            </ul>
 
        </div>
 
    </div>
 
</footer>
 
 
</body>
 
</html>
 

Latest revision as of 19:14, 19 November 2015

Controlling the lifetime of GMOs using ColiClock

We are Vilnius iGEM – the first team from Lithuania and the Baltic States. Our goal is to tackle one of the biggest problems of synthetic biology – the regulation of the spread of genetically modified products in the environment. The aim of the ColiClock project consists of creating a bacteria with an integrated “count-down timer”, triggering a self-destruction mechanism. The idea would apply to cells that need to have a limited lifetime outside of a laboratory environment. The mechanism is achieved using the type I-F CRISPR-Cas system, controlled by LuxR and cI, which is navigated to important genes in the genomic DNA. In addition, we aim to present and discuss this globally relevant topic with Lithuanian industries, policy makers and the general public.

Sponsors