Difference between revisions of "Team:Slovenia"

Line 1: Line 1:
−
{{Slovenia}}
+
li , p, td, th, tr{
−
<html>
+
color: rgba(0, 0, 0, 0.8);
−
<head>
+
}
−
    <title>Home</title>
+
body {
−
    <link rel="stylesheet"
+
overflow: auto;
−
          href="//2016.igem.org/Team:Slovenia/libraries/semantic-min-css?action=raw&ctype=text/css">
+
}
−
    <script type="text/javascript"
+
/* from docs.css */
−
            src="//2016.igem.org/Team:Slovenia/libraries/semantic-min-js?action=raw&ctype=text/javascript"></script>
+
#example .main.container .introduction p,
−
    <link rel="stylesheet" type="text/css"
+
#example .main.container .example p,
−
          href="//2016.igem.org/Team:Slovenia/libraries/custom-css?action=raw&ctype=text/css">
+
#example .main.container p {
−
    <script type="text/javascript"
+
    color: rgba(0, 0, 0, 0.8);
−
            src="//2016.igem.org/Team:Slovenia/libraries/custom-js?action=raw&ctype=text/javascript"></script>
+
}
−
    <script type="text/javascript"
+
−
            src="//2016.igem.org/Team:Slovenia/libraries/zitator-js?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript"
+
−
            src="https://2016.igem.org/Team:Slovenia/libraries/bibtexparse-js?action=raw&ctype=text/javascript"></script>
+
−
    <style>
+
−
        .container {
+
−
            position: relative;
+
−
        }
+
  
−
        .module1 {
 
−
            position: absolute;
 
−
            top: 220px;
 
−
            left: 10px;
 
−
        }
 
  
−
        .module2 {
+
#example .main.container .examples h2,
−
            position: absolute;
+
#example .main.container h2,
−
            bottom: 90px;
+
#example .main.container .tab > h2 {
−
            left: 220px;
+
    position: relative;
−
        }
+
    margin: 5rem 0 3rem;
 +
}
  
−
        .module3 {
+
#example .main.container .examples > .rail + h2,
−
            position: absolute;
+
#example .main.container > .rail + h2,
−
            top: 180px;
+
#example .main.container > .tab > .rail + h2,
−
            right: 350px;
+
#example .main.container0 .examples h2:first-child,
−
        }
+
#example .main.container h2:first-child,
 +
#example .main.container > .tab > h2:first-child {
 +
    margin-top: 0;
 +
}
  
−
        .module4 {
+
#example > .pusher > .full.height {
−
            position: absolute;
+
    display: -webkit-box;
−
            bottom: 15px;
+
    display: -webkit-flex;
−
            right: 380px;
+
    display: -ms-flexbox;
−
        }
+
    display: flex;
 +
    -webkit-flex-direction: row;
 +
    -ms-flex-direction: row;
 +
    flex-direction: row;
 +
}
  
−
        .igemSign {
+
#example .full.height > .banana {
−
            position: relative;
+
    position: relative;
−
            bottom: 50px;
+
    z-index: 1;
−
        }
+
    background-color: #1b1c1d;
 +
    width: 20%;
 +
height:100%;
 +
    -webkit-box-flex: 0;
 +
    -webkit-flex: 0 0 auto;
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
}
  
−
        /* Popup container - can be anything you want */
+
#example .article {
−
        .popup {
+
    -webkit-box-flex: 1;
−
            display: inline-block;
+
    -webkit-flex: 1 1 auto;
−
            cursor: pointer;
+
    -ms-flex: 1 1 auto;
−
            -webkit-user-select: none;
+
    flex: 1 1 auto;
−
            -moz-user-select: none;
+
    min-width: 0;
−
            -ms-user-select: none;
+
margin-left:20%;
−
            user-select: none;
+
width:80%;
−
            padding: 10px 10px;
+
align:center;
−
        }
+
}
  
−
        /* The actual popup */
+
#example .main.container {
−
        .popup .popuptext {
+
    padding: 110px 0 7em;
−
            padding: 10px 10px;
+
}
−
            visibility: hidden;
+
−
            width: 350px;
+
−
            background-color: #555;
+
−
            color: #fff;
+
−
            text-align: center;
+
−
            border-radius: 6px;
+
−
            position: absolute;
+
−
            z-index: 100;
+
−
            font-size: 12px;
+
−
            line-height: 18px;
+
−
        }
+
  
−
        /* Toggle this class - hide and show the popup */
+
/* Defaults */
−
        .popup .show {
+
/*#example .masthead > .container,*/
−
            visibility: visible;
+
#example .main.container {
−
            -webkit-animation: fadeIn 1s;
+
/*#example .fixed.menu > .container {*/
−
            animation: fadeIn 1s;
+
    /*margin-left: 3em !important;
−
        }
+
    margin-right: 3em !important;*/
 +
    width: auto !important;
 +
    max-width: 960px !important;
 +
}
  
−
        /* Add animation (fade in the popup) */
+
/*#example .masthead > .container {*/
−
        @-webkit-keyframes fadeIn {
+
/*margin-right: 387px !important;*/
−
            from {
+
/*}*/
−
                opacity: 0;
+
#example .main.container {
−
            }
+
    /*margin-right: 387px !important;*/
−
            to {
+
position: relative;
−
                opacity: 1;
+
margin-left: auto; margin-right: auto;
−
            }
+
}
−
        }
+
  
−
        @keyframes fadeIn {
+
/* Remove Fixed Sidebar */
−
            from {
+
@media only screen and (max-width: 1144px) {
−
                opacity: 0;
+
    /* Hide Fixed Sidebar */
−
            }
+
    #example .full.height > .banana {
−
            to {
+
        display: none;
−
                opacity: 1;
+
    }
−
            }
+
}
−
        }
+
  
−
        .container img {
+
/* Remove Rail */
−
            display: block;
+
@media only screen and (max-width: 992px) {
−
            margin-left: auto;
+
    /* Fluid Containers */
−
            margin-right: auto;
+
    #example .masthead > .container,
−
         }
+
    #example .main.container,
 +
    #example .fixed.menu > .container {
 +
        margin-left: 1em !important;
 +
        margin-right: 1em !important;
 +
         max-width: none !important;
 +
    }
 +
}
  
−
        .corners {
+
/* end of docs*/
−
            border-radius: 15px;
+
−
            border: 2px solid #000000;
+
−
            padding: 15px;
+
−
            margin-left: 15px;
+
−
            margin-bottom: 15px;
+
−
        }
+
  
−
    </style>
+
/* override default */
−
</head>
+
#content {
−
<body>
+
     width: 100%;
−
<script>
+
    background-color: transparent;
−
     $(document).ready(
+
     margin-left: 0;
−
            function () {
+
     padding-left: 0;
−
                var getImgs = function () {
+
}
−
                    var imgs = [];
+
−
                    $('img').each(function () {
+
−
                        console.log("image detected");
+
−
                        var data = $(this).data('alt');
+
−
                        imgs.push(data);
+
−
                    });
+
−
                    return imgs;
+
−
                };
+
−
                var imgs = getImgs();
+
−
                //preload images
+
−
                var image = [];
+
−
                $.each(imgs, function (index) {
+
−
                    console.log("loading resource");
+
−
                    image[index] = new Image();
+
−
                    image[index].src = imgs[index];
+
−
                });
+
−
            }
+
−
     );
+
−
     function loadImage(sourceImage, popupname) {
+
−
        console.log(sourceImage);
+
−
        var image = document.getElementById("projectScheme");
+
−
        image.src = sourceImage;
+
  
−
        //var rect = image.getBoundingClientRect();
+
#contentSub, #firstHeading, #column-one, #footer {
−
        //console.log(rect.top, rect.right, rect.bottom, rect.left);
+
    display: none;
 +
}
  
−
        var popup = document.getElementById(popupname);
+
#firstHeading, #content {
−
        //popup.style.top = ((rect.bottom - rect.top)/2).toString().concat("px");
+
    margin-top: 0 !important;
−
        //popup.style.left =  ((rect.right - rect.left)/2).toString().concat("px");
+
    padding-top: 0 !important;
−
        //console.log((rect.right - rect.left)/2, (rect.bottom - rect.top)/2);
+
}
−
        popup.classList.toggle('show');
+
 
−
    }
+
#bodyContent {
−
     function tooglePopup() {
+
    margin-left: 0;
−
        var popup = document.getElementById("igemSign");
+
    padding-left: 0;
−
        popup.classList.toggle('show');
+
}
−
    }
+
 
−
</script>
+
body {
 +
    /*padding-top: 14px;*/
 +
    background-color: #FCFCFC;
 +
}
 +
 
 +
/* transparenten pravokotnik na levi in del za besedilo */
 +
#example:not(.site) > .pusher > .full.height {
 +
    background-color: transparent;
 +
}
 +
 
 +
/* pravokotnik na levi - sirina, ozadje.. */
 +
#example .full.height > .banana {
 +
    width: 20%;
 +
position:fixed;
 +
height: 100%;
 +
    background-color: transparent;
 +
    padding-top: 8px;
 +
padding-left:16px;
 +
background-color: black;
 +
color:white;
 +
}
 +
 
 +
/* menus */
 +
#projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {
 +
    display: none;
 +
}
 +
 
 +
#menucomb {
 +
right:0px;
 +
position:fixed;
 +
width:75%;
 +
    background-color: #FCFCFC;
 +
    padding-top: 12px !important;
 +
    padding-bottom: 12px;
 +
    margin-top: 0 !important;
 +
min-width: 700px !important;
 +
}
 +
 
 +
.ui.vertical.sticky.menu {
 +
    font-size: 1rem;
 +
    background-color: transparent;
 +
    padding-top: 60px !important;
 +
color:white !important;
 +
}
 +
 
 +
/* end of menus */
 +
 
 +
span.section  {
 +
  margin-top: -130px;        /* Size of fixed header */
 +
  padding-bottom: 130px;
 +
  display: block;
 +
}
 +
 
 +
/* tabelite neka bidat na sredina */
 +
.ui.table {
 +
    margin: auto;
 +
    width: 100%;
 +
}
 +
 
 +
/*црна боја на менито */
 +
.home:link, .home:visited, .home:active, .home:hover {
 +
    color: black;
 +
}
 +
 
 +
/* glavniot naslov neka ima edna crvena boja */
 +
#context h1 {
 +
    color: #c10c00;
 +
}
 +
 
 +
/* ostanatite naslovi neka bidat vo druga crvena */
 +
#context h2 {
 +
    color: #c10c00;
 +
}
 +
 
 +
/* naslovot na bibliografijata neka e vo treta boja */
 +
#ref-title {
 +
    color: #860000
 +
}
 +
 
 +
caption, figcaption {
 +
    caption-side: bottom;
 +
    text-align: center
 +
}
 +
 
 +
figure {
 +
    display: block;
 +
}
 +
 
 +
/* bibliography*/
 +
x-ref sup > a, x-ref sup > a:visited, x-ref sup > a:hover, x-ref sup > a:active {
 +
    color: grey;
 +
}
 +
 
 +
.reference > a {
 +
    color: black;
 +
}
 +
 
 +
/* end of bibliography */
 +
 
 +
/* enumeration of tables and figures */
 +
ref > a, ref > a:visited, ref > a:active, ref > a:hover {
 +
    color: black;
 +
}
 +
 
 +
/* team images */
 +
.teamimg {
 +
    overflow: hidden;
 +
}
 +
 
 +
.hiddentext {
 +
    position: absolute;
 +
    max-width: 80%;
 +
}
 +
 
 +
.image_div {
 +
    position: relative;
 +
    overflow: hidden;
 +
    width: 50%;
 +
    float: left;
 +
}
 +
 
 +
.right img {
 +
    position: relative;
 +
    margin-left: -100%;
 +
}
 +
 
 +
/* end of team images */
 +
 
 +
/* logo row */
 +
footer .column > a {
 +
    margin: auto;
 +
    display: inline-block !important;
 +
}
 +
 
 +
/* Calendar */
 +
/*#calendarTable {
 +
        position:relative;
 +
        width: auto;
 +
}*/
 +
#calendarHead:hover {
 +
    background-color: white;
 +
    color: #DB2828;
 +
    cursor: pointer;
 +
    cursor: hand;
 +
}
 +
#right, #left, #tdays, #tmonth {
 +
    text-align:center;
 +
    background-color: #AFAFAF;
 +
    color:white;
 +
    font-weight: bold;
 +
}
 +
#calendarHead {
 +
    text-align:center;
 +
    font-weight: bold;
 +
    color: white;
 +
    background-color: #AFAFAF;
 +
}
 +
.week > td, .weekHighLight > td {
 +
    margin: 0 auto;
 +
    background-color: white; /* #AFAFAF; */
 +
    text-align: right;
 +
    vertical-align: top;
 +
}
 +
.weak {
 +
    color:  #DB2828;
 +
}
 +
.week:hover > td, #right:hover, #left:hover, .weekHighLight > td {
 +
    background-color: #DB2828;
 +
    color: white;
 +
    cursor: pointer;
 +
    cursor: hand;
 +
}
 +
 
 +
/* Images and resizing stuff */
 +
figure {
 +
  background-color: #fff;
 +
  padding: 5px;
 +
  font-size: .875em;
 +
  display: table;
 +
}
 +
 
 +
figure img {
 +
     display: block;
 +
    width: 100%;
 +
}
 +
 
 +
figcaption {
 +
    display: table-caption;
 +
    caption-side: bottom;
 +
    background: #fff;
 +
font-size:11px;
 +
line-height:1.6em;
 +
    /* padding: 0 1px 1px; */
 +
}​
 +
 
 +
.ui.justified.container, p, .ui.segment {
 +
  -webkit-hyphens: none !important;
 +
  -ms-hyphens: none !important;
 +
  hyphens: none !important;
 +
}
 +
 
 +
h3, h4 {
 +
    font-size:1.28rem;
 +
    padding-bottom: 8px;
 +
}
  
−
<div id="example">
+
#context h3 {
−
     <div class="pusher">
+
     color: #c10c00;
−
        <div class="full height">
+
}
−
            <div class="banana">
+
−
                <a href="//2016.igem.org/Team:Slovenia">
+
−
                    <img class="ui medium sticky image" src="//2016.igem.org/wiki/images/d/d1/T--Slovenia--logo.png">
+
−
                </a>
+
−
                <div class="ui vertical sticky text menu">
+
−
                    <a class="item" href="#intro" style="margin-left: 10%">
+
−
                        <i class="selected radio icon"></i>
+
−
                        <b>Project</b>
+
−
                    </a>
+
−
                    <a class="item" href="#experts" style="margin-left: 10%">
+
−
                        <i class="selected radio icon"></i>
+
−
                        <b>Abstract for experts</b>
+
−
                    </a>
+
−
                    <a class="item" href="#plain" style="margin-left: 10%">
+
−
                        <i class="selected radio icon"></i>
+
−
                        <b>Abstract in plain English</b>
+
−
                    </a>
+
−
                    <a class="item" href="#achievements" style="margin-left: 10%">
+
−
                        <i class="selected radio icon"></i>
+
−
                        <b>Achievements</b>
+
−
                    </a>
+
−
                    <a class="item" href="#requirements" style="margin-left: 10%">
+
−
                        <i class="selected radio icon"></i>
+
−
                        <b>Medal requirements</b>
+
−
                    </a>
+
−
                    <a class="item" href="//2016.igem.org/Team:Slovenia/Idea/Challenge">
+
−
                        <i class="chevron circle right icon"></i>
+
−
                        <b>Idea</b>
+
−
                    </a>
+
−
                    <span>
+
−
<br/>
+
−
</span>
+
−
                    <img onmouseenter="tooglePopup();" onmouseleave="tooglePopup();" class="ui large circular image" src="//2016.igem.org/wiki/images/c/cb/T--Slovenia--igemLogo.gif">
+
−
                    <!-- <p style="font-size:11px;">
+
−
                            The iGEM symbol was drawn with a glass rod letter by letter on engineered human cells and imaged by a camera.
+
−
                            Cells were transfected with constructs coding for the bacterial ion channel MscS, gas vesicles (GvpA and GvpC) and a Ca-dependent
+
−
                            cyclic split luciferase reporter.
+
−
                    </p> -->
+
−
                    <div class="popup igemSign">
+
−
<span class="popuptext" id="igemSign">The iGEM symbol was drawn with a glass rod letter by letter on engineered human cells and imaged by a camera.
+
−
Cells were transfected with constructs coding for the bacterial ion channel MscS, gas vesicles (GvpA and GvpC) and a Ca-dependent
+
−
cyclic split luciferase reporter.</span>
+
−
                    </div>
+
−
                </div>
+
  
−
            </div>
+
h5 {
−
            <div class="article" id="context">
+
    font-size:1.071rem
−
                <!-- menu goes here -->
+
}
−
                <!-- content goes here -->
+
−
                <div class="main ui citing justified container">
+
−
                    <div>
+
−
                        <h1 class="ui centered dividing header"><span id="intro" class="section"> &nbsp; </span>Sonicell
+
−
                        </h1>
+
−
                        <div class="ui segment">
+
−
                            <p>Project Sonicell introduces exciting foundational advances to synthetic biology aimed to
+
−
                                enable rapid cellular response to a combination of external stimuli such as sound, light
+
−
                                or chemical compounds. This system is composed of a module for enhanced sensitivity of
+
−
                                cells to ultrasound or other mechanical stimuli sensed by a calcium-dependent reporter,
+
−
                                and a module for integration of a combination of several input signals into a signaling
+
−
                                pathway based on the collection of orthogonal proteases. Finally, the proteases were
+
−
                                designed to cleave an endoplasmic reticulum retention signal from target proteins, which
+
−
                                results in a secretion of premade proteins.</p>
+
−
                            <div>
+
−
                                <div class="container">
+
−
                                    <img width="100%" onresize="relativeCoords();" onload="relativeCoords();"
+
−
                                        style="border-radius: 15px;"
+
−
                                        src="//2016.igem.org/wiki/images/c/c2/T--Slovenia--Main-scheme0.png"
+
−
                                        alt="project scheme" usemap="#projectmap" id="projectScheme"/>
+
−
                                    <map name="projectmap">
+
−
                                        <area id="area1" class="popup" shape="poly" coords="" alt="module1"
+
−
                                              onmouseover="loadImage('//2016.igem.org/wiki/images/9/92/T--Slovenia--Main-scheme1.png', 'module1')"
+
−
                                              onmouseout="loadImage('//2016.igem.org/wiki/images/c/c2/T--Slovenia--Main-scheme0.png', 'module1')"
+
−
                                              href="//2016.igem.org/Team:Slovenia/Mechanosensing/Overview">
+
−
                                        <area id="area2" class="popup" shape="poly" coords="" alt="module1"
+
−
                                              onmouseover="loadImage('//2016.igem.org/wiki/images/5/54/T--Slovenia--Main-scheme3.png', 'module2')"
+
−
                                              onmouseout="loadImage('//2016.igem.org/wiki/images/c/c2/T--Slovenia--Main-scheme0.png', 'module2')"
+
−
                                              href="//2016.igem.org/Team:Slovenia/Protease_signaling/Logic">
+
−
                                        <area id="area3" class="popup" shape="poly" coords="" alt="module1"
+
−
                                              onmouseover="loadImage('//2016.igem.org/wiki/images/f/f6/T--Slovenia--Main-scheme2.png', 'module3')"
+
−
                                              onmouseout="loadImage('//2016.igem.org/wiki/images/c/c2/T--Slovenia--Main-scheme0.png', 'module3')"
+
−
                                              href="//2016.igem.org/Team:Slovenia/Protease_signaling/Overview">
+
−
                                        <area id="area4" class="popup" shape="poly" coords="" alt="module1"
+
−
                                              onmouseover="loadImage('//2016.igem.org/wiki/images/1/12/T--Slovenia--Main-scheme4.png', 'module4')"
+
−
                                              onmouseout="loadImage('//2016.igem.org/wiki/images/c/c2/T--Slovenia--Main-scheme0.png', 'module4')"
+
−
                                              href="//2016.igem.org/Team:Slovenia/Implementation/ProteaseInducible_secretion">
+
−
                                    </map>
+
−
                                    <div class="popup module1">
+
−
                                        <span class="popuptext" id="module1"><b>Enhanced mechanosensing:</b><br>
+
−
                                            Sensitivity of mammalian cells to ultrasound or other mechanical stimuli was enhanced by the introduction
+
−
                                            of mechanosensitive ion channels and/or by the expression of protein gas vesicles from bacteria. Influx of
+
−
                                            calcium through channels is sensed by formation of a complex between calmodulin and M13 peptide that can
+
−
                                            result in a rapid light emission by cells (used for cell painting) or reconstitution of a split protease.</span>
+
−
                                    </div>
+
−
                                    <div class="popup module2">
+
−
                                        <span class="popuptext" id="module2"><b>Protease based signaling <br/>and information processing:</b><br/>
+
−
                                            Combinations of proteolytic activities against specific targets resulted in activation of a reporter or another
+
−
                                            protease, which forms the basis for the design of a new type of rapid signaling pathways and construction of
+
−
                                            logic functions.</span>
+
−
                                    </div>
+
−
                                    <div class="popup module3">
+
−
                                        <span class="popuptext" id="module3"><b>Orthogonal site-specific proteases: </b><br/> A collection of orthogonal
+
−
                                            site-specific proteases that recognize different targets was prepared as split proteins, whose activity against
+
−
                                            selected targets can be induced by stimulation with an external signal such as light or chemicals.</span>
+
−
                                    </div>
+
−
                                    <div class="popup module4">
+
−
                                        <span class="popuptext"
+
−
                                              id="module4"> <b>Protease-triggered rapid secretion <br/> of therapeutic proteins:</b> <br/>A rapid cellular
+
−
                                            response by secretion of a protein is triggered by the proteolytic cleavage of an endoplasmic reticulum retention
+
−
                                            peptide. After the cleavage the cargo protein is moved from the ER, and secreted as therapeutic protein.</span>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="ui segment">
+
−
                        <h4><span id="experts" class="section">&nbsp;</span>Abstract for experts</h4>
+
−
                        <p>Synthetic biology opens exciting perspectives to control cells, for applications ranging from
+
−
                            industrial processes to cell-based therapy. However, the large majority of designed cellular
+
−
                            circuits are based on the transcriptional regulation, which may be too slow for many
+
−
                            therapeutic or diagnostic applications, for example delivery of insulin or detection of a
+
−
                            metabolite. Several medical doctors and researchers that we consulted stressed that a fast
+
−
                            but controllable response is high on their wish list of expectations from synthetic biology.
+
−
                            Additionally, noninvasive stimulation of selected tissues in the organism would also be
+
−
                            highly desirable. While light is extremely useful as a rapid, spatially-restricted input
+
−
                            signal, it cannot penetrate deep into the tissue. On the other hand, ultrasound combines
+
−
                            several advantages of light with the added ability to penetrate tissue.</p>
+
−
                        <p>In our project we enhanced the sensitivity of mammalian cells to ultrasound or other
+
−
                            mechanical stimulus by introduction of bacterial or engineered mammalian mechanosensors.
+
−
                            Additionally, the response to ultrasound and touch was strongly increased by expression of
+
−
                            the two components of bacterial gas vesicles, GvpA and GvpC. Mechanosensing was detected by
+
−
                            the calcium-induced calmodulin-M13 complex reconstituting split cyclic luciferase, highly
+
−
                            applicable for the emerging field of mechanogenetics. This enabled us to draw on cells using
+
−
                            touch, where we engaged in collaboration with an artist.</p>
+
−
                        <p>For the rapid response of cells to multiple stimuli we designed proteolysis-based signaling
+
−
                            pathways. For this purpose four orthogonal split proteases were generated, each recognizing
+
−
                            its own motif of seven amino acid residues. Based on cleavage of coiled-coil dimerizing
+
−
                            domains we demonstrated the ability to implement proteolysis-based signal pathways and logic
+
−
                            functions in mammalian cells. Based on the cleavage of an ER retention peptide by a
+
−
                            protease, input signals lead to protein secretion without the slow step of induced protein
+
−
                            synthesis.</p>
+
−
                        <p>We believe that this project introduced several foundational advances that could be very
+
−
                            useful to synthetic biology far beyond iGEM and for the benefit of humanity for therapy,
+
−
                            diagnostics and potentially many other advanced applications.</p>
+
−
                    </div>
+
−
                    <div class="ui segment">
+
−
                        <h4><span id="plain" class="section">&nbsp;</span>Abstract in plain English</h4>
+
−
                        <p>
+
−
                            Synthetic biology aims to control cells so they can obey our commands and do what we want,
+
−
                            for example to produce drugs when needed. In our project we made cells respond to ultrasound
+
−
                            or touch. When we touch the cells they light up, which can be recorded on a camera. Ideally
+
−
                            we want cells to respond to our commands as fast as possible, because sometimes we can’t
+
−
                            wait an hour before the cells produce the medicine and release it. That is why we gave cells
+
−
                            a novel mechanism of processing information.
+
−
                            We achieved this by combining several enzymes that recognize very specific parts of proteins
+
−
                            and cut them, which changes their function. This allowed us to combine different signals,
+
−
                            like sound, touch, light or chemicals, to obtain the desired cell response. The new enzymes
+
−
                            can also cut the anchor with which medicines are attached to cells after the cells make
+
−
                            them. Among many possible uses of our inventions, we can imagine activating cells in the
+
−
                            brain by ultrasound, which means that we don’t need to use
+
−
                            surgery to help people with Parkinson’s disease, or can trigger fast production of insulin
+
−
                            in the body, to help people with diabetes.
+
−
                        </p>
+
−
                    </div>
+
−
                    <div>
+
−
                        <h1 class="ui centered dividing header"><span id="achievements" class="section"> &nbsp; </span>Achievements
+
−
                        </h1>
+
−
                        <div class="ui segment">
+
−
                            <div class="corners" style="float:right;">
+
−
                                <p><img src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                        alt="newAtiGEM" width="28" height="28" style="display: inline;"> new at science
+
−
                                </p>
+
−
                                <p><img src="//2016.igem.org/wiki/images/0/0d/T--Slovenia--igemLogoSmall.png"
+
−
                                        alt="newAtiGEM" width="30" height="30" style="display: inline;"> new at iGEM</p>
+
−
                            </div>
+
−
                            <ul>
+
−
                                <li>Mammalian cell sensitivity to ultrasound and mechanical stimuli was increased by
+
−
                                    ectopic expression of bacterial or human cation permeable channels and functional
+
−
                                    reconstitution of bacterial protein gas vesicles from two protein components (GvpA
+
−
                                    and GvpC) <img src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                                  alt="newAtiGEM" width="28" height="28" style="display: inline;"></li>
+
−
                                <li>A custom-made ultrasound generator device was used to stimulate mammalian cells <img
+
−
                                        src="//2016.igem.org/wiki/images/0/0d/T--Slovenia--igemLogoSmall.png"
+
−
                                        alt="newAtiGEM" width="30" height="30" style="display: inline;"></li>
+
−
                                <li>A mechano-sensory luciferase reporter sensitive to an influx of free calcium ions
+
−
                                    was introduced into mammalian cells, which enabled rapid light emission of mammalian
+
−
                                    cells in response to mechanical stimuli and enabled painting on cells by touch with
+
−
                                    exciting potentials for other applications <img
+
−
                                            src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                            alt="newAtiGEM" width="28" height="28" style="display: inline;"></li>
+
−
                                <li>A circular proteolysis-activated luciferase reporter was experimentally verified and
+
−
                                    introduced into the iGEM collection <img
+
−
                                            src="//2016.igem.org/wiki/images/0/0d/T--Slovenia--igemLogoSmall.png"
+
−
                                            alt="newAtiGEM" width="30" height="30" style="display: inline;"></li>
+
−
                                <li>A set of four different orthogonal site-specific proteases was designed and tested
+
−
                                    as split proteins in mammalian cells <img
+
−
                                            src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                            alt="newAtiGEM" width="28" height="28" style="display: inline;"></li>
+
−
                                <li>New orthogonal protease-based signaling pathways and information processing platform
+
−
                                    was designed and several logic functions based on the combination of multiple input
+
−
                                    signals were tested experimentally <img
+
−
                                            src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                            alt="newAtiGEM" width="28" height="28" style="display: inline;"></li>
+
−
                                <li>Proteolysis of the ER retention signal was introduced as the trigger for the fast
+
−
                                    release of proteins from cells aimed to enable fast therapeutic responses such as
+
−
                                    required for the release of peptide hormones, neuroactive peptides etc. <img
+
−
                                            src="//2016.igem.org/wiki/images/d/dc/T--Slovenia--starSmall.png"
+
−
                                            alt="newAtiGEM" width="28" height="28" style="display: inline;"></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div>
+
−
                        <h1 class="ui centered dividing header"><span id="requirements" class="section"> &nbsp; </span>Medal
+
−
                            requirements</h1>
+
−
                        <div class="ui basic segment">
+
−
                            <table class="ui collapsing unstackable celled table" style="box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)">
+
−
                                <thead class="full-width">
+
−
                                <tr class="center aligned">
+
−
                                    <th> Medal</th>
+
−
                                    <th> Explanation</th>
+
−
                                    <th> Criteria</th>
+
−
                                    <th></th>
+
−
                                </tr>
+
−
                                </thead>
+
−
                                <tbody>
+
−
                                <tr>
+
−
                                    <td colspan="4" class="center aligned" style="background-color: #CD7F32">BRONZE</td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Register and attend</td>
+
−
                                    <td>Register for iGEM.</td>
+
−
                                    <td>We have successfully registered.</td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Deliverables</td>
+
−
                                    <td>Meet all deliverables on the Requirements page.</td>
+
−
                                    <td>We met all the listed deliverables.</td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Attribution</td>
+
−
                                    <td>Create a page on your team wiki with clear attribution of each aspect of your
+
−
                                        project.
+
−
                                    </td>
+
−
                                    <td>We created a <a href="//2016.igem.org/Team:Slovenia">wiki page</a> describing
+
−
                                        the attributions to the
+
−
                                        project.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Part / Contribution</td>
+
−
                                    <td>Document at least one new standard BioBrick Part or Device central to your
+
−
                                        project and submit this part to
+
−
                                        the iGEM Registry.
+
−
                                    </td>
+
−
                                    <td>We documented and submitted 45 standard <a
+
−
                                            href="//parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2016&group=Slovenia">BioBrick
+
−
                                        parts</a>.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td colspan="4" class="center aligned" style="background-color: silver">SILVER</td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Validated Part / Validated Contribution</td>
+
−
                                    <td>Experimentally validate that at least one new BioBrick Part or Device of your
+
−
                                        own design and construction
+
−
                                        works as expected.
+
−
                                    </td>
+
−
                                    <td>We demonstrated the functionality of our constructs and provided experimental
+
−
                                        data. We created a list of our
+
−
                                        <a href="https://2016.igem.org/Team:Slovenia/Favorite_Part">favorite parts</a>
+
−
                                        and detailed our experiences with them.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Collaboration</td>
+
−
                                    <td>Convince the judges you have helped any registered iGEM team from high school, a
+
−
                                        different track, another
+
−
                                        university, or another institution in a significant way.
+
−
                                    </td>
+
−
                                    <td>During our project we had several skype meetings with other iGEM teams. We also
+
−
                                        provided iGEM Team biotINK
+
−
                                        from Munich with <a href="http://parts.igem.org/Part:BBa_K782063">BBa_K782063
+
−
                                            created by team Slovenia 2012.</a>
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Human Practices</td>
+
−
                                    <td>Demonstrate how your team has identified, investigated, and addressed one or
+
−
                                        more of issues (education,
+
−
                                        public engagement, public policy issues, public perception, or other activities)
+
−
                                        in the context of your
+
−
                                        project.
+
−
                                    </td>
+
−
                                    <td>Education and transmission of interest in science is an <a
+
−
                                            href="https://2016.igem.org/Team:Slovenia/HP/Gold">important part of our
+
−
                                        project</a>. This
+
−
                                        is why we
+
−
                                        prepared several lectures for high school students and also collaborated with an
+
−
                                        artist who gave our project
+
−
                                        a new perspective by conveying science to public through art.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td colspan="4" class="center aligned" style="background-color: gold">GOLD</td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Integrated Human Practices</td>
+
−
                                    <td>Expand on your silver medal activity by demonstrating how you have integrated
+
−
                                        the investigated issues into
+
−
                                        the design and/or execution of your project.
+
−
                                    </td>
+
−
                                    <td>Implementation of several <a
+
−
                                            href="https://2016.igem.org/Team:Slovenia/Integrated_Practices">experts from
+
−
                                        different medical fields and culturologists</a> helped us
+
−
                                        improve our
+
−
                                        project.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Improve a previous part or project
+
−
                                    </td>
+
−
                                    <td>Improve the function OR characterization of an existing BioBrick Part or Device
+
−
                                        and enter this information
+
−
                                        in the Registry.
+
−
                                    </td>
+
−
                                    <td>We <a href="https://2016.igem.org/Team:Slovenia/Parts">improved</a> the parts
+
−
                                        <a href="http://parts.igem.org/Part:BBa_K1965003">BBa_K1965003</a> and <a
+
−
                                                href="http://parts.igem.org/Part:BBa_K1965030">BBa_K1965030</a>
+
−
                                        by equipping them with additional tags, expressing them
+
−
                                        in human cells and further characterizing their function.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Proof of concept</td>
+
−
                                    <td>Demonstrate a functional proof of concept of your project. </td>
+
−
                                    <td>We successfully demonstrated the functionality of selected (split) proteases and
+
−
                                        used them to <a
+
−
                                                href="https://2016.igem.org/Team:Slovenia/Demonstrate">control
+
−
                                            secretion</a> of the reporter protein from the cell.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                <tr>
+
−
                                    <td>Demonstrate your work</td>
+
−
                                    <td>How your project works under real-world conditions.
+
−
                                    </td>
+
−
                                    <td>We showed that our mechanosensing constructs coexpressed in human cells allow
+
−
                                        for a controlled response to
+
−
                                        touch and used them for our art application, <a
+
−
                                                href="//2016.igem.org/Team:Slovenia/Proof">Touch painting</a>.
+
−
                                    </td>
+
−
                                    <td><i class="large green checkmark icon"></i></td>
+
−
                                </tr>
+
−
                                </tbody>
+
−
                            </table>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
</div>
+
−
</body>
+
−
</html>
+

Revision as of 03:59, 18 October 2016

li , p, td, th, tr{ color: rgba(0, 0, 0, 0.8); } body { overflow: auto; } /* from docs.css */

  1. example .main.container .introduction p,
  2. example .main.container .example p,
  3. example .main.container p {
   color: rgba(0, 0, 0, 0.8);

}


  1. example .main.container .examples h2,
  2. example .main.container h2,
  3. example .main.container .tab > h2 {
   position: relative;
   margin: 5rem 0 3rem;

}

  1. example .main.container .examples > .rail + h2,
  2. example .main.container > .rail + h2,
  3. example .main.container > .tab > .rail + h2,
  4. example .main.container0 .examples h2:first-child,
  5. example .main.container h2:first-child,
  6. example .main.container > .tab > h2:first-child {
   margin-top: 0;

}

  1. example > .pusher > .full.height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;

}

  1. example .full.height > .banana {
   position: relative;
   z-index: 1;
   background-color: #1b1c1d;
   width: 20%;

height:100%; 

   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;

}

  1. example .article {
   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 0;

margin-left:20%; width:80%; align:center; }

  1. example .main.container {
   padding: 110px 0 7em;

}

/* Defaults */ /*#example .masthead > .container,*/

  1. example .main.container {

/*#example .fixed.menu > .container {*/ 

   /*margin-left: 3em !important;
   margin-right: 3em !important;*/
   width: auto !important;
   max-width: 960px !important;

}

/*#example .masthead > .container {*/ /*margin-right: 387px !important;*/ /*}*/

  1. example .main.container {
   /*margin-right: 387px !important;*/

position: relative; margin-left: auto; margin-right: auto; }

/* Remove Fixed Sidebar */ @media only screen and (max-width: 1144px) { 

   /* Hide Fixed Sidebar */
   #example .full.height > .banana {
       display: none;
   }

}

/* Remove Rail */ @media only screen and (max-width: 992px) { 

   /* Fluid Containers */
   #example .masthead > .container,
   #example .main.container,
   #example .fixed.menu > .container {
       margin-left: 1em !important;
       margin-right: 1em !important;
       max-width: none !important;
   }

}

/* end of docs*/

/* override default */

  1. content {
   width: 100%;
   background-color: transparent;
   margin-left: 0;
   padding-left: 0;

}

  1. contentSub, #firstHeading, #column-one, #footer {
   display: none;

}

  1. firstHeading, #content {
   margin-top: 0 !important;
   padding-top: 0 !important;

}

  1. bodyContent {
   margin-left: 0;
   padding-left: 0;

}

body { 

   /*padding-top: 14px;*/
   background-color: #FCFCFC;

}

/* transparenten pravokotnik na levi in del za besedilo */

  1. example:not(.site) > .pusher > .full.height {
   background-color: transparent;

}

/* pravokotnik na levi - sirina, ozadje.. */

  1. example .full.height > .banana {
   width: 20%;

position:fixed; height: 100%; 

   background-color: transparent;
   padding-top: 8px;

padding-left:16px; background-color: black; color:white; }

/* menus */

  1. projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {
   display: none;

}

  1. menucomb {

right:0px; position:fixed; width:75%; 

   background-color: #FCFCFC;
   padding-top: 12px !important;
   padding-bottom: 12px;
   margin-top: 0 !important;

min-width: 700px !important; }

.ui.vertical.sticky.menu { 

   font-size: 1rem;
   background-color: transparent;
   padding-top: 60px !important;

color:white !important; }

/* end of menus */

span.section { 

 margin-top: -130px;        /* Size of fixed header */
 padding-bottom: 130px; 
 display: block;

}

/* tabelite neka bidat na sredina */ .ui.table { 

   margin: auto;
   width: 100%;

}

/*црна боја на менито */ .home:link, .home:visited, .home:active, .home:hover { 

   color: black;

}

/* glavniot naslov neka ima edna crvena boja */

  1. context h1 {
   color: #c10c00;

}

/* ostanatite naslovi neka bidat vo druga crvena */

  1. context h2 {
   color: #c10c00;

}

/* naslovot na bibliografijata neka e vo treta boja */

  1. ref-title {
   color: #860000

}

caption, figcaption { 

   caption-side: bottom;
   text-align: center

}

figure { 

   display: block;

}

/* bibliography*/ x-ref sup > a, x-ref sup > a:visited, x-ref sup > a:hover, x-ref sup > a:active { 

   color: grey;

}

.reference > a { 

   color: black;

}

/* end of bibliography */

/* enumeration of tables and figures */ ref > a, ref > a:visited, ref > a:active, ref > a:hover { 

   color: black;

}

/* team images */ .teamimg { 

   overflow: hidden;

}

.hiddentext { 

   position: absolute;
   max-width: 80%;

}

.image_div { 

   position: relative;
   overflow: hidden;
   width: 50%;
   float: left;

}

.right img { 

   position: relative;
   margin-left: -100%;

}

/* end of team images */

/* logo row */ footer .column > a { 

   margin: auto;
   display: inline-block !important;

}

/* Calendar */ /*#calendarTable { 

       position:relative;
       width: auto;

}*/

  1. calendarHead:hover {
   background-color: white;
   color: #DB2828;
   cursor: pointer;
   cursor: hand;

}

  1. right, #left, #tdays, #tmonth {
   text-align:center;
   background-color: #AFAFAF;
   color:white;
   font-weight: bold;

}

  1. calendarHead {
   text-align:center;
   font-weight: bold;
   color: white;
   background-color: #AFAFAF;

} .week > td, .weekHighLight > td { 

   margin: 0 auto;
   background-color: white; /* #AFAFAF; */
   text-align: right;
   vertical-align: top;

} .weak { 

   color:  #DB2828;

} .week:hover > td, #right:hover, #left:hover, .weekHighLight > td { 

   background-color: #DB2828;
   color: white;
   cursor: pointer;
   cursor: hand;

}

/* Images and resizing stuff */ figure { 

  background-color: #fff;
  padding: 5px;
  font-size: .875em;
  display: table;

}

figure img { 

   display: block;
   width: 100%;

}

figcaption { 

   display: table-caption;
   caption-side: bottom;
   background: #fff;

font-size:11px; line-height:1.6em; 

   /* padding: 0 1px 1px; */

}​

.ui.justified.container, p, .ui.segment { 

 -webkit-hyphens: none !important;
 -ms-hyphens: none !important;
 hyphens: none !important;

}

h3, h4 { 

   font-size:1.28rem;
   padding-bottom: 8px;

}

  1. context h3 {
   color: #c10c00;

}

h5 { 

   font-size:1.071rem

}