Team:UNITN-Trento/Project/Datapage

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:UNITN-Trento/Templates/Default|<html><!--start content-->
+
{{:Team:UNITN-Trento/Templates/Main|<html><!--Inizio templato notebook-->
<!--CSS-->
<!--CSS-->
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Project_pages&amp;action=raw&amp;ctype=text/css" type="text/css">
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Notebook&action=raw&ctype=text/css" type="text/css" />
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Project/Datapage&amp;action=raw&amp;ctype=text/css" type="text/css">
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Styles/Labpost&action=raw&ctype=text/css" type="text/css" />
-
<img class="main-datapage" src="https://static.igem.org/mediawiki/2013/5/57/Tn-2013-datapage-Path.jpg" />
+
<!--JS-->
-
<div class="container">
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Notebook&action=raw&ctype=text/javascript"></script>
-
<div class="sheet">
+
<script type="text/javascript">
-
<div>
+
//  alert("Notebook under maintenance, please DO NOT add OR edit any post. Thank you.");
-
We envision the construction of a genetic circuit that either produces ethylene or methyl-salicylate (MeSA) in response to either the presence or absence of light. In the dark state the sensor protein YF-1 first auto-phosphorylates and then phosphorylates the response regulator FixJ. Phosphorylated FixJ is then able to bind to the pFixK2 promoter thereby activating transcription of cI (the inhibitor protein) that ultimately blocks EFE production. At the same time, phosphorylated FixJ activates the transcription of Bmst1, which initiates the synthesis of MeSA, thus slowing down fruit ripening. <br/><br/>
+
-
In the presence of blue-light, the sensor protein YF-1 does not auto-phosphorylate and does not phosphorylate FixJ. The RNA polymerase does not recognize the pFixK2 promoter. The result is that ethylene is produced and MeSA synthesis is blocked. In other words, fruit ripening is induced.
+
    function setPost(id) {
-
</div>
+
        var title = $(id).attr("data-title");
 +
        var date = $(id).attr("data-date");
 +
        who = $(id).attr("data-user").split("-");
 +
        var tags = $(id).attr("data-tag").split("-");
 +
        var uri = "https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/Notebook";
-
<span class="tn-subtitle">These are our best characterized parts on the system</span>
 
-
<span class="tn-sub-subtitle"><b>Best natural part</b></span>
 
-
<a href="http://parts.igem.org/Part:BBa_K1065002">BBa_K1065002</a>, 2-Oxoglutarate Oxygenase/Decarboxylase Ethylene Forming Enzyme (EFE). This part was well characterized under the control of different inducible promoters in both <i>E. coli</i> (NEB10beta cells) and in <i>B. subtilis</i> (str.168).
 
-
<span class="tn-sub-subtitle"><b>Best engineered device</b><br></span>
 
-
<a href="http://parts.igem.org/Part:BBa_K1065310">BBa_K1065310</a>, blue light regulated AmylCP producing device. This device includes an inverter cassette (composed by cI protein and pLambda promoter) that ultimately allows production of the chromoprotein AmilCP only when the culture is exposed to light.
 
-
<span class="tn-sub-subtitle"><b>Best improved part</b><br></span>
 
-
<a href="http://parts.igem.org/Part:BBa_K1065305">BBa_K1065305</a>, blue light regulated AmilGFP producing device (a yellow fluorescent protein). The part <a href="http://parts.igem.org/Part:BBa_K952003">BBa_K952003</a>, extracted from the registry, was not working because it was missing the RBS between pFixK2 promoter and AmilGFP coding sequence. We improved this part by mutagenesis and demonstrated that it is able to produce AmilGFP in the dark. .<br/><br/>
 
-
<span class="subtitle">We also characterized the following parts:</span>
+
        if (date.indexOf("-") != -1) {
-
<ul>
+
            ardate = date.split("-")
-
<li>
+
            if (ardate.length == 3) {
-
<a href="http://parts.igem.org/Part:BBa_K1065102">BBa_K1065102</a>: methyl-salycilate producing device.
+
                date = "<span class='yy'>" + ardate[0] + "</span><br />\n<span class='ddmm'>" + ardate[2] + "/" + ardate[1] + "</span>";
-
</li>
+
            };
-
<li>
+
        }
-
<a href="http://parts.igem.org/Part:BBa_K1065106">BBa_K1065106</a>: an improved version of our methyl-salycilate producing device. This device include the SAM synthetase gene to boost wintergreen production.
+
-
</li>
+
-
<li>
+
-
<a href="http://parts.igem.org/Part:BBa_K1065311">BBa_K1065311</a>: EFE under the control of the blue light circuit with inverter. This device produces ethylene upon photoinduction.
+
-
</li>
+
-
</ul>
+
-
<span class="tn-effect-link"><a href="https://2013.igem.org/Team:UNITN-Trento/Project/Fruit_ripening">Check how we exploited our parts to ripen fruit!</a></span>
+
        var wholow = [];
-
</div>
+
        for (var i = 0; i < who.length; i++) {
 +
            wholow.push(who[i].toLowerCase());
 +
        }
-
<div class="sheet-2">
+
        var who_box = $("<div></div>");
-
    <a href="https://2013.igem.org/Team:UNITN-Trento/Parts">
+
        var tag_box = $("<div></div>");
-
        <img class="tn-arr-prev" src="https://static.igem.org/mediawiki/2013/f/f4/Tn-2013-arr-DATAPAGE_prev.png" />
+
-
    </a>
+
-
    <a href="javascript:toTop('#tn-main-wrap-wrap');">
+
-
        <img src="https://static.igem.org/mediawiki/2013/6/6e/Tn-2013-arr-AAA_TOP.png" />
+
-
    </a>
+
-
    <a href="https://2013.igem.org/Team:UNITN-Trento/Project/Vending%20Machine">
+
-
        <img class="tn-arr-next" src="https://static.igem.org/mediawiki/2013/6/6a/Tn-2013-arr-DATAPAGE_next.png" />
+
-
    </a>
+
-
</div>
+
-
</div>
+
-
<a id="tn-sp-tour" href="https://2013.igem.org/Team:UNITN-Trento">
+
        if (wholow.indexOf("bruno") != -1) {
-
    <img src="https://static.igem.org/mediawiki/2013/8/88/Tn-2013-tour-G_AAA_DSC_0060.png" />
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' />");
-
    <span>This is the end of the tour!<br />Thank you for your company!</span>
+
        }
-
</a>
+
        if (wholow.indexOf("caterina") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("emil") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("fabio") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("gabriele") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("michele") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("thomas") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("viola") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' />");
 +
        }
 +
        $(who_box).addClass("tn-faces");
 +
 
 +
        $(tag_box).addClass("tn-tags");
 +
        for (var i = 0; i < tags.length; i++) {
 +
            if (i == 0) {
 +
                $(tag_box).html("<b>Tags</b><br/>");
 +
            }
 +
 
 +
            $(tag_box).html($(tag_box).html() + "<span class='tag'>" + tags[i] + "</span>");
 +
        }
 +
 
 +
        if (title != "") {
 +
            $(id).prepend("<div class='tn-posttitle'>" + title + "</div>");
 +
        }
 +
        $(id).prepend("<div class='tn-postdate'><a href='" + uri + id + "'class='tn-anchor'>" + date + "</a></div>");
 +
        $(id).prepend(who_box);
 +
        $(id).append(tag_box);
 +
    }
 +
</script>
 +
 
 +
<!--HIDDENS-->
 +
<input type="hidden" id="tn-active-filters-F" value="" />
 +
<input type="hidden" id="tn-active-filters-T" value="" />
 +
<input type="hidden" id="tn-active-filters-D" value="" />
 +
 
 +
<!--PAGE-->
 +
<div id="tn-notebook-wrap">
 +
 
 +
    <div id="tn-header-wrap">
 +
        </html>{{:Team:UNITN-Trento/Templates/Subs/Header|{{{2}}}}}<html>
 +
    </div>
 +
 
 +
    <div id="tn-central-container">
 +
        <div id="tn-content-wrap">
 +
            <div id="tn-side-1" class="tn-sidebar">
 +
                <!--sidebar 1-->
 +
                <div id="tn-calendar">
 +
                    <span class="tn-title">Filter by DATE</span>
 +
                    <table id="tn-calendar-table" data-month="">
 +
                        <tr>
 +
                            <th class="tn-month tn-bw"><!-- <a href="">&#9664;</a> --></th>
 +
                            <th class="tn-month tn-name" colspan="5">
 +
                                &nbsp;
 +
                            </th>
 +
                            <th class="tn-month tn-fw"><!-- <a href="">&#9654;</a> --></th>
 +
                        </tr>
 +
                        <tr>
 +
                            <th>Sun</th>
 +
                            <th>Mon</th>
 +
                            <th>Tue</th>
 +
                            <th>Wed</th>
 +
                            <th>Thu</th>
 +
                            <th>Fri</th>
 +
                            <th>Sat</th>
 +
                        </tr>
 +
                        <tr id="week-1">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-2">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-3">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-4">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-5">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-6">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                    </table>
 +
                </div>
 +
                <div id="tn-filters">
 +
                    <div id="tn-filter-faces">
 +
                        <span class="tn-title">Filter by WHO</span>
 +
                        <a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
 +
                        <a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
 +
                        <a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
 +
                        <a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
 +
                        <a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
 +
                        <a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
 +
                        <a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
 +
                        <a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
 +
                    </div>
 +
                    <div id="tn-filter-tags-wrap">
 +
                        <span class="tn-title">Filter by TAG</span>
 +
                        <select id="tn-filter-tags">
 +
                            <option value=""></option>
 +
                        </select>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="tn-content">
 +
                <div class="tn-add-post">
 +
                    <a href="javascript:alert('The notebook has been frozen, contact the Wiki Master.');">Add Post to selected Month</a>
 +
                </div>
 +
                <div class="tn-timeSelect">
 +
                    <a href="javascript:fillBook('may');" data-href="javascript:fillBook('may');" class="tn-button may">May</a>
 +
                    <a href="javascript:fillBook('june');" data-href="javascript:fillBook('june');" class="tn-button june">June</a>
 +
                    <a href="javascript:fillBook('july');" data-href="javascript:fillBook('july');" class="tn-button july">July</a>
 +
                    <a href="javascript:fillBook('august');" data-href="javascript:fillBook('august');" class="tn-button august active">August</a>
 +
                    <a href="javascript:fillBook('september');" data-href="javascript:fillBook('september');" class="tn-button september">September</a>
 +
                </div>
 +
                <div id="aj_index_may" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/05/}}<html>
 +
                </div>
 +
                <div id="aj_index_june" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/06/}}<html>
 +
                </div>
 +
                <div id="aj_index_july" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/07/}}<html>
 +
                </div>
 +
                <div id="aj_index_august" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/08/}}<html>
 +
                </div>
 +
                <div id="aj_index_september" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/09/}}<html>
 +
                </div>
 +
                <div id="aj_load" style="text-align: center;">Loading the posts...<br/><small>The first time it might take from a few seconds to a couple of minutes, depending on your connection</small></div>
 +
                <div id="aj_cont" style="text-align: center;">
 +
                    <!--Ajax content-->
 +
                </div>
 +
                <!--Content-->
 +
                </html>{{{1}}}<html>
 +
 
 +
                <div class="sheet-2">
 +
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Gallery">
 +
                        <img class="tn-arr-prev" src="https://static.igem.org/mediawiki/2013/7/72/Tn-2013-arr-Note_prev.png" />
 +
                    </a>
 +
                    <a href="javascript:toTop('#tn-main-wrap-wrap');">
 +
                        <img src="https://static.igem.org/mediawiki/2013/6/6e/Tn-2013-arr-AAA_TOP.png" />
 +
                    </a>
 +
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Protocols">
 +
                        <img class="tn-arr-next" src="https://static.igem.org/mediawiki/2013/0/0a/Tn-2013-arr-Note_next.png" />
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <div id="tn-footer-wrap">
 +
        </html>{{:Team:UNITN-Trento/Templates/Subs/Footer|{{{3}}}}}<html>
 +
    </div>
 +
 
 +
</div>
-
<!--end content--></html>|<html>https://static.igem.org/mediawiki/2013/a/ab/Tn-2013-headerbg-Sfondosb.jpg</html>|<html>https://static.igem.org/mediawiki/2013/7/7e/Tn-2013-headingbg-Sfondosb_or.jpg</html>}}
+
<!--Fine templato notebook--></html>}}

Revision as of 16:23, 3 October 2013

Filter by DATE
 
Sun Mon Tue Wed Thu Fri Sat
             
             
             
             
             
             
Filter by WHO
Filter by TAG
Add Post to selected Month
Loading the posts...
The first time it might take from a few seconds to a couple of minutes, depending on your connection
{{{1}}}