Difference between revisions of "Team:Vilnius-Lithuania"

 
(246 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>
+
<!--
−
    div#content {
+
<div class="loader">
−
        margin-top: 50px;
+
<img class="centered" style="width: 244px; height: 164px;" src="http://s6.postimg.org/dldiaax2p/Vilniusi_GEM_animacijai_0.png" />
−
        border: none;
+
</div>
−
        padding: 10px 15px;
+
-->
−
        width: 1000px;
+
<section class="container-fluid" style="padding: 0px;">
−
     }
+
     <div class="row">
−
 
+
        <div class="col-md-12 text-center" style="margin-top: -10px;">
−
    div#bodyContent p:nth-of-type(2) {
+
            <ul class="bxslider" style="margin: 0px; padding: 0px;">
−
        margin: 0px;
+
                <!--
−
        height: 0px;
+
                <li><img src="http://s2.postimg.org/4hcul6rax/bxslider_img_1.png" style="margin: 0px; padding: 0px;" /></li>
−
    }
+
                <li><img src="http://s16.postimg.org/8n27guymd/bxslider_img_2.png" style="margin: 0px; padding: 0px;" /></li>
−
 
+
                -->
−
    .b-default {
+
                <li><img src="http://s6.postimg.org/b9l9m1lv5/team_photo_cropped_2.png" style="margin: 0px; padding: 0px;" /></li>
−
        border: 1px solid rgb(120, 65, 54);
+
                <!--<li><img src="http://s6.postimg.org/z99wht5gx/team_photo_cropped.png" style="margin: 0px; padding: 0px;" />--></li>
−
    }
+
                <li><img src="http://s6.postimg.org/k5p0or8xd/Lab_apie_RNases_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
−
    .b-default-h {
+
                <li><img src="http://s6.postimg.org/p5mgwpek1/Lab_Ieva_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
−
        border-left: 1px solid rgb(120, 65, 54);
+
                <li><img src="http://s6.postimg.org/lano7vks1/Lab_TF_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
−
        border-right: 1px solid rgb(120, 65, 54);
+
            </ul>
−
    }
+
−
 
+
−
    .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);
+
−
    }
+
−
</style>
+
−
<header class="container-fluid">
+
−
    <div class="row b-default" style="margin-bottom: 15px;">
+
−
        <div class="col-md-12 text-center" style="padding-top: 50px; padding-bottom: 50px;">
+
−
            <h5>Vilnius iGEM 2015</h5>
+
 
         </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;
−
            box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+
                    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;">
 +
            </div>
  
−
        #cssmenu > ul > li {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
−
             display: inline-block;
+
             <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>
−
             margin-left: 15px; /* This is when the drop down box appears */
+
             <img src="https://static.igem.org/mediawiki/2015/2/24/Vilnius15_crowdfunding.png" width="190" style="padding-left: 30px; padding-top:25px;">
−
             position: relative;
+
            </div>
−
            z-index: 1;
+
−
        }
+
  
−
        #cssmenu > ul > li > a {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
−
             color: rgb(120, 65, 54);
+
             <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>
−
            letter-spacing: 2px;
+
             <img src="https://static.igem.org/mediawiki/2015/8/8b/Vilnius15_safety.png" width="190" style="padding-left: 50px; padding-top:15px;">
−
            font-family: Verdana, 'Lucida Grande';
+
             </div>
−
            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/Judging" style="color: white;">Judging</a></h2>
−
        }
+
                <img src="https://static.igem.org/mediawiki/2015/f/fa/Vilnius15_judging.png" width="190" style="padding-left: 50px; padding-top:35px;">
 +
            </div>
  
−
         #cssmenu > ul > li > ul {
+
         </div>
−
            opacity: 0;
+
    </div>
−
            visibility: hidden;
+
−
            padding: 16px 0 20px 0;
+
−
            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;
+
−
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
+
−
            -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
+
−
            box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
+
−
        }
+
  
−
        #cssmenu > ul > li:hover > ul {
+
<!-- dezute -->
−
            opacity: 1;
+
    <div class="row" style="margin-top: 20px;">
−
            top: 65px; /* This is how far from the top the drop down annimation will go  */
+
        <div class="col-md-12">
−
            visibility: visible;
+
    <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 > li > ul:before {
+
<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>
−
            content: '';
+
−
            display: block;
+
−
            border-color: transparent transparent rgb(250, 250, 250) 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: 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>
  
−
        #cssmenu ul ul a {
+
             <div class="row">
−
             /* This is the drop down menu, change font or size when its drops down */
+
                <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>
−
            color: rgb(50, 50, 50);
+
                <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>
−
            font-family: Verdana, 'Lucida Grande';
+
                <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>
−
            font-size: 13px;
+
             </div>
−
             background-color: rgb(250, 250, 250);
+
            <div class="row">
−
            padding: 5px 8px 7px 16px;
+
                <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>
−
            display: block;
+
                <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>
−
             -webkit-transition: background-color .1s;
+
                <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>
−
            -moz-transition: background-color .1s;
+
             </div>
−
             -o-transition: background-color .1s;
+
            <div class="row">
−
            transition: background-color .1s;
+
                <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(240, 240, 240);
+
    </div>
−
        }
+
  </div>
 +
  </div>
 +
<!-- /dezute -->
  
−
        #cssmenu ul ul a:hover {
 
−
            background-color: rgb(200, 145, 134);
 
−
            color: rgb(240, 240, 240);
 
−
        }
 
−
    </style>
 
−
    <nav class="row b-default" 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="#">A</a></li>
 
−
                        <li><a href="#">B</a></li>
 
−
                    </ul>
 
−
                <li class='has-sub'><a href="">Notebook</a>
 
−
                    <ul>
 
−
                        <li><a href="#">A</a></li>
 
−
                        <li><a href="#">B</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 class="row">
 
−
        <div class="col-md-12" style="padding-top: 15px;">
 
−
            <h1>Lorem ipsum</h1>
 
−
            <p class="text-justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
 
−
        </div>
 
−
    </div>
 
 
</section>
 
</section>
−
 
−
<footer class="container-fluid b-default-h b-default-bottom">
 
−
    <div class="row">
 
−
        <div class="col-md-12 text-center" style="padding-top: 50px; padding-bottom: 50px;">
 
−
            <h5>Footer</h5>
 
−
        </div>
 
−
    </div>
 
−
</footer>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
</div>
 +
</div>
 +
 +
{{Team:Vilnius-Lithuania/Vilnius15_Footer}}

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.

Learn more

Sponsors